설명

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).

설치

자동 설치

Go to Plugins > Add New > Upload and select the .zip file from your hard disk
Click the “Install now” button
워드프레스의 ‘플러그인’ 메뉴에서 플러그인을 활성화하세요.

수동 설치

Upload the plugin folder to the /wp-content/plugins/ directory via ftp
워드프레스의 ‘플러그인’ 메뉴에서 플러그인을 활성화하세요.

FAQ

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.

후기

Hudson Atwell 2024년 9월 14일

Says it has not been tested against recent versions, but it works great still. Simple and elegant solution. Sep 13 2024

Rafał 2024년 8월 2일

…while custom CSS per post / page is needed

youfriend 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

macpuppy 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.

KVNHNF 2021년 9월 12일

Awesome, please consider adding an option for product tags!

joe6079 2021년 3월 24일

A must for all Wordpress projects.

모든 87 평가 읽기

기여자 & 개발자

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

Daniele De Santis

“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

설명