Simple Custom CSS

Beskrivning

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.2 **
– Uses native WP CodeMirror on settings page (Does not load unnecessary scripts)
– Tested for WP version 5.1.1
– Tested for PHP version 7.2

Funktioner

  • Customizer Control
  • Useful Code Syntax Highlighter
  • Code linting (error checking)
  • Ingen konfiguration behövs
  • Enkelt gränssnitt byggt på WordPress UI
  • Virtually no impact on site performance
  • No complicated database queries
  • Grundlig dokumentation
  • Allows Administrator access on WP Networks (Multisite)

Skärmdumpar

  • 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. Ladda ner Simple Custom CSS från WordPress.org.

  2. Packa upp .zip-filen.

  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. Klicka på aktivera tillägg för att aktivera det.

  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.

More help installing Plugins

Vanliga frågor

Fungerar detta tillägg på min webbplats på WordPress.com?

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

Min anpassade CSS visas inte

Det finns flera anledningar till att detta kan hända:

  • Your CSS is targeting the wrong selector.

  • Dina CSS-väljare är inte tillräckligt specifika.

Till exempel kan du ha:

a {
    color: #f00;
}

När du behöver:

\#content a {
    color: #f00;
}

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

  • Din CSS är inte giltig.

Please check your CSS at the W3C CSS Validation Service.

Recensioner

juni 21, 2019
Warning to any one using this plugin: This plugin has been around for years at yet still loads CSS in the most inefficient way, serving the CSS using a dynamic non-cacheable request on every page. This will not only affect the first page visited but will delay the render of every subsequent page visited. My advice would be to remove this plugin and use the default WordPress CSS editor, under the appearance > customize tab. There's simply no reason to use this plugin.
maj 28, 2019
Simple, lightweight and perfect. It's the first plugin I add to all my sites. Has a decent sized viewer, unlike the css option in customizer that comes with some themes. Zero problems with this plugin.
maj 2, 2019
Clean and simple as a Custom CSS plugin is supposed to be. Tired of all the silly un-needed bells and whistles getting added to CSS plugins. If you could move it out of the Appearance sub nav group and into its own link in the dashboard nav so I can go right to it while editing, I'll change this to 5 stars in a heartbeat!
mars 7, 2019
The add-on works immediately after installation. That's what I expected
december 17, 2018
Very good plugin! Thanks!
Läs alla 146 betyg

Bidragsgivare och utvecklare

”Simple Custom CSS” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

”Simple Custom CSS” har översatts till 21 språk. Tack till översättarna för deras bidrag.

Översätt ”Simple Custom CSS” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

4.0.2

  • Use WP’s CodeMirror on settings page
  • Tested for compatibility with WP version 5.1.1
  • Tested for compatibility with PHP version 7.2

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
  • Testad för kompatibilitet med WP version 4.9.4

3.3

  • Lagt till support för https://
  • Added base support for Danish language. Thanks @ThomasDK81!
  • Testad för kompatibilitet med WP version 4.4.1

3.2

  • Testad för kompatibilitet med WP 4.1
  • Improved architecture to reduce the number of queries (Thanks, @dvankooten!)

3.0.1

  • Testad för kompatibilitet med 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!
  • Testad för kompatibilitet med WP 3.8.1

2.0

  • Added option to allow Double Quotes in CSS
  • Testad för kompatibilitet med WP 3.8

1.2.1

  • Testad för kompatibilitet med 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, 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

  • Initial Release