説明
Need to add some custom CSS to your site? Simple CSS gives you an awesome admin editor and a live preview editor in the Customizer so you can easily add your CSS.
Want your CSS to only apply on a specific page or post? Simple CSS adds a metabox which allows you to do just that.
Check out GeneratePress, our awesome WordPress theme! (https://wordpress.org/themes/generatepress)
Features include:
- Full featured admin CSS editor
- Dark and light editor themes
- CSS editor in the Customizer so you can live preview your changes
- Metabox for page/post specific CSS
スクリーンショット
インストール
There’s two ways to install Simple CSS.
- Go to “Plugins > Add New” in your Dashboard and search for: Simple CSS
- Download the .zip from WordPress.org, and upload the folder to the
/wp-content/plugins/
directory via FTP.
In most cases, #1 will work fine and is way easier.
FAQ
-
How do I add CSS using your plugin?
-
- Make sure Simple CSS is activated.
- Navigate to “Appearance > Simple CSS” and add your CSS to the editor.
-
How do I add CSS using the Customizer?
-
- Make sure Simple CSS is activated.
- Navigation to “Appearance > Customize” and open the “Simple CSS” section.
-
How do I change the editor color?
-
- In “Appearance > Simple CSS”, change the “Dark” option below the “Save CSS” button to “Light”.
-
How do I add CSS that applies only to one page?
-
- Navigate to your page or post in the Dashboard and look for the “Simple CSS” metabox.
評価
2023年1月18日
Please update is amazing plugin.
2021年2月9日
I had been struggling with page speed but could see in GT Metrix that custom CSS (Jetpack) was taking over 1 second to load.
Copied it over to Simple CSS and page load dropped from 3.3 seconds to 0.8s!
That's a 75% reduction - fantastic!!!
[Also, I love that I can drop a little bit of CSS into the meta box for some post-specific tweaks - so cool, saves CSS bloat for rarely used styling]
2020年9月15日
This solves so much for me/us. I regret not finding this before. Why did I not find this until today? I just clicked every single link on Toms website (generatepress.com) to figure out if I missed some other amazing things. Newsletter from Tom? Yes please.
2020年8月24日
Hello Tom,
Any chance in future versions that custom CSS will work on index pages (Blog, archives ...)?
I think those are the only things this plugin lacks to be perfect.
Thanks Tom for all your wonderful work 🙂
Cordially.
2020年8月2日
Great
2020年5月19日
Wonderfully lightweight and useful plugin, much thanks!
貢献者と開発者
変更履歴
1.1.1
- Fix PHP notice when Simple CSS hasn’t been saved yet
1.1
- Fix meta box saving issue
1.0
- Show metabox only on public post types
- Add live preview to Customizer
- Code cleanup
- Better sanitizing/validation
0.4
- Use browser search instead of CodeMirror dialog search
- Don’t show GeneratePress metabox if it’s already activated
- Make CSS box full height
0.3
- Add CSS metabox to add CSS on specific pages and posts
- Adjust styling of dark theme
- Add tips to Simple CSS screen
0.2
- Remove extra whitespace from CSS output
- Remove spellcheck from Customizer input
- Allow > characters in the CSS
- Add find (ctrl + f) functionality
0.1
- プラグインをリリース