可視化CSS編輯器插件CSS Hero
The CSS Hero 是一款完美的 WordPress 插件，可輕鬆自訂網站的外觀和感覺，具有簡單直覺的點擊介面。
示範： https://www.csshero.org/plugins
完全控制您網站的外觀
只需將滑鼠懸停在您要編輯的元素上並單擊它並對其進行調整以適應您的需求，活潑！
字型樣式與字型
使用您自己的字體添加一些類，大量的 Google 字體就在您的指尖。 也支援 TypeKit 字型。
色彩管理
使用顏色選擇器比以往更直接地試驗背景和顏色變化。 CSS Hero Visual CSS Editor 還儲存您最近使用的顏色並幫助建立一致的調色板。
措施調整
輕鬆調整元素邊距和填充：只需拖曳滑桿，看看會發生什麼。
複雜的 CSS 變得簡單
為您的網頁元素增添趣味：建立漸層、框架陰影、文字陰影和所有現代 CSS 屬性現在只需點擊即可。
將其設為解鎖狀態
對您的網站進行樣式設置，同時真實地了解未鎖定使用者的外觀。
樣式登入頁
為 WordPress 登入頁面設定樣式一直很痛苦，忘記它吧，現在您可以使用 CSS Hero Visual CSS Editor 輕鬆設定樣式。
現成的片段
預先製作的可編輯組合只需單擊即可提高您的創造力！
相對反應
CSS Hero 讓您可以輕鬆編輯、預覽和控制您的網站在桌面和手持裝置上的顯示方式。 使用標準斷點或自訂斷點。
裝置模式預覽
上線前測試您的平板電腦/行動裝置編輯，創建響應式主題從未如此簡單..
特定於裝置的調整
自訂主題在手持裝置上的顯示方式，進行特定於裝置的編輯並一鍵預覽它們。
不怕摔東西
害怕透過編輯破壞您網站的響應能力？ 僅限桌面的救生功能可讓您透過點擊將某些特定編輯限制在桌面裝置上。
Unplash 整合 – CSS Hero 視覺化 CSS 編輯器
尋找出色的圖像從未如此簡單。 感謝Unsplash，您可以享受 [almost] 無限制的高品質、免版稅圖像來源，非常適合在您的專案中使用。
按關鍵字搜索，選擇圖像和大小，並立即將其應用為任何網頁元素的背景圖像。
保存檢查點
儲存您的編輯的快照，而無需將其發布，歸檔不同的版本，選擇您喜歡的版本，然後上線。
撤銷\重做歷史
我們都是透過實驗設計的。 悲傷！ 需要撤銷嗎？ 不要恐慌。 CSS Hero 會自動將您的所有編輯儲存在詳細的歷史清單中，在歷史步驟中後退並前進就像點擊撤銷\重做按鈕一樣簡單。
安全且無損的編輯
CSS Hero 是一個即時的 WordPress 主題編輯器，無需修改任何主題檔案即可運作。 它與許多環境廣泛兼容，並且重量輕且耐用。
沒有關鍵供應商
將您的作品匯出為 CSS、LESS、JSON 資料：您可以立即匯出您的網站個人化並下載文件，也可用於備份目的
CSS Hero 適用於任何 WordPress 主題和插件，可幫助您直觀地自訂網站的所有元素，從頁眉到頁腳。
您可以 100% 控制 Inspector
使用具有即時渲染功能的成熟 CSS 和 LESSCSS 編輯器來更好地控制您的自訂設定。 添加您的額外規則、複製和貼上並一鍵輕鬆導出您的工作。
查看您的程式碼
測試、調整和編輯由 CSS Hero Visual CSS Editor 產生的 CSS 程式碼
直接加入額外的自訂 CSS
在您的網站上即時預覽您的 CSS 編輯
避免典型的 CSS 錯誤
智慧型 CSSLint 引擎會自動檢查您的程式碼
簡單的元素選擇
選擇並點選可編輯元素
特定於裝置的 CSS 調整
將編輯套用到所有裝置或限制為一個媒體查詢
加入您自己的媒體查詢
將您的 CSS Hero 程式碼擴展到新的媒體查詢
跟踪編輯或只是為您的程式碼添加註釋
儲存\匯出
儲存 – 並享受結果 – 或匯出乾淨的 CSS 程式碼
動畫 – CSS Hero 視覺化 CSS 編輯器
輕鬆將捲動動畫套用至頁面上的任何元素。 從許多動畫和速度中進行選擇。
由 AOS 畫廊插件提供支持，提供許多驚人的動畫效果淡入淡出、翻轉、滑動、縮放
建議：HTML/CSS WordPress建構器LiveCanvas
更新日誌 CSS 英雄
v4.07 -Upon quitting the editor, user is returned to the specific page where it was – instead of being brought to the homepage -Plugin initial state (zero CSS edits) does not throw a 404 anymore for referencing an empty CSS file in the browser console -More solid product activation routine via stronger data validation -Minor security tweaks in editor launching page
⭐另見：收藏 WordPress外掛 每天更新 免費WP
下載 CSS Hero v5.1.0 – Visual CSS Editor
筆記: 也許你需要在安裝插件之前解壓縮。 如果任何主題/外掛包含病毒，我們不提供任何保證。 在 localhost 上使用之前，請檢查 Virustotal。
