這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

WP Add Custom CSS

外掛說明

WP Add Custom CSS allows you to add custom CSS to the whole website and to individual posts, pages and custom post types (such as Woocommerce products).
The CSS rules applied to the whole website will override the default stylesheets of your theme and plugins, while the CSS rules applied to specific pages, posts or custom post types will override the main stylesheet too.

You can edit the main stylesheet from the the “Add custom CSS” settings page.
The plugin also creates a new “Custom CSS” box in the editing area to add custom CSS to specific posts, pages and custom post types.

螢幕擷圖

  • Add custom CSS to the whole website.
  • Add custom CSS to specific posts.
  • Add custom CSS to specific pages.
  • Add custom CSS to specific custom post types (such as Woocommerce products).

安裝方式

Automatic installation

  1. Go to Plugins > Add New > Upload and select the .zip file from your hard disk
  2. Click the “Install now” button
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

Manual installation

  1. Upload the plugin folder to the /wp-content/plugins/ directory via ftp
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

常見問題集

How do I apply custom CSS to the whole website?

Once the plugin is installed and activated, from your dashboard navigate to “Add custom CSS”, and write the CSS rules in the textarea.

How do I apply custom CSS to a specific post or page?

Once the plugin is installed and activated, you will find a new box called “Custom CSS” in your post/page editing area.

How do I apply custom CSS to a specific custom post type?

Once the plugin is installed and activated, from your dashboard navigate to “Add custom CSS”, check the desired custom post types and save. You will find a new box called “Custom CSS” in your custom post type editing area.

The “Custom CSS” box is not displaying, why?

Click on the “Screen option” link from your post/page editing area and be sure the “Custom CSS” option is checked.

使用者評論

2022 年 2 月 4 日
I was trying to figure out a way to add unique CSS to a line of products to make the pages look different than the 'regular' line of products. This allows me to add a field in each product and then copy the product or copy and paste the code when needed. Wokrking in WP 5.9 with WooCommerce.
2021 年 3 月 24 日
A must for all Wordpress projects.
2020 年 10 月 30 日
Helped me quite a bit with removing CSS that loaded everywhere but was only needed on a couple pages. One request, when enabling the "Products" or any other available "Available post types" if possible it would be great to have a box where you can add CSS to just like the "CSS rules" in the "Main CSS" section that would allow you to provide CSS and have it load for only those post types. So if you had "Products" as an available post type, you enable it, and it adds a CSS box where you can input CSS and it would only load that CSS on those post types. Because right now, when enabling a post type, like for "products" it seems to add a custom CSS box in every single product page, which of course when you have thousands of products, you are not going to add the custom CSS to each product.
2020 年 8 月 19 日
This is actually my GO-TO CSS plugin. I created a zip files of essential plugins for projects and this is one you can't go wrong with!
閱讀全部 84 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈WP Add Custom CSS〉的開發相關工作。

參與者

WP Add Custom CSS 外掛目前已有 11 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈WP Add Custom CSS〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.1.6

  • Updated code editor
  • Added text wrapping to code editor
  • Fixed compatibilty issues with WPBakery Frontend Editor

1.1.5

  • Changed default code editor
  • Advanced code editor is now resizable
  • Fixed textarea direction for RTL languages

1.1.4

  • Fixed compatibility issue with The Events Calendar

1.1.3

  • Fixed WordPress 5 compatibility issues
  • Fixed Gutenberg compatibility issues
  • Updated uninstall method
  • Minor improvements

1.1.2

  • Fixed CodeMirror compatibility issues

1.1.1

  • Fixed uninstall hook

1.1.0

  • Added CodeMirror text editor

1.0.1

  • Fixed issues with ssl on some server configurations

1.0.0

  • Added support for custom post types

0.9.7

  • Fixed minor bug

0.9.6

  • Fixed WPML bug

0.9.5

  • Improved css output for single posts and pages

0.9.4

  • Fixed > rendering issue

0.9.3

  • Fixed minor bug

0.9.2

  • Fixed minor bug
  • Minor layout changes

0.9.1

  • Fixed double quotes rendering issue

0.9

  • First release