该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的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).

安装

自动安装

  1. Go to Plugins > Add New > Upload and select the .zip file from your hard disk
  2. Click the “Install now” button
  3. 通过WordPress的“插件”菜单激活插件

手动安装

  1. Upload the plugin folder to the /wp-content/plugins/ directory via ftp
  2. 通过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.

评价

2024 年 9 月 14 日
Says it has not been tested against recent versions, but it works great still. Simple and elegant solution. Sep 13 2024
2022 年 11 月 2 日
Meno male che ci hai pensato tu! Mi son sempre domandato perché non l’abbiano implementata di default una funzione così! Grazie
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.
阅读所有87条评价

贡献者及开发者

「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