Simple CSS

Descripció

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)

Les característiques inclouen:

  • 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

  • El tema fosc de l'editor CSS
  • El tema clar de l'editor CSS
  • L'editor CSS en el Personalitzador.
  • The CSS editor metabox.

Instal·lació

Hi ha dues formes d’instal·lar 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.

PMF

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.

Ressenyes

9 febrer 2021
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]
15 setembre 2020
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.
24 agost 2020
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.
Llegiu totes les 55 ressenyes

Col·laboradors i desenvolupadors

"Simple CSS" és programari de codi obert. La següent gent ha contribuït en aquesta extensió.

Contribuïdors

Registre de canvis

1.1.1

  • Fix PHP notice when Simple CSS hasn’t been saved yet

1.1

  • Fix meta box saving issue

1.0

  • Mostra metacaixa només en el tipus d’entrada públiques
  • Add live preview to Customizer
  • Neteja de codi
  • 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ó inicial