前言介紹
- 這款 WordPress 外掛「Theme Designer」是 2025-07-16 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2025-12-04，距離現在已有 84 天。
- 外掛最低要求 WordPress 5.8 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
ehtmlu |
外掛標籤
colors | spacing | typography | block-theme | theme builder |
內容簡介
總結：Theme Designer 是一個強大的 WordPress 外掛，可讓您在不寫任何一行代碼的情況下創建和管理區塊主題（FSE 主題），提供直觀的界面來配置通常在 theme.json 檔案中定義的所有主題設置。
問題與回答：
1. Theme Designer 是什麼類型的 WordPress 外掛？
- Theme Designer 是一個可以讓您在不寫任何一行代碼的情況下創建和管理區塊主題（FSE 主題）的強大 WordPress 外掛。
2. Theme Designer 提供了哪些主要功能？
- 可視主題生成器、完整設置管理、主題元數據設置、截圖管理、自定義顏色和漸變、字體設置、間距和佈局控制、邊框和陰影設置、背景控制、主題導出、主題複製、WordPress 預設設置等功能。
3. 創建主題時，Theme Designer 會自動創建哪些內容？
- Theme Designer 創建完整主題文件夾結構、帶有所有元數據的 style.css、包含所有設置的 theme.json 配置文件、主內容區域的基本 index.html 模板、網站結構的 header.html 和 footer.html 等。
4. 說明 Theme Designer 操作流程：
- 在管理面板中打開 Theme Designer，填寫主題元數據表單，使用視覺化界面配置顏色、字體和間距等設置，主題立即在 WordPress 管理員中可用進行預覽和測試。
5. 誰最適合使用 Theme Designer？
- 開發者、設計師、代理機構、WordPress 用戶和主題店等都適合使用 Theme Designer。
6. Theme Designer 如何與 Site Editor 整合？
- 通過 Theme Designer 創建的主題能與 WordPress Site Editor 無縫協作，可以進行模板和模板部分的視覺自定義，通過 Site Editor 接口添加自定義樣式等操作。
以上是有關 WordPress 外掛 Theme Designer 的摘要和相關問答內容。
原文外掛簡介
Theme Designer is a powerful WordPress plugin that allows you to create and manage block themes (FSE themes) without writing a single line of code. It provides an intuitive interface to configure all theme settings that are typically defined in the theme.json file.
Key Features
Visual Theme Builder: Create new themes with a simple form interface
Complete Settings Management: Configure all theme.json settings through an intuitive admin panel
Theme Metadata: Set theme name, description, author, version, and other metadata
Screenshot Management: Upload and manage theme screenshots
Color Palettes: Define custom color palettes and gradients
Typography Settings: Configure font families, sizes, and fluid typography
Spacing & Layout: Set up spacing scales, layout sizes, and user controls
Border & Shadow: Define border styles, radius, and shadow presets
Background Controls: Configure background image and positioning options
Theme Export: Download your themes as installable ZIP files
Theme Duplication: Easily duplicate existing themes as starting points
WordPress Defaults: Choose to include or exclude WordPress default settings
What Gets Created
When you create a theme with Theme Designer, it automatically generates:
Theme Directory Structure: Complete theme folder with all necessary files
style.css: Theme header with all metadata
theme.json: Complete configuration file with all your settings
Templates: Basic index.html template for the main content area
Template Parts: header.html and footer.html parts for site structure
Screenshot: Theme preview image (if uploaded)
How It Works
Open Theme Designer: In the admin panel go to “Design” → “Theme Designer”
Create Theme: Fill out the theme metadata form
Configure Settings: Use the visual interface to set up colors, typography, spacing, etc.
Preview & Test: Your theme is immediately available in the WordPress admin
Perfect For
Developers who want to quickly prototype themes
Designers who prefer visual tools over code
Agencies creating custom themes for clients
WordPress users who want to create their own themes
Theme shops looking to streamline theme creation
Integration with Site Editor
Themes created with Theme Designer work seamlessly with the WordPress Site Editor. You can:
Customize templates and template parts visually
Add custom styles through the Site Editor interface
Override theme settings on a per-page basis
Create additional templates and parts as needed
Note: Settings defined in the Site Editor take precedence over theme settings, even after saving new values in the theme.
Requirements
Block theme support enabled
Write permissions for the themes directory
More from the same author
Take a look at www.wppeak.com
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Theme Designer」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.1.0 | 1.1.1 | trunk |
延伸相關外掛（你可能也想知道）
Use Any Font | Custom Font Uploader 》通過使用 Use Any Font 外掛，您可以上傳任何自定字體，讓您的網站看起來優雅大方。無需懂 CSS 的知識，即可快速更換字體。或者您可以選擇從我們的 23,871+ ...。
Easy Google Fonts 》, 我們的新 WordPress 主題即將完成！想知道何時發布？太棒了！拜訪我們的網站，輸入您的詳細資料，我們會在準備好時立即通知您 🙂, , 在這裡查看外掛展示, ,...。
Orphans 》為避免錯誤的斷行位置，此外掛會修正孤行詞的位置並將孤行詞後的空格替換為硬空格。, 孤行詞是一種文字排版錯誤，指的是將短詞獨立地放置在一行的開頭或結尾...。
Self-Hosted Google Fonts 》一個輕鬆的方法可以將所有 Google 字型自架託管，以增加隱私或遵循法律要求。, 主題和外掛的作者通常不願提供自架方法，而下載和上傳所需的字型也相當繁重。,...。
wp-Typography 》透過以下方式改善您的網頁排版：, , , 斷字功能 — 支援超過 70 種語言, , , 空格控制，包括：, , 保護單詞不能單獨在一行出現, 選取值與單位粘合, 強制...。
Seed Fonts 》Seed Fonts 是一個 WordPress 外掛，可以更輕鬆地使用網頁字型 (@font-face 嵌入)。您可以使用以下方式：, , Google Fonts, 捆綁的泰文-英文字型, 您自己的網...。
Google Typography 》Google Typography 外掛可以讓你在現有網站上使用任何 Google 字型，而不需要寫任何程式碼。在「外觀 > 字體排版」設定頁面中，只需添加和自定義多種字型，然...。
Advanced Custom Fields: Typography Field 》「Advanced Custom Fields」外掛的排版類別欄位，讓你新增不同的文字屬性，例如字型大小、字型家族、字體顏色等。, 支援的子欄位, , 字型大小, 字型家族, 字...。
Elegant Custom Fonts 》這個外掛顯示在「設定」->「字體」。, 針對每個 @font-face，您可以指定 .woff 的 URL、權重、樣式以及字體家族名稱。, 適當的 @font-face 規則會儲存在 C...。
Automatic NBSP 》支援波蘭和捷克的排版規則, 將連接詞、介詞等移到新行中（孤煙）, 支援法文標點符號, 在符號 ! ? ; % « » 前加入不斷行空格 , 運作方式？, 本外掛...。
WP-Cufon 》這個外掛讓在 WordPress 博客中實現 Cufon 變得非常簡單。, 你唯一需要做的就是轉換字型檔案，並將它們上傳到外掛的字型目錄中。, 你可以在 WordPress 博客的...。
Typecase Web Fonts 》Typecase 讓在 WordPress 中使用網頁字型的體驗變得愉悅。擁有超過 650 種來自 Google Web Fonts 的字型，Typecase 是一個獨特且易於使用的排版外掛，讓您能...。
Dehkadeh Fonts 》這個外掛可以幫助您透過 WordPress 的客製化設定，輕鬆設定主題的不同部分使用波斯字體和字型大小。同時您也可以為 WordPress 後台（即 dashboard）設定自訂...。
Animated Typed JS Shortcode 》使用 Typed.js 外掛程式，輕鬆地創建一個動畫打字效果。, 只需安裝和啟用 Animated Typed JS Shortcode 外掛程式即可，透過 [typedjs][/typedjs] 短碼，即可...。
Black Widgets For Elementor 》Black Widgets 是 Elementor 的免費外掛，讓你能夠建立獨特的元素並自訂你的網站。, 未來我們會加入更多元素與風格，讓你驚喜不斷；現在就加入 Black Widgets...。