前言介紹
- 這款 WordPress 外掛「Simple Custom CSS Plugin」是 2013-08-05 上架。
- 目前有 100000 個安裝啟用數。
- 上一次更新是 2025-03-11，距離現在已有 59 天。
- 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
- 有 156 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
css | code | custom | styles | custom css |
內容簡介
無需麻煩地將自訂 CSS 新增到 WordPress 網站中。
這是一個易於使用的 WordPress 外掛，可以添加自訂 CSS 樣式以覆寫外掛和佈景主題的預設樣式。該外掛旨在滿足想在其 WordPress 網站上添加自己的 CSS 的管理者的需求。使用此外掛創建的樣式即使更改佈景主題也會呈現。
4.0.6 版本更新內容：
當使用區塊佈景主題時，移除自訂器的功能。
測試 WP 版本 6.1
測試 PHP 8.1
關於 AMP 支援：
此外掛不再將已儲存的樣式佇列為“偽文件”，而是直接將樣式列印到
元素中。這允許更好的快取，也可以由 AMP 外掛處理。功能
AMP 支援
自訂器控制（即時預覽）
有用的程式碼語法突顯器
程式碼校驗（錯誤檢查）
不需要配置
簡單的界面，建立在本機 WordPress UI 上
幾乎不影響網站效能
沒有複雜的資料庫查詢
完整的文件說明
允許 WP 網路（多站點）上的管理員訪問
使用方法
在管理菜單中前往「外觀」>「自訂 CSS」
輸入有效的 CSS 樣式
點選「更新自訂 CSS」
在網站前端查看您的變更
說明
Simple Custom CSS Wiki
支援論壇
原文外掛簡介
Add Custom CSS to your WordPress site without any hassles.
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.7
Tested for compatibility with WP 6.7.2
Tested for compatibility with PHP 8.4
Features
AMP Support
Customizer Control (live preview)
Useful Code Syntax Highlighter
Code linting (error checking)
No configuration needed
Simple interface built on native WordPress UI
Virtually no impact on site performance
No complicated database queries
Thorough documentation
Allows Administrator access on WP Networks (Multisite)
Usage
Navigate to Appearance > Custom CSS in the Admin Menu
Enter in valid CSS styles
Click “Update Custom CSS”
View your changes in the Front End of your website
Help
Simple Custom CSS Wiki
Support Forum
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Simple Custom CSS Plugin」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Simple Custom CSS and JS 》這個 WordPress 外掛讓您可以輕鬆地新增自訂 CSS 和 JS 代碼，甚至不用修改主題或外掛檔案，就能客製化您的 WordPress 網站外觀。對於增加自訂 CSS 調整來說...。
Insert Headers And Footers 》WP Headers and Footers 外掛程式可以協助您在 WordPress 網站的頁首和頁尾中插入程式碼，例如 Google Analytics 追蹤碼、Facebook 像素碼、Google Optimize ...。
Simple CSS 》需要在你的網站中添加自定義 CSS 嗎？Simple CSS 提供一個很棒的管理編輯器和 Customizer 中的即時預覽編輯器，讓你能夠輕鬆添加 CSS。, 想讓你的 CSS 僅應用...。
WP Add Custom CSS 》WP Add Custom CSS 外掛允許您在整個網站及個別文章、頁面和自訂文章類型（例如 Woocommerce 產品）中添加自訂的 CSS。, 對整個網站應用的 CSS 樣式將覆蓋您...。
WP Coder – Code Snippets + HTML, CSS, JS and PHP Injection 》WP Coder 是一個用於在網站添加自定義代碼的外掛程式。您可以輕鬆地將 HTML、CSS 和 JS 代碼添加到網站頁面中。此外掛程式非常適合連接各種腳本或樣式，使網...。
TJ Custom CSS 》這款外掛將在管理頁面啟用自定義 CSS 管理器，讓您可以添加自訂的 CSS 代碼到您的 WordPress 網站。它會自動覆蓋任何主題或外掛的預設樣式。如果您想要為您的...。
Custom CSS and JavaScript 》這款外掛可以讓您在 WordPress 網站中添加自訂全站 CSS 樣式和 JavaScript 代碼，有助於覆蓋佈景主題樣式和添加客戶端功能。功能包括：, , 代碼編輯器，帶有...。
Custom CSS Pro 》專業的即時 CSS 編輯器，適合那些想編寫 CSS 的使用者。, 主要功能, , 專業的 CSS 編輯器。, 即時預覽。, 簡潔易用的使用者介面。, 。
Custom CSS for Elementor 》Custom CSS for Elementor 是一個方便的工具，可以在桌面、平板電腦和行動裝置上為元素製作 CSS 代碼，可以協助您省去多次書寫媒體查詢等困擾。Custom CSS fo...。
CodeKit – Custom Codes Editor 》使用 CodeKit 外掛，您可以在 WordPress 網站中加入自訂的 SASS、CSS、JS、PHP 和 HTML 代碼，並使用最先進且簡單的自訂程式碼編輯器。從未如此容易更改您的...。
Instant CSS 》在 WordPress 中使用 Visual Studio Code 的威力寫你的 CSS 或 SCSS。, 該外掛使用 autoprefixer 將你的 CSS/SCSS 解析成可在舊版瀏覽器上運行的 CSS，不需要...。
AccessPress Custom CSS 》AccessPress Custom CSS是一個免費的WordPress外掛，可以讓您在網站上添加自己的自定義CSS，覆蓋插件和佈景主題的默認樣式表。使用此外掛，您可以在不編輯主...。
Insert Headers CSS and Insert Footers CSS, Custom CSS, Custom Script, Facebook Pixel, Google Tag Manager, Analytics, GA4, Ads 》使用 Skyboot Insert Headers CSS 和 Insert Footers CSS 外掛，您可以在頁首和頁尾標籤中插入自訂 CSS 和自訂 Javascript 代碼，例如 Facebook 像素代碼、Go...。
Custom Script Integration 》此外掛會在 WordPress 的預設頁面和文章中提供自訂的元資料框，讓你能在各自的頁面或文章中加入任何腳本，例如：, , Google AdWords 追蹤轉換, Google AdSens...。
Custom CSS 》建立自訂 CSS 和 JS 代碼。搭配我們強大的條件邏輯，您可以輕鬆地指定欲顯示自訂 CSS 代碼之位置。, 您可以在美觀的 ACE 編輯器中撰寫 CSS 和 JS 代碼，並以...。