前言介紹
- 這款 WordPress 外掛「Microthemer Lite – Visual Editor to Customize CSS」是 2013-07-05 上架。
- 目前有 20000 個安裝啟用數。
- 上一次更新是 2025-05-02，距離現在已有 1 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 44 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
ahrale | bastywebb | joseluiscruz |
外掛標籤
css | customize | responsive | google fonts | visual editor |
內容簡介
Microthemer是一個輕量級且功能強大的視覺編輯器，可以自訂網站的CSS樣式，從Google字體到響應式佈局，它適用於程式開發人員和非程式開發人員，並與Elementor、Beaver Builder和Oxygen等頁面建構工具兼容。
功能清單
樣式化任何東西
與任何佈景主題或外掛程式一起使用
點擊方式視覺化樣式設定
程式碼編輯器（CSS、Sass和JS）
同步程式碼編輯器和UI
可自訂斷點
HTML和CSS檢查
150+ CSS屬性
深色或亮色主題
自訂工具列佈局
與任何CSS單位一起使用
調色盤和調色板
滑桿、滾輪和鍵盤操控
內建CSS參考資料
歷史紀錄
草稿模式
全局或頁面特定樣式設定
匯入和匯出
輕量級
縮小CSS程式碼
鍵盤快捷鍵
與Elementor、Beaver Builder、Oxygen深度整合
多站台支援
解除安裝MT，但保留編輯
[Pro] CSS網格（拖放）
[Pro] Flexbox
[Pro] 標準SVG遮罩圖像
[Pro] Transform
[Pro] 動畫
[Pro] 轉場
初階版 VS 專業版
此初階版僅限您設定15個項目的樣式，並且不包括上述功能列表中標有[Pro]的功能。要解鎖完整軟件，您可以購買許可證（月費、年費或終身授權）。
有用的連結
網站
影片文檔
實時演示
支援論壇
Facebook社團
作者註記
大家好，我是Sebastian。我設計Microthemer供開發人員和初學者使用，我的目標是透過在視覺控制下使用CSS代碼生成的方式幫助初學者提升CSS知識，這對於希望進行手動編輯的開發人員當然也是有幫助的。有些開發人員將Microthemer作為瀏覽器CSS或Sass編輯器，僅依靠介面進行元素選擇或更高級的屬性，例如過濾器、網格和動畫。
我一直很樂意開發Microthemer並支援不同技術經驗的使用者。如果您對軟件有疑問或需要幫助解決CSS方面的問題，請隨時聯繫我！
原文外掛簡介
A light-weight yet powerful visual editor to customize the CSS styling of any aspect of your site, from Google fonts to responsive layouts. Microthemer caters for both coders and non-coders, and plays really well with page builders like Elementor, Beaver Builder, and Oxygen.
Feature list
Style anything
Use with any theme or plugin
Point & click visual styling
Code editor (CSS, Sass, JS)
Sync code editor with the UI
Customisable breakpoints
HTML and CSS inspection
150+ CSS properties
Dark or light theme
Custom toolbar layouts
Work with any CSS unit
Color picker with palettes
Slider, mousewheel, keyboard adjustments
In-program CSS reference
History
Draft mode
Global or page-specific styling
Import & export
Light-weight
Minify CSS code
Keyboard shortcuts
Deep integration with Elementor, Beaver Builder, Oxygen
Multisite support
Uninstall MT, but keep your edits
[Pro] CSS grid (drag & drop)
[Pro] Flexbox
[Pro] Stock SVG mask images
[Pro] Transform
[Pro] Animation
[Pro] Transition
Lite VS Pro
This lite version limits you styling 15 things, and doesn’t include the features marked [Pro] in the list above. To unlock the full program, you can purchase a license (monthly, annual, or lifetime).
Useful links
Website
Video docs
Live demo
Support forum
Facebook group
Author note
Hello everyone, my name is Sebastian. I’ve designed Microthemer for developers as well as beginners. My aim is to level up beginners by exposing the CSS code Microthemer generates when using the visual controls. This is of course helpful for developers who may wish to make manual edits. Some developers use Microthemer as an in-browser CSS or Sass editor, and just lean on the interface for element selection or more advanced properties like filters, grid, and animation.
I’ve been happily developing Microthemer and supporting users of varying technical experience in my forum for many years now. I’m always ready to answer questions about the software and help out with CSS hurdles. Please don’t hesitate to get in touch!
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Microthemer Lite – Visual Editor to Customize CSS」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
5.0.0.2 |
延伸相關外掛（你可能也想知道）
Custom Fonts – Host Your Fonts Locally 》此外掛能協助您輕鬆地在 WordPress 網站中嵌入自定義字型檔案 (woff2、woff、ttf、svg、eot、otf)。, 目前能與以下主題和外掛一起使用：, , Astra 主題, Beav...。
Use Any Font | Custom Font Uploader 》通過使用 Use Any Font 外掛，您可以上傳任何自定字體，讓您的網站看起來優雅大方。無需懂 CSS 的知識，即可快速更換字體。或者您可以選擇從我們的 23,871+ ...。
Fonts Plugin | Use Google Fonts, Adobe Fonts or Upload Fonts 》此外掛為 Google Fonts 外掛，Google Fonts 音訊庫中包含 1455 種不同字型。使用此外掛，您可以輕鬆地在 WordPress 網站上使用任何一種字型，不必局限於整個...。
Disable and Remove Google Fonts | GDPR & DSGVO friendly 》透過停用佈景主題和外掛所載入的 Google 字型，提升前端表現。本外掛會儘可能地移除 Google 字型，但有些需要進行額外步驟，請參考這裡的詳細說明：從 WordPr...。
WP Google Fonts 》查看網站的最新WordPress優惠。, Google的免費字體目錄是網頁排版中最令人興奮的發展之一。這個新字體資源的驚人崛起使得這個外掛成為WordPress中最受歡迎的...。
Disable Google Fonts 》外掛首頁 | 外掛作者 | 捐助, 這個外掛可以阻止 WordPress 核心、Gutenberg 外掛、捆綁主題（Twenty Twelve、Twenty Thirteen、Twenty Fourteen、Twenty Fift...。
Self-Hosted Google Fonts 》一個輕鬆的方法可以將所有 Google 字型自架託管，以增加隱私或遵循法律要求。, 主題和外掛的作者通常不願提供自架方法，而下載和上傳所需的字型也相當繁重。,...。
Swap Google Fonts Display: Improve Font Rendering & Performance 》確保在網頁字型載入期間文本仍可顯示, 功能, , 插入 display=swap 至 Google 字型, , 支援, , 官方支援論壇, Facebook 群組, , 我們的高級產品, , FlyingPres...。
Fonts 》這個外掛會在編輯器中新增兩個下拉選單，提供額外的字型大小和字型選項：, , 樣式按鈕, 字型大小按鈕, , 新增：您也可以透過購買進階版，將您自己選擇的 Goog...。
Embed Google Fonts 》Embed Google Fonts 會嘗試自動替換主題和外掛中已註冊的 Google 字型，直接從您自己的伺服器加載本地版本。, 貢獻： https://github.com/moewe-io/embed-goo...。
Yabe Webfont – Use Custom Fonts, Google Fonts or Adobe Fonts 》Yabe Webfont是一個專為設計師和開發人員量身打造的，完全掌握你在WordPress中的字體和排版的GDPR友好字體WordPress插件。它集成了豐富的功能，包括兼容GDPR ...。
Kv TinyMCE Editor Add Fonts 》一個簡單而小巧的插件，幫助您從 Google Webfonts 選擇所需的字體，可用於您的網站。這裡有較多的字體可供選擇。因此，可以選擇大多數的 Google Webfonts。您...。
Disable Google Fonts, Remove google fonts or Replace with Bunnyfonts 》這款插件可以協助您關閉 Google Fonts，或是將它替換為 Bunnyfonts，這是一款符合 GDPR 的字型，使用此插件的設定選項可進行轉換，而使用Google 字型檢查器則...。
TK Google Fonts GDPR Compliant 》, 為什麼使用 TK Google Fonts？, 快速頁面載入, 此外掛僅載入您所選擇的字體，使得您的 WordPress 網站載入更快速，良好的載入時間為您的使用者提供連貫的體...。
Replace Google Fonts with Bunny Fonts 》在 WordPress 網站的 HTML 標記中使用 Bunny Fonts 來替換 Google Fonts。, 此外，這個外掛還會將預連接修改為正確的連接。, 如果要停用與 fonts.bunny.net ...。