Title: WP Add Custom CSS
Author: Daniele De Santis
Published: <strong>4 اکتبر 2014</strong>
Last modified: 14 آگوست 2025

---

جستجوی افزونه‌ها

![](https://ps.w.org/wp-add-custom-css/assets/banner-772x250.png?rev=1001727)

![](https://ps.w.org/wp-add-custom-css/assets/icon-256x256.png?rev=1001727)

# WP Add Custom CSS

 توسط [Daniele De Santis](https://profiles.wordpress.org/danieledesantis/)

[دانلود](https://downloads.wordpress.org/plugin/wp-add-custom-css.1.2.1.zip)

 * [جزئیات](https://fa.wordpress.org/plugins/wp-add-custom-css/#description)
 * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/wp-add-custom-css/#reviews)
 *  [نصب](https://fa.wordpress.org/plugins/wp-add-custom-css/#installation)
 * [توسعه](https://fa.wordpress.org/plugins/wp-add-custom-css/#developers)

 [پشتیبانی](https://wordpress.org/support/plugin/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.

The plugin works with the most popular builders, such as **Elementor, Gutenberg 
and the Classic Editor**.

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

Select the preferred CSS output method from the plugin’s settings page to ensure
seamless integration with **caching and minification plugins** or to improve **above-
the-fold rendering performance**.

## عکس‌های صفحه

[⌊Add custom CSS to the whole website.⌉⌊Add custom CSS to the whole website.⌉[

Add custom CSS to the whole website.

[⌊Add custom CSS to specific posts.⌉⌊Add custom CSS to specific posts.⌉[

Add custom CSS to specific posts.

[⌊Add custom CSS to specific pages.⌉⌊Add custom CSS to specific pages.⌉[

Add custom CSS to specific pages.

[⌊Add custom CSS to specific custom post types (such as Woocommerce products).⌉⌊
Add custom CSS to specific custom post types (such as Woocommerce products).⌉[

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.

### Which CSS output method should I choose?

To improve your website’s speed, it’s generally recommended to select “Use a CSS
file”, which allows optimization plugins to cache and minify the output.
 Choosing“
Use a style tag in the HTML head” outputs the CSS directly in the of the page, which
can improve above-the-fold rendering performance. By default, the “Use WordPress
hook” option is selected to maintain backward compatibility.

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

## نقد و بررسی‌ها

![](https://secure.gravatar.com/avatar/7b40eba7afdcb0515dff18832c954c709469215f0892c25a4700b82f836ef9b6?
s=60&d=retro&r=g)

### 󠀁[love it](https://wordpress.org/support/topic/love-it-4337/)󠁿

 [Jesko Bendmann](https://profiles.wordpress.org/skobe/) 15 دسامبر 2025

simple and one click access. great plugin.

![](https://secure.gravatar.com/avatar/69b74a8b449201f3e9e4c562803d8ede0bb97bd5ad04af631f12d6a7cac673ea?
s=60&d=retro&r=g)

### 󠀁[It does exactly what it says in the tin](https://wordpress.org/support/topic/it-does-exactly-what-it-says-in-the-tin-11/)󠁿

 [danielepais](https://profiles.wordpress.org/danielepais/) 22 نوامبر 2025

Great simple and effective plugin.

![](https://secure.gravatar.com/avatar/d5d85d79f79baba4f5b9a619c51000a67c90c4a228473a9b3d30773859ec200e?
s=60&d=retro&r=g)

### 󠀁[Great plugin with a couple issues](https://wordpress.org/support/topic/great-plugin-with-a-couple-issues/)󠁿

 [Skylabb](https://profiles.wordpress.org/skylabb/) 8 نوامبر 2025

I want to like this plugin but there are a couple things needed improvement. Having
the option to choose output method is great, but useless when it’s not working. 
The “Use a CSS file” option does not work. There’s no CSS file output and the CSS
my code has no effect on the frontend. When I switch to the other two options, then
my CSS is loaded in the frontend. Secondly, the Save button is way at the bottom
of the page. I make a lot of CSS edits. Having to scroll down the screen every time
to save a change is a hassle.

![](https://secure.gravatar.com/avatar/4b04f3868d5d00557a0e117f43262a23de2b023b16cf33e18bf233ecce7e4515?
s=60&d=retro&r=g)

### 󠀁[Still works great](https://wordpress.org/support/topic/still-works-great-44/)󠁿

 [Hudson Atwell](https://profiles.wordpress.org/hudson-atwell/) 14 سپتامبر 2024

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

![](https://secure.gravatar.com/avatar/6cdb7ee723dbce6b4f6d54db4f43eacfaa64e0ed63fc607f86432b2ccf155bfc?
s=60&d=retro&r=g)

### 󠀁[Still the best](https://wordpress.org/support/topic/still-the-best-42/)󠁿

 [Rafał](https://profiles.wordpress.org/ayek/) 2 آگوست 2024

…while custom CSS per post / page is needed

![](https://secure.gravatar.com/avatar/a2465a84b58c3419e67a4805239ea2f9bb10bebc615e5d14458d21348e03322e?
s=60&d=retro&r=g)

### 󠀁[Grazie a Daniele!](https://wordpress.org/support/topic/grazie-a-daniele/)󠁿

 [Andrea](https://profiles.wordpress.org/youfriend/) 2 نوامبر 2022

Meno male che ci hai pensato tu! Mi son sempre domandato perché non l’abbiano implementata
di default una funzione così! Grazie

 [ خواندن تمامی 90 نقد و بررسی‌ ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/)

## توسعه دهندگان و همکاران

“WP Add Custom CSS” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند.

مشارکت کنندگان

 *   [ Daniele De Santis ](https://profiles.wordpress.org/danieledesantis/)

“WP Add Custom CSS” به 12 زبان ترجمه شده است. با تشکر از [مترجمین](https://translate.wordpress.org/projects/wp-plugins/wp-add-custom-css/contributors)
برای همکاری و کمک‌هایشان.

[ترجمه “WP Add Custom CSS” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/wp-add-custom-css)

### علاقه‌ مند به توسعه هستید؟

[کد را مرور کنید](https://plugins.trac.wordpress.org/browser/wp-add-custom-css/)،
[مخزن SVN](https://plugins.svn.wordpress.org/wp-add-custom-css/) را بررسی کنید، 
یا از طریق [RSS](https://plugins.trac.wordpress.org/log/wp-add-custom-css/?limit=100&mode=stop_on_copy&format=rss)
در [گزارش توسعه](https://plugins.trac.wordpress.org/log/wp-add-custom-css/) مشترک
شوید.

## گزارش تغییرات

#### 1.2.1

 * Moved custom css file to uploads
 * Set higher priority for wp_head callbacks

#### 1.2.0

 * Added output as pure CSS file or style tag to improve performance

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

## اطلاعات

 *  نگارش **1.2.1**
 *  آخرین به‌روزرسانی **12 ماه پیش**
 *  نصب‌های فعال **60,000+**
 *  نگارش وردپرس ** 4.0 یا بالاتر **
 *  آزمایش‌شده تا **6.8.7**
 *  زبان‌ها
 * [Danish](https://da.wordpress.org/plugins/wp-add-custom-css/)، [Dutch](https://nl.wordpress.org/plugins/wp-add-custom-css/)،
   [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/wp-add-custom-css/)، [English (US)](https://wordpress.org/plugins/wp-add-custom-css/)،
   [French (France)](https://fr.wordpress.org/plugins/wp-add-custom-css/)، [Galician](https://gl.wordpress.org/plugins/wp-add-custom-css/)،
   [Japanese](https://ja.wordpress.org/plugins/wp-add-custom-css/)، [Norwegian (Bokmål)](https://nb.wordpress.org/plugins/wp-add-custom-css/)،
   [Russian](https://ru.wordpress.org/plugins/wp-add-custom-css/)، [Spanish (Chile)](https://cl.wordpress.org/plugins/wp-add-custom-css/)،
   [Spanish (Spain)](https://es.wordpress.org/plugins/wp-add-custom-css/)، [Spanish (Venezuela)](https://ve.wordpress.org/plugins/wp-add-custom-css/)،
   و [Swedish](https://sv.wordpress.org/plugins/wp-add-custom-css/).
 *  [به زبان خودتان ترجمه کنید](https://translate.wordpress.org/projects/wp-plugins/wp-add-custom-css)
 * برچسب
 * [css](https://fa.wordpress.org/plugins/tags/css/)[custom css](https://fa.wordpress.org/plugins/tags/custom-css/)
   [style](https://fa.wordpress.org/plugins/tags/style/)[styles](https://fa.wordpress.org/plugins/tags/styles/)
   [stylesheet](https://fa.wordpress.org/plugins/tags/stylesheet/)
 *  [نمایش پیشرفته](https://fa.wordpress.org/plugins/wp-add-custom-css/advanced/)

## امتیازها

 4.8 از 5 ستاره.

 *  [  امتیاز 82 5-ستاره     ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=5)
 *  [  امتیاز 2 4-ستاره     ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=4)
 *  [  امتیاز 2 3-ستاره     ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=3)
 *  [  امتیاز 2 2-ستاره     ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=2)
 *  [  امتیاز 2 1-ستاره     ](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/#new-post)

[مشاهده همه بررسی‌ها](https://wordpress.org/support/plugin/wp-add-custom-css/reviews/)

## مشارکت کنندگان

 *   [ Daniele De Santis ](https://profiles.wordpress.org/danieledesantis/)

## پشتیبانی

چیزی برای گفتن دارید؟ نیاز به کمک دارید؟

 [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/wp-add-custom-css/)