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.

Preguntas frecuentes

Installation Instructions

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.

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

thank you tom

recently i installed jetpack on my site which had a theme that had custom css feature.. as soon as i enabled jetpack custom css stopped working.. i added the css to the page pf simple css plugin and its working again 🙂 thanks

best part i dont have to open customizer whenever i have to make css edits. customizer takes time to load as there are many features in customizer so plugin is cool

Fast, but no code hinting at Customizer level

I’d like to give it 3 stars for not having code hinting in the Customizer (why is that? too hard to implement?), but at the same time preview is instantaneous like the built-in Additional CSS so that’s worth at least one star (other plugins I’ve tried do some annoying reload).

Easiest way to add that CSS needed to my site

Simple, easy, and intuitive. What more could I ask for? Tom Usborne does a phenomenal job of creating a Theme, but equally as impressive is this plugin. It works with any theme and thus allows me to go directly to one place to add all my CSS. Thanks, Tom!

Leer todas las 38 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 log 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