Simple Custom CSS

Description

An easy-to-use WordPress Plugin to add custom CSS styles that override Plugin and Theme default styles. This plugin is designed to meet the needs of administrators who would like to add their own CSS to their WordPress website. Styles created with this plugin will render even if the theme is changed.

New in Version 4.0

  • Customizer Control (finally!)
  • Tested for WP version 4.9.4
  • Code linting (error checking) on the settings page

Fonctionnalités

  • Customizer Control
  • Active Plugin Support
  • Mise en valeur utile de la syntaxe du code
  • Aucune configuration n’est nécessaire
  • Une interface simple basée sur l’UI de WordPress
  • Virtuellement aucun impacte sur les performances du site
  • Aucune requête complexe dans la base de données
  • Documentation détaillée
  • Permet l’accès des administrateurs dans une configuration Multisites

Captures d’écran

  • The Simple Custom CSS Administration Screen

  • The Simple Custom CSS Customizer Section

Installation

Install Simple Custom CSS just as you would any other WP Plugin:

  1. Download Simple Custom CSS from WordPress.org.

  2. Unzip the .zip file.

  3. Upload the Plugin folder (simple-custom-css/) to the wp-content/plugins folder.

  4. Go to Plugins Admin Panel and find the newly uploaded Plugin, « Simple Custom CSS » in the list.

  5. Click Activate Plugin to activate it.

  6. Begin using the plugin by going to Appearance > Custom CSS in the Admin Menu, or Appearance > Customize, then click on the « Simple Custom CSS » section.

Plus d’aide pour installer les extensions

FAQ

Installation Instructions

Install Simple Custom CSS just as you would any other WP Plugin:

  1. Download Simple Custom CSS from WordPress.org.

  2. Unzip the .zip file.

  3. Upload the Plugin folder (simple-custom-css/) to the wp-content/plugins folder.

  4. Go to Plugins Admin Panel and find the newly uploaded Plugin, « Simple Custom CSS » in the list.

  5. Click Activate Plugin to activate it.

  6. Begin using the plugin by going to Appearance > Custom CSS in the Admin Menu, or Appearance > Customize, then click on the « Simple Custom CSS » section.

Plus d’aide pour installer les extensions

Will this Plugin work on my WordPress.com website?

Sorry, this plugin is available for use only on self-hosted (WordPress.org) websites.

My Custom CSS isn’t showing up

There are several reasons this could be happening:

  • Your CSS is targeting the wrong selector.

  • Your CSS selectors aren’t specific enough.

Par exemple, vous pourriez avoir :

a {
    color: #f00;
}

When you need:

\#content a {
    color: #f00;
}

The specificity you need depends upon the CSS rules you are attempting to override.

  • Votre CSS n’est pas valide.

Veuillez vérifier votre CSS en utilisant le service de validation de CSS du W3C.

Avis

Increases page loading time

I noticed the injected CSS looks like this https://mysite.com/?sccss=1&ver=VERSION and doesn’t get cached by caching plugins.

This URL is served by PHP, which in my case adds 1 second to my page load time.

Other custom CSS plugins generate a static file which is way faster. Very disappointed by this plugin and I don’t understand how 200k+ sites are running it with this major flaw.

Brilliant

I was sick and tired of having to add custom classes to body tag of posts and pages just so that I could override css in a theme/plugin, css got bloated and a little messy at times and was sick and tired of using the !imortant method.

This plugin just solves the problem as it is the last css loaded so auto override of all theme and plugin css.

And to make things even better, using it in wordpress Customiser is just amazing especially if your doing css for different screen sizes and the changes auto show on the site, click publish and your done.

The only thing missing from this great plugin is the ability to just click on sections of the page when in Customiser and it auto goes to the corresponding css (if any) for the page element clicked (similar to dev tools on chrome).

I use it in conjunction with « Viewport Resizer » to see what it looks like on different screen sizes and chrome developer tools to select the elements on the page so you know what the ID’s and classes are for the element you want to change.

being able to select elements in customiser view would be a massive improvement on this great plugin.

Thanks for all the hard work

Kind regards

Wayne

A Must Have!

If you have a WordPress site and your going to be making tweaks to the design or layout of your site from themes to plugins YOU NEED THIS, forget about needing sub-themes and hard coding the changes you want to make, unless its a massive change this will do everything you need! I love it!

Stable, Easy, Colour-Coded for Errors

I have been using Simple Custom CSS plugin for many years. It is stable, easy and I love that it colour codes to show your errors. Absolutely five stars for this one!

Lire les 136 avis

Contributeurs & développeurs

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

Contributeurs

“Simple Custom CSS” a été traduit dans 17 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Simple Custom 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

4.0.1

  • Fixed bug with broken editor styles on older versions of WP.

4.0

  • New Customizer Control (still compatible with older WP versions)
  • Added colors and linting to the Settings Page
  • Updated hooks to replace hyphens with underscores
  • Tested for WPCS compliance
  • Tested for compatibility with WP version 4.9.4

3.3

  • Added support for https://
  • Added base support for Danish language. Thanks @ThomasDK81!
  • Tested for compatibility with WP version 4.4.1

3.2

  • Tested for compatibility with WP 4.1
  • Improved architecture to reduce the number of queries (Thanks, @dvankooten!)

3.0.1

  • Tested for compatibility with WP 3.9.1
  • Sidebar « Update CSS » button added

3.0

  • Added Sytnax Highlighter
  • Removed Need for « Allow Quotation Marks » checkbox
  • Removed plugin attribution text
  • Allow Administrator access on multisite
  • Minor styling changes. Thanks @kucrut!

2.5

  • Fixed issue with WP installs in subdirectories. Thanks @lopo!
  • Tested for compatibility with WP 3.8.1

2.0

  • Added option to allow Double Quotes in CSS
  • Tested for compatibility with WP 3.8

1.2.1

  • Tested for compatibility with WP 3.7.1
  • Code update to conform fully with WP coding standards.

1.2

  • Donner aux Admins (pas seulement aux Super Admins) l’accès à l’extension
  • Correcting Credit error
  • Minor Bugfixes

1.1.1

  • Allowing the « > » direct child selector.

1.1

  • Removed unneeded hidden input
  • Added Action Hooks
  • Added cleanup on deletion
  • Added author attribution option
  • Added a more elegant method for adding CSS to the page:

Instead of using print_scripts to insert the CSS directly into the HEAD, CSS styles are generated within simple-custom-css.php (the sole file for this plugin), then added via wp_enqueue_scripts, so now it will appear in the HEAD as:

    <link rel="stylesheet" href="http://yoursite.com/?sccss=1" />

…even though no css file is actually generated. Please see the comments within the Plugin file for more detailed information.

1.0

  • Inital Release