[WordPress] 外掛分享： Custom CSS for Gutenberg Blocks

內容簡介

**總結:**
這個外掛讓您輕鬆地將自定義 CSS 添加到任何古騰堡區塊。它在您的網站中的每個古騰堡區塊上添加了額外的面板，讓您可以編寫所有必要的自定義 CSS 並輕鬆應用它們。每個自定義 CSS 都添加在每個區塊的獨特類別下，為此您必須在任何 CSS 選擇器開頭使用選擇器。

**問題與答案:**
1. 如何使用這個外掛在古騰堡區塊上添加自定義 CSS？
- 這個外掛為您的網站中的每個古騰堡區塊添加了一個額外的面板，您可以在這個面板中編寫所有必要的自定義 CSS。
2. 每個自定義 CSS 是如何添加在每個區塊下的獨特類別？
- 每個自定義 CSS 都以每個區塊的獨特類別添加，為此您必須在任何 CSS 選擇器的開頭使用選擇器。

外掛標籤

開發者團隊

原文外掛簡介

Add Custom CSS to any Gutenberg Block easily using this extension type plugin. It simply adds an additional panel to every Gutenberg blocks available in your site where you can write down your all necessary custom CSS and simply apply them. Each custom CSS is added under a unique class for each block, to do that you have to use selector at the beginning for any CSS selector.
Video

Key Features

Custom CSS for individual block
Unique Class selector to avoid any conflict
Smart Codes Completion
Colorfull Editor

延伸相關外掛

Simple Custom CSS and JS這個 WordPress 外掛讓您可以輕鬆地新增自訂 CSS 和 JS 代碼...Insert Headers And FootersWP Headers and Footers 外掛幫助您輕鬆將程式碼插入到 WordP...Simple Custom CSS Plugin無需麻煩地將自訂 CSS 新增到 WordPress 網站中。 這是一個易...Simple CSS需要在你的網站中添加自定義 CSS 嗎？Simple CSS 提供一個很...WP Add Custom CSSWP Add Custom CSS 外掛允許您在整個網站及個別文章、頁面和...Custom CSS and JavaScript這款外掛可以讓您在 WordPress 網站中添加自訂全站 CSS 樣式...TJ Custom CSS這款外掛將在管理頁面啟用自定義 CSS 管理器，讓您可以添加自...Post/Page Specific Custom Code「Post/Page specific custom CSS」外掛能讓你為特定的文章或...Custom CSS Pro專業的即時 CSS 編輯器，適合那些想編寫 CSS 的使用者。 主要...Custom CSS for ElementorCustom CSS for Elementor 是一個方便的工具，可以在桌面、平...Instant CSS在 WordPress 中使用 Visual Studio Code 的威力寫你的 CSS ...CodeKit – Custom Codes EditorCodeKit 是一款功能強大的自訂程式碼編輯器外掛，讓使用者能...AccessPress Custom CSSAccessPress Custom CSS是一個免費的WordPress外掛，可以讓您...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 外...Custom Script Integration此外掛會在 WordPress 的預設頁面和文章中提供自訂的元資料框...