內容簡介
**摘要:**
Advanced Custom CSS for Elementor (ACCE) 為每個 Elementor 元件的進階選項卡添加了一個專用的自訂 CSS 部分。
它讓你使用選擇器關鍵字編寫乾淨的、針對元件的 CSS，並提供桌面、平板和手機樣式的獨立字段。
不需要付費版本 — 可與 Elementor Free 和 Elementor Pro 一同使用。
非常適合需要在 Elementor 編輯器內直接進行快速、響應式 CSS 控制的使用者和開發者。
**特點:**
- 為所有 Elementor 元件添加自定義 CSS 面板。
- 桌面、平板和手機分開的 CSS 字段。
- 支持選擇器關鍵字，用於精確的僅元件 CSS。
- 使用 Elementor 的實時預覽進行即時視覺更新。
- 斷點可以使用簡單的篩選器進行自定義。
- 輕量、快速，不需要額外設置。
**用法:**
在 Elementor 編輯器中：
1. 選擇任何元件。
2. 打開進階選項卡。
3. 向下滾動至 ACCE 自定義 CSS。
4. 使用選擇器關鍵字添加你的 CSS。
**開發者筆記:**
你可以使用以下篩選器來覆蓋默認斷點 (平板: 768px, 手機: 425px)：
```
add_filter('ACCE_custom_css_breakpoints', function($defaults) {
return [
'tablet' => 900,
'mobile' => 600,
];
});
```
**許可證:**
此外掛根據 GPLv2 或更高版本許可證授權。
**問題與答案:**
1. Advanced Custom CSS for Elementor (ACCE) 主要功能是什麼？
- 答: 它為每個 Elementor 元件的進階選項卡添加了一個專用的自訂 CSS 部分，讓使用者可以為桌面、平板和手機獨立地編寫乾淨的 CSS。
2. ACCE 是否支持 Elementor 的付費版本？
- 答: 是的，ACCE 可與 Elementor Free 和 Elementor Pro 一同使用，並不需要付費版本。
3. 請描述如何在 Elementor 編輯器中使用 ACCE 的自定義 CSS 功能。
- 答: 先選擇任何元件，接著打開進階選項卡，向下滾動至 ACCE 自定義 CSS，運用選擇器關鍵字添加想要的 CSS。
外掛標籤
開發者團隊
② 後台搜尋「Advanced Custom CSS for Elementor」→ 直接安裝（推薦）
原文外掛簡介
Advanced Custom CSS for Elementor (ACCE) adds a dedicated Custom CSS section to the Advanced tab of every Elementor widget.
It lets you write clean, widget-scoped CSS using the selector keyword and provides separate fields for Desktop, Tablet, and Mobile styling.
No premium version required — works with both Elementor Free and Elementor Pro.
Perfect for users and developers who need fast, responsive CSS control directly inside the Elementor editor.
Features
Adds a Custom CSS panel to all Elementor widgets.
Separate CSS fields for Desktop, Tablet, and Mobile.
Supports the selector keyword for precise widget-only CSS.
Uses Elementor’s live preview for instant visual updates.
Breakpoints can be customized with a simple filter.
Lightweight, fast, and requires no additional settings.
Usage
In Elementor editor:
Select any widget.
Open the Advanced tab.
Scroll down to ACCE Custom CSS.
Add your CSS using the selector keyword.
Example:
selector {
background: #f3f3f3;
border-radius: 8px;
}
Developer Notes
You can override the default breakpoints (Tablet: 768px, Mobile: 425px) using this filter:
add_filter(‘ACCE_custom_css_breakpoints’, function($defaults) {
return [
‘tablet’ => 900,
‘mobile’ => 600,
];
});
License
This plugin is licensed under the GPLv2 or later.
