Simple Custom CSS

Omschrijving

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.

New in Version 3.3

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

Features

  • Active Plugin Support
  • Useful Code Syntax Highlighter
  • No configuration needed
  • Simple interface built on WordPress UI
  • Virtually no impact on site performance
  • No complicated database queries
  • Thorough documentation
  • Allows Administrator access on Multisite

Schermafdrukken

  1. simple-custom-css screenshot 1

    The Simple Custom CSS Administration Screen

Installatie

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.

More help installing Plugins

FAQ

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.

For instance, you may have:

a {
    color: #f00;
}

When you need:

#content a {
    color: #f00;
}

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

  • Your CSS isn’t valid.

Please check your CSS at the W3C CSS Validation Service.

Beoordelingen

Great plugin! Some Recommended Features

Overall this is a great plugin. I have used it with several websites without any difficulty. A few features I recommend that would give this plugin a 5 star rating for me. Make the “Update Custom CSS” button float so you don’t have to scroll all the way back to the top to update your CSS when you have many line of code. Also, it would be nice if once your CSS was updated, you would stay at the line of code you were working on. It becomes a little annoying when making multiple changes to the same CSS element to have to scroll back down to it after you have updated the CSS. Those two recommendations would save a lot of time and time is money for developers.

Lees alle 130 beoordelingen

Bijdragers & ontwikkelaars

“Simple Custom CSS” is open source software. The following people have contributed to this plugin.

Bijdragers

Changelog

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

  • Give Admins (not just Super Admins) access to the plugin
  • 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