My Custom Styles
| 开发者 | Arthur Gareginyan |
|---|---|
| 更新时间 | 2022年1月25日 05:33 |
| 捐献地址: | 去捐款 |
| PHP版本: | 5.6 及以上 |
| WordPress版本: | 5.9 |
| 版权: | GPL3 |
| 版权网址: | 版权信息 |
标签
css
style
code
css3
styles
styling
stylesheet
snippet
insert code
inject code
inject snippet
inject css
insert snippet
insert css
inject custom code
inject custom snippet
inject custom css
insert custom code
insert custom snippet
insert custom css
style sheet
css2
下载
1.1
1.2
1.3
1.4
1.5
1.6
1.7
2.1
2.2
2.3
3.0
3.1
3.1.1
3.2
3.3
4.0
4.38
4.7
4.8
2.0
4.0.1
4.1
4.1.1
4.10
4.11
4.12
4.14
4.15
4.16
4.17
4.18
4.19
4.2
4.20
4.21
4.23
4.24
4.25
4.26
4.27
4.28
4.29
4.3
4.30
4.31
4.32
4.33
4.34
1.0
4.13
4.22
4.35
4.36
4.37
4.38.1
4.39
4.4
4.4.1
4.40
4.41
4.42
4.43
4.44
4.45
4.46
4.47
4.48
4.49
4.5
4.50
4.51
4.6
4.9
详情介绍:
An easy to use, with intuitive interface, WordPress plugin that gives you the ability to easily and safely add your custom CSS code to your WordPress website, directly out of the WordPress Admin Area, without the need to have an external editor.
This is a must have tool for authors and website's owners. Its purpose is to provide a familiar experience to WordPress users. There is no need for any more editing of the files of your theme or plugins for to add custom CSS code. Just add your custom CSS code in the field on the plugin page and this plugin will do the rest for you. It will automatically add your CSS code to the desired section of your website, without changing any of your theme files and without slowing down your website.
The plugin works completely independently of the theme, so you can use it with any theme, and regardless of whether the theme does or does not have a style.css file. The code you place on the plugin page will be entirely unaffected if you edit the contents of the theme’s style.css file, or even completely change the theme. This is really useful in case of updating theme or plugins, because your custom CSS code would never be overwritten. Your custom CSS code will keep on working, no matter how many times you upgrade or switch your theme and plugins.
On the plugin page you find the code editor powered by CodeMirror. This code editor has options such as syntax highlighting, line numbering, and more. And if you want more options, let us know and we will be happy to add them.
Features
- Lightweight and fast
- Secure code with using clear coding standards
- Intuitive interface
- Cross browser compatible (work smooth in any modern browser)
- Compatible with all WordPress themes
- RTL compatible (right to left)
- Translation ready
- Insert custom CSS code into the site
- Ability to temporarily disable all custom CSS code
- Code syntax highlighting
- Line numbering
- Active line highlighting
- Editor allow for Tab indentation
- And much, much more!
- CSS minifier
- Manage which CSS code load on HEAD or FOOTER
- Controlling the priority of loading CSS code
- Ability to easily customize the code editor by selecting the desired settings
- 64 themes for syntax highlighting
- Toolbar with useful buttons, such as Undo, Redo, etc.
- Ability to use shortcut keys (both Mac and PC) for Search, Replace, etc.
- Unlimited number of fields for snippets
- Automatic backup of all snippets to a downloadable text file
- Separate activation and deactivation of snippets
- No ads on the settings page
- Well documented
- CSS
- English (default)
- Russian (translation by Milena Kiseleva)
- German (translation by Michael)
- Spanish (translation by Ramiro Garcés and Patricio Toledo)
- Dutch (translation by Peter Leenders)
- French (translation by Jean-Michel, Theophil Bethel and Hervé Bouzin)
- Donate to support ongoing development. Your contribution would be greatly appreciated.
- Rate and Review this plugin.
- Share with us or view the GitHub Repo if you have any ideas or suggestions to make this plugin better.
安装:
Install "My Custom Styles" just as you would any other WordPress Plugin.
Automatically via WordPress Admin Area:
- Log in to Admin Area of your WordPress website.
- Go to "
Plugins" -> "Add New". - Find this plugin and click install.
- Activate this plugin through the "
Plugins" tab.
- Download a copy (ZIP file) of this plugin from WordPress.org.
- Unzip the ZIP file.
- Upload the unzipped catalog to your website's plugin directory (
/wp-content/plugins/). - Log in to Admin Area of your WordPress website.
- Activate this plugin through the "
Plugins" tab.
CSS Inserter" menu item will appear in the "Settings" section of Admin Area. Click on it in order to view the plugin settings page.
More help installing plugins屏幕截图:
其他记录:
"My Custom Styles" is one of the own software projects of Space X-Chimp.
License
This plugin is licensed under the GNU General Public License, version 3 (GPLv3) and is distributed free of charge.
Commercial licensing (e.g. for projects that can’t use an open-source license) is available upon request.
Credits
- The icon of this plugin is a copyrighted image created by the Space X-Chimp team. (C) All rights reserved.
- The banner of this plugin is a copyrighted image created by the Space X-Chimp team. (C) All rights reserved.
- Unless otherwise stated, all images are created by the Space X-Chimp team and are copyrighted. (C) All rights reserved.
- CodeMirror is an open-source project shared under the MIT license.
- Bootstrap by Twitter, Inc. released under the MIT license.
- Bootstrap-checkbox is a project of Vasily A., shared under the MIT license.
- Font Awesome is an open source-project created by Dave Gandy. Font released under the SIL OFL 1.1 license. Code released under the MIT License.
常见问题:
Q. Will this plugin work on my wordpress.COM website?
A. Sorry, this plugin is available for use only on self-hosted (wordpress.ORG) websites.
Q. Can I use this plugin on my language?
A. Yes. This plugin is ready for translation and has already been translated into several languages. But If your language is not available then you can make one. It is also possible that not all existing translations are up-to-date or correct, so you are welcome to make corrections. Many of plugin users would be delighted if you share your translation with the community. Thanks for your contribution!
If you want to help translate this plugin, please use the POT file that is included and placed in the languages folder to create a translation PO file. Just send the PO file to us and we will include this translation within the next plugin update.
Q. How does it work?
A. Simply go to the plugin settings page, place your custom CSS code in the code editor field, switch the toggle to the "ON" position and click the "Save changes" button. Enjoy the result of applying your custom CSS code. It's that simple!
You can find the plugin settings page at "WordPress Admin Area" -> "Settings" -> "CSS Inserter".
Q. How much of CSS code (characters) I can enter in the code editor?
A. We don't limit the number of characters.
Q. Does this plugin requires any modification of the theme?
A. Absolutely not. This plugin is configurable entirely from the plugin settings page that you can find in the Admin Area of your WordPress website.
Q. Does this require any knowledge of HTML or CSS?
A. This plugin can be configured with no knowledge of HTML or CSS, using an easy-to-use plugin settings page. But you need to know the HTML or CSS in order to add/remove/modify the HTML or CSS code by using this plugin.
Q. Can I add my custom CSS code to a specific page of my website?
A. For now, this plugin does not have an option to apply the custom CSS code only on specific pages. We plan to add this feature soon. But for now in order to apply your custom CSS code only on specific pages of your website, you need to wrap your custom CSS code in a PHP code that will determine the page you want. You need something like this: `function my_custom_css_code() { // Stop the function if this is not the Home page of website if ( !is_home() ) { return; } // Print the custom CSS code echo 'YOUR CUSTOM CSS CODE HERE'; } add_action( 'wp_head', 'my_custom_css_code' );` To apply the PHP code on a website, we can recommend you to use another our plugin called My Custom Functions.
Q. My custom CSS code is not working. What could be wrong?
A. It happens that your custom CSS code that you insert on the plugin page does not work, even if an error message does not appear. Here are a few of the most likely causes of the issue:
- You have a typo during the insertion of your custom CSS code.
- Your custom CSS code has a syntax error.
- Your custom CSS code is incorrect and may not work.
Q. It's not working. What could be wrong?
A. As with every plugin, it's possible that things don't work. It's impossible to tell what could be wrong exactly. The most common reason for this is a web browser’s cache. Every web browser stores a cache of the websites you visit (pages, images, and etc.) to reduce bandwidth usage and server load. This is called the browser’s cache. Clearing your browser’s cache may solve the problem. If you post a support request in the plugin's support forum on WordPress.org, we'd be happy to give it a look and try to help out. Please include as much information as possible, including a link to your website where the problem can be seen.
Q. The last WordPress update is preventing me from editing my website that is using this plugin. Why is this?
A. This plugin can not cause such problem. More likely, the problem are related to the settings of the website. It could just be a cache, so please try to clear your website's cache (may be you using a caching plugin, or some web service such as the CloudFlare) and then the cache of your web browser. Also please try to re-login to the website, this too can help.
Q. Where to report bug if found?
A. Bug reports are very welcome! Please visit our contact page and report. Thank you!
Q. Where to share any ideas or suggestions to make the plugin better?
A. Any suggestions are very welcome! Please visit our contact page and share. Thank you!
Q. I love this plugin! Can I help somehow?
A. Yes, any contributions are very welcome! Please visit our donation page. Thank you!
更新日志:
4.51 - Sep 6, 2021
- Fixed: Strange behavior of the toggle switches (ON/OFF buttons) on the plugin settings page. (Thanks to Werner Krauß)
- Maintenance: Ensure compatibility with upcoming WordPress 5.8.
- Framework update: The CodeMirror library has been updated to the latest version v5.62.0.
- Maintenance: Ensure compatibility with upcoming WordPress 5.7.
- Maintenance: Processing of options has been improved. Direct retrieving of options from the database is replaced by the "_options" callback. The "options.php" file with the "_options" function added.
- Maintenance: The contents of PHP files have been optimised; Code formatting and commenting improved.
- Maintenance: The copyright date updated to support the 2021 year.
- Maintenance: Ensure compatibility with upcoming WordPress 5.6.
- Maintenance: Every use of the hardcoded plugin slug has been replaced with a variable according to best coding standards.
- Framework update: The CodeMirror library has been updated to the latest version v5.58.1.
- Fixed: On the plugin settings page, the height of the buttons is too small compared to the width.
- Enhancement: The plugin settings page has been redesigned. The sidebar added to all tabs for better usability.
- New feature: Restoring screen position after saving changes. No more annoying return to the top of the page after clicking the "Save" button on the plugin settings page.
- Maintenance: Loading of dynamic content on the plugin settings page has been updated to more versatile.
- Maintenance: Ensure compatibility with upcoming WordPress 5.5.
- Enhancement: Remove the second ask for an upgrade on the "Plugins" page and change the color of some links to the right emotional colors. (Thanks to Abdulla Hussain)
- Maintenance: Ensure compatibility with upcoming WordPress 5.4.
- Maintenance: Minimum WordPress version requirement is set to 4.9. Support for WordPress 4.8 and below has been discontinued.
- Maintenance: Minimum PHP version requirement is set to 5.6. Support for PHP 5.5 and below has been discontinued.
- Maintenance: The copyright date updated to support the 2020 year.
- Maintenance: Compatibility with upcoming WordPress 5.3.
- Framework update: Bootstrap library updated to the latest version; v3.4.1.
- Framework update: The list control has been redesigned.
- French translation updated. (Thanks to Hervé Bouzin)
- Fixed: Prints a warning since PHP/7.1: "Notice: A non well formed numeric value encountered in /inc/php/versioning.php on line 43".
- Framework updated: Code formatting improved.
- Framework updated: Code commenting improved.
- Framework updated: The change log design is improved.
- Framework updated: Added function "_plugin", which returns an array with the contents of plugin constants. The mention of plugin constants is replaced by the use of the function "_plugin".
- Framework updated: The functions "_settings_link" and "_upgrade_link" are combined and improved.
- Framework updated: The function "_plugin_row_meta" is improved.
- Framework updated: Code formatting improved.
- Framework updated: Code commenting improved.
- Framework updated: All translation files are updated.
- Improvement: Notification display system updated
- Code commenting improved.
- Style sheet for the back end is optimised.
- Framework updated: The file "page.php" is divided into the following parts: "page.php", "usage.php", "faq.php", "support.php".
- Framework updated: The files "settings.php", "usage.php", "faq.php", "support.php" are moved to the subfolder "tabs".
- Added French translation. (Thanks to Hervé Bouzin)
- The readme "Tested up to:" value changed to 5.1 after full testing process and ensuring compatibility.
- Content of the "F.A.Q." section updated.
- Some texts are corrected or replaced with new ones.
- All translation files are updated.
- Code formatting improved.
- Added CSS class ".custom-list" for displaying a custom list, which is used on the plugin settings page.
- The "humans.txt" file updated.
- Content of the "Usage" section updated.
- Content of the "FAQ" section updated.
- Code formatting in the "admin.js" file improved.
- Code commenting improved.
- The copyright date updated.
- Translation files are updated.
- Improvement: Design of the plugin settings page is improved.
- Improvement: Design of the plugin settings page is improved.
- Content of the "Usage Instructions" section updated.
- Translation files are updated.
- Added new feature: If the changes in the code editor were made, but not saved, the message "NOT SAVED" is displayed.
- Code commenting improved.
- Translation files are updated.
- Content of the "FAQ" section updated.
- CSS code, which is located in the file "admin.css" and is related to the "FAQ" section, is improved.
- The sidebar items are rearranged.
- Some texts are updated.
- Translation files are updated.
- The design of the message "Successful" is improved.
- The "readme.txt" file is updated.
- Some texts are updated.
- Translation files are updated.
- The '_add_styling' function renamed to '_prepare'.
- The function '_prepare' is improved.
- Code commenting improved.
- Some texts are updated.
- Translation files are updated.
- Some texts are updated.
- Translation files are updated.
- The translation into Russian has been corrected.
- The translation into Dutch has been corrected.
- Dutch translation added. (Thanks to Peter Leenders)
- The function '_load_scripts_codemirror' is improved. Removed an unnecessary call of constants.
- The function '_load_scripts_admin' is improved.
- The banner of Space X-Chimp, located on the settings page of the plugin, is updated. The image 'banner.png' is deleted.
- Some texts are updated.
- All translation files are updated.
- The code block that enqueue the CodeMirror library files is moved to a separate function '_load_scripts_codemirror' within the 'enqueue.php' file.
- Enqueue of the CodeMirror addons is moved to the beginning of the queue, before enqueuing the CodeMirror mods.
- All translation files are updated.
- Fixed: CodeMirror addon 'autorefresh.js' was added to one of the previous versions of the plugin, but it was not enabled.
- Fixed localization of the word "licence". (Thanks to Garrett Hyder @garrett-eclipse)
- Settings for the CodeMirror editor are moved to a separate file 'codemirror-settings.js'.
- Added the addon 'placeholder.js' to the CodeMirror editor. Added a placeholder for code field.
- Translations are updated.
- Updated the method of loading the addons of the CodeMirror library.
- Added the addon 'autorefresh.js' to the CodeMirror editor. The code for manual refreshing the CodeMirror editor is deleted.
- CodeMirror library updated to the latest version v5.38.0. The directory structure is changed (files are better organized). Added a test files for the CodeMirror modes.
- Updated the method of loading the modes and addons of the CodeMirror library.
- Fixed a bug due to which the plugin data that stored in the database to not be deleted during the uninstallation of the plugin.
- The contents of the file 'uninstall.php' is moved to the file 'core.php'. The file 'uninstall.php' is deleted.
- The upgrade banner has moved from an external source to the plugin folder.
- Some texts are corrected.
- Added new constant "_FILE".
- Added a function that runs during the plugin activation. Now the date of the first activation of the plugin is recorded in the database.
- Added auto-versioning of the CSS and JavaScript files to avoid cache issues.
- CSS code in the file 'admin.css' is optimized.
- Fixed the link "Settings", located in the plugin's meta row on the "Plugins" page. The suffix ".php" was deleted.
- Fixed information stored in the header of the translation files.
- Translation files updated.
- Some texts updated, and typos corrected.
- All translation files updated.
- The information about the author of the plugin (including name, links, copyright, etc.) was changed due to the fact that the plugin became the property of SpaceXChimp.
- The "humans.txt" file updated.
- Texts updated.
- The year in the copyright text is updated.
- The sidebar items are rearranged.
- Translation files updated.
- The plugin is fully tested for compatibility with WordPress version 4.9.
- CSS code improved.
- German translation added. (Thanks to Michael)
- Spanish translation updated. (Thanks to Patricio Toledo)
- Fixed an issue where the "Hello" message could not be hidden.
- At the request of some users, plugin settings page moved to the submenu item in the top-level menu item "Settings", like before.
- In the "_register_submenu_page" function, "$capability" changed from the 'edit_theme_options' to 'manage_options'.
- Fixed the issue due to which the 'Space X-Chimp' sub menu item in the brand menu item was displayed.
- Added branded footer text on the plugin's settings page.
- Added the top level menu item of the brand.
- The submenu item of the plugin has moved to the menu item of the brand.
- The menu item of the plugin is renamed.
- The "Author" tab on the settings page is removed.
- Content of the "Support" tab on the settings page is updated.
- Copyright of plugin files is changed to the "Space X-Chimp".
- The "Support" tab renamed to the "Support Me".
- The "Usage" tab renamed to the "Usage Instructions".
- Added Spanish translation. (Thanks Patricio Toledo)
- The group name of the '_service_info' option renamed to '_settings_group_si'.
- The 'admin.css' file improved.
- The "Font Awesome" library is integrated for use on the plugin settings page.
- The ON/OFF switch replaced with new.
- The 'bootstrap-checkbox.js' JavaScript plugin added.
- Prefixes of the PHP functions changed to ''spacexchimp_p003_.
- Prefixes of the PHP constants changed to ''SPACEXCHIMP_P003_.
- Plugin data that saved in the database upgraded to version 0001.
- Russian translation updated. (Thanks to Milena Kiseleva)
- The navigation of the tabs is rearranged.
- Fixed an issue due to which the sidebar was not hiding on mobile devices.
- Code of sidebar moved to separate file 'sidebar.php'.
- Support page tab moved from external source to plugin code.
- My avatar moved from external source to plugin folder.
- Banner moved from external source to plugin folder.
- Code of PayPal button updated.
- Stylesheet in the admin.css file improved.
- The '!important' declarations in the admin.css file removed.
- Code formatting in the admin.js file improved.
- Code commenting improved.
- Load of the additional remote CSS file removed from the admin.js file.
- Changed the sorting of enqueueing of scripts.
- The 'Family' page tab renamed to 'Store'.
- Added ad banner of my store website.
- The HTTPS mixed content issue fixed by changing all links to HTTPS.
- Content of the "FAQ" section updated.
- On the plugin settings page, text of buttons are corrected.
- On the plugin settings page, the information about the plugin version number moved to header section.
- Some mention of constants replaced with variables for easier access.
- Content of the "Usage" tab updated.
- Content of the "FAQ" tab updated.
- An SSL issue within the admin area fixed. The 'src=”http://' replaced with 'src=”//'.
- Added load of the jQuery library on the plugin settings page.
- To the plugin settings page added information about the plugin version number.
- The "Tested up to:" comment changed to 4.8 after full testing process.
- The "version.php" file renamed to "versioning.php".
- The "versioning.php" file updated to new version.
- The "_plugin_version_number" function renamed to the "_versioning".
- Values of the variables on the settings page are improved.
- Compatibility with PHP version 5.2 improved.
- PHP shorthands improved.
- Added function for generating the plugin constants.
- Some constants now get the value from the plugin header data.
- The "_plugin_version_number" function improved.
- Added file "upgrade.php" for future upgrades.
- Fixed the bug due to which the "Warning: Constants may only evaluate to scalar values in" warning are displayed.
- Added new constants: "_SLUG", "_PREFIX", "_SETTINGS" and "_NAME".
- Value of the "_VERSION" constant replaced with information from the plugin header data.
- All references to the plugin name, slug, prefix are replaced with constants.
- The "name" attribute removed from the "form" tag.
- Code formatting improved.
- F.A.Q. section updated.
- Fixed the bug due to which the the "Warning: Illegal string offset 'version' in" and the "Warning: Illegal string offset 'old_version' in" warnings are displayed. (Thanks to Sven Brill)
- The design of the plugin settings page is completely redone.
- Added additional donate link to the "Plugins" page.
- The 'Using' section renamed to 'Usage'.
- My Unicode signature added to the main file.
- The donate button replaced with new.
- The 'Donate' section renamed to 'Support'.
- The 'donate.png' image removed.
- Options from the settings page moved to a separate file.
- The "Usage" section removed from the sidebar area.
- Additional "Support" section added.
- Added tab navigation menu for the settings page.
- Added additional tabs on the settings page.
- Code of the 'admin.css' file improved and better commented.
- A full version of the Bootstrap framework is integrated.
- The 'mcstyles_load_scripts' function renamed to 'mcstyles_load_scripts_admin'.
- Added the CSS code for the custom list numbers on the plugin settings page.
- The main font is changed to "Verdana".
- All PHP and HTML code is better formatted.
- The header on the settings page of plugin is redesigned.
- The "LICENSE.txt" file renamed to "license.txt".
- The "humans.txt" file added.
- Messages from the plugin settings page moved to a separate file "messages.php".
- The "_service_info" setting added to the data-base.
- Added function for managing information about the version number of the plugin.
- Added the "Hello" message that show when the plugin is just installed.
- Added the "Error" message that show when user is trying to degrade the version number of the plugin.
- Fixed the parameter that contain the path to source files in all translation files.
- The POT file updated.
- Translations updated.
- Added global constant for plugin text-domain.
- Translations updated.
- Readme for translations updated.
- Link of banner image updated.
- On the settings page changed an advertisement about the PRO version of this plugin.
- The Readme.txt file improved.
- Added the Readme.txt file for translation contribution.
- Link to the premium version of plugin changed.
- The Readme.txt file improved.
- Added prefixes to the stylesheet and script names when using wp_enqueue_style() and wp_enqueue_script().
- Added constant for storing the plugin version number.
- The structure of files changed.
- Style sheet of settings page improved and better commented.
- JS code improved.
- Donate text added.
- Added a toggle for temporarily disable the custom CSS code.
- Added active-line.js add-on to CodeMirror editor.
- Added function for stoping execution of user entered code if it empty.
- Added function of automatic remove the "successful" message after 3 seconds.
- Removed the default message about successful saving.
- Color of editors border changed to #ddd.
- Styles of settings page optimized for mobile devices.
- The styles.css file better commented.
- The _enqueue_codemirror_scripts function renamed to mcstyles_load_scripts.
- The esc_textarea() removed from the preparing function of user entered code.
- CodeMirror library updated to version 5.16.0.
- File js-functions.js renamed to functions.js.
- Added the ad about PRO version of this plugin.
- Removed my personal ad about freelance.
- Text domain changed to "my-custom-styles".
- Added compatibility with the translate.wordpress.org.
- All images are moved to the directory "images".
- Image "btn_donateCC_LG.gif" is now located in the "images" directory.
- Strict mode enabled in the file js-functions.js.
- New design of settings page (new layout).
- Constants variables added.
- editor.js deleted.
- js-functions.js (file with all js functions) created.
- Plugin URI changed to GitHub repository.
- Added my personal ad about freelance.
- .pot file updated.
- Russian translation updated.
- Donate link changed.
- Localization improved.
- .pot file updated.
- Authors URI changed.
- Removed more unused do_action() from page.php file.
- The stylesheet of plugin page moved to separate file.
- The javascript from page.php moved to separate file.
- Changed the style of title in plugin page.
- The LICENSE file renamed to LICENSE.txt.
- Fixed the prefix in name of function "mcstyles_add_styling".
- Fixed the issue due to which nothing appears below line 26 until you click below that line.
- Combined and minified the CodeMirror scripts.
- Deleted excess line: "delete_option( 'mcstyles_error' )".
- Added ready for translation (.pot file included).
- Added russian translation.
- Initial release.
- Added syntax highlighting by CodeMirror.
- Added line numbering by CodeMirror.
- Release candidate.
- Beta version.
- Alpha version.