Simple CSS

Description

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)

Fonctionnalités incluses :

  • 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

Captures d’écran

  • The dark theme of the CSS editor.
  • The light theme of the CSS editor.
  • The CSS editor in the Customizer.
  • The CSS editor metabox.

Installation

There’s two ways to install Simple CSS.

  1. Go to « Plugins > Add New » in your Dashboard and search for: Simple CSS
  2. 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.

Avis

7 août 2019
This is one of those automatic plugins we add to every website we build. Our favorite feature is the ability to add (separately) both global and page-level CSS. If you install this and it doesn't work, you probably just need to add "!important;" to the end of your CSS code. Great work Tom, thank you for putting together such a great plugin for the WordPress community.
8 août 2019
I installed/activated the plugin and I pasted the font code in both the simple CSS box in the appearance-customize route, and I also pasted the code in the individual post. It didn't do anything! Am I doing something incorrectly? I need help and wasn't sure how to reach you, Tom, except by writing a review. I am very new to WordPress so it is quite possible I am doing something wrong on my end, and your plugin is not the issue because I'm seeing so many 5 star reviews. Thanks for understanding.
11 juin 2019
Love the plugin, so clean & easy to use, then again I wouldnt expect anything less from Tom! thanks for the great work
10 avril 2019
One of my favorite plugins since it makes it easy to add custom CSS styles to sites. Love the full-width editor option, dark/light theme option, and that your CSS is theme independent. No more worries about losing CSS when I switch themes!
Lire les 47 avis

Contributeurs & développeurs

« Simple CSS » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

Traduisez « Simple CSS » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal

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

  • Version initiale