Simple Custom CSS

설명

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.4 **
– Tested for WP version 5.4.1

Features

  • Customizer Control (live preview)
  • Useful Code Syntax Highlighter
  • Code linting (error checking)
  • No configuration needed
  • Simple interface built on native WordPress UI
  • Uses native WP CodeMirror on settings page (Does not load unnecessary scripts)
  • Supports PHP 7.2
  • No complicated database queries
  • Thorough documentation
  • Allows Administrator access on WP Networks (Multisite)

스크린샷

  • The Simple Custom CSS Administration Screen

  • The Simple Custom CSS Customizer Section

설치

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.

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.

후기

2020년 May 17일
با این افزونه به راحتی می‌توانید هر استایلی که می‌خواهید را به سایتتان اضافه کنید. به شدت توصیه می‌کنم استفاده کنید.
2020년 May 7일
Hola, Gracias por este plugin. Está GENIAL. Muy bueno al menos para lo que yo lo uso, que es bastante simple. De momento, no me ha dado problemas ni conflitos. No soy experto en CSS, pero este plugin me funciona. Espero siga mejorando. Yoe
2020년 February 19일
Indispensable. I can add custom css from the WP root admin panel. But memo to the developers: you mark mediaqueries with red x's. This doesn't affect performance, but please, it's long past time to fix this.
2019년 June 21일
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.
2019년 May 28일
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.
모든 150 평가 읽기

기여자 & 개발자

“Simple Custom CSS”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“Simple Custom CSS”(이)가 27(으)로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Simple Custom CSS”(을)를 번역하십시오.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하십시오.

변경이력

4.0.3

  • Tested for compatibility with WP version 5.3

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
  • 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

  • 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