Simple CSS

Descripción

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

Capturas

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

Instalación

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.

Reseñas

7 de agosto de 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 de agosto de 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 de junio de 2019
Love the plugin, so clean & easy to use, then again I wouldnt expect anything less from Tom! thanks for the great work
Leer todas las 49 reseñas

Colaboradores y desarrolladores

«Simple CSS» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Traduce «Simple CSS» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

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

  • Versión inicial