[WordPress] 外掛分享: AI Block Editor – Build in Gutenberg by chatting with AI

首頁外掛目錄 › AI Block Editor – Build in Gutenberg by chatting with AI
WordPress 外掛 AI Block Editor – Build in Gutenberg by chatting with AI 的封面圖片
60+
安裝啟用
★★★★
4.5/5 分(4 則評價)
21 天前
最後更新
問題解決
WordPress 5.8+ PHP 7.0+ v1.0.6 上架:2024-05-10

內容簡介

總結: AI Editor在Gutenberg中增加了AI助手,能夠根據您的提示來添加區塊和內容。只需告訴AI Editor您需要什麼,它就會生成相應的區塊。

問題與答案:
1. AI Editor的特點有哪些?
- 自然語言區塊創建:用簡單的語言描述您需要的內容,AI將為您生成相應的區塊,無需詳細描述每個區塊。
- 支持以下核心區塊:列、標題、段落、列表、圖像、引用、引文、按鈕和表格。
- 由OpenAI提供支持:可選擇各種OpenAI GPT模型,建議使用GPT-4 Turbo以獲得最佳效果(取決於訪問權限)。
- BYOK:使用您自己的OpenAI API密鑰。
- 語言翻譯:支援多語言。

2. AI Editor的一些提示示例有哪些?
- 「為'關於我們'頁面創建布局,包括使命聲明、團隊成員和聯絡人部分。」
- 「添加具有三個級別的價格計劃。」
- 「創建一個表格,比較流行飲料的咖啡因含量。」

3. AI Editor的注意事項是什麼?
- AI Editor由OpenAI的GPT技術提供支持,通過使用此插件,數據會發送到OpenAI的服務器進行處理。更多有關數據處理和隱私方面的信息,請參閱OpenAI的隱私政策和服務條款。

4. 使用AI Editor需要什麼系統要求?
- 建議使用PHP 7.0+,WordPress 5.8+,啟用Gutenberg。需要一個OpenAI API金鑰。

```html
<ul>
<li>AI Editor的特點有哪些?
<ul>
<li>自然語言區塊創建:用簡單的語言描述您需要的內容,AI將為您生成相應的區塊,無需詳細描述每個區塊。</li>
<li>支持以下核心區塊:列、標題、段落、列表、圖像、引用、引文、按鈕和表格。</li>
<li>由OpenAI提供支持:可選擇各種OpenAI GPT模型,建議使用GPT-4 Turbo以獲得最佳效果(取決於訪問權限)。</li>
<li>BYOK:使用您自己的OpenAI API密鑰。</li>
<li>語言翻譯:支援多語言。</li>
</ul>
</li>
<li>AI Editor的一些提示示例有哪些?
<ul>
<li>「為'關於我們'頁面創建布局,包括使命聲明、團隊成員和聯絡人部分。」</li>
<li>「添加具有三個級別的價格計劃。」</li>
<li>「創建一個表格,比較流行飲料的咖啡因含量。」</li>
</ul>
</li>
<li>AI Editor的注意事項是什麼?
<ul>
<li>AI Editor由OpenAI的GPT技術提供支持,通過使用此插件,數據會發送到OpenAI的服務器進行處理。更多有關數據處理和隱私方面的信息,請參閱OpenAI的隱私政策和服務條款。</li>
</ul>
</li>
<li>使用AI Editor需要什麼系統要求?
<ul>
<li>建議使用PHP 7.0+,WordPress 5.8+,啟用Gutenberg。需要一個OpenAI API金鑰。</li>
</ul>
</li>
</ul>
```

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.6) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「AI Block Editor – Build in Gutenberg by chatting with AI」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

AI Block Editor adds a Gutenberg blocks assistant inside the WordPress editor. Describe what you want to add or change, and AI Editor will place, arrange, and update WordPress blocks directly in the editor. Use it for complex block layouts or simple edits. It supports the latest OpenAI models and lets you use your own API key.
When your theme uses theme.json, AI Editor can follow your global styles, presets, and design tokens like colors, typography, spacing, and layout so generated blocks match your site’s design system.
Major updates released in May 2026: theme.json style matching, selected block editing, and newer AI models with reasoning controls.
Features

Natural language block creation: Describe your desired content in plain language and the AI will handle the rest.
Core Gutenberg blocks: AI Editor can use core Gutenberg blocks to create complete page sections and complex layouts, not just add single blocks one at a time.
Selected block editing: Select one or more blocks in Gutenberg and ask AI Editor to update the selected content or layout.
Custom block editing: Custom and third-party blocks can be edited after you add and select them. AI Editor uses the markup it can see for the selected block, so review the result because custom blocks may have private fields, dynamic rendering, or plugin-specific rules the AI cannot fully infer.
Existing content lookup (WordPress 6.9+): AI Editor can look up existing WordPress posts, pages, and public custom post types for context, then use that text while helping you create or edit content.
Theme-aware output: For themes that use theme.json, AI Editor can use your theme’s presets and editor settings to keep generated layouts consistent with your site’s colors, spacing, typography, and other design styles.
Abilities API support: On WordPress 6.9+, connect custom WordPress Abilities API features to AI Editor so it can use site-specific data or actions while helping in the editor.
Resizable sidebar: Drag the left edge of the AI Editor sidebar to make the chat panel wider.
GPT model selection: Choose from supported GPT models, with GPT-5.5 recommended by default when available for your API key.
Reasoning effort controls: Choose how much reasoning the model should use for faster simple edits or more careful complex layout work.
Conversation context controls: Limit how many recent chat messages are sent with each request.
Prompt caching: AI Editor keeps repeated system instructions stable so OpenAI prompt caching can reuse shared context when available, helping monitor API usage and reduce repeated input processing.
Theme compatibility check: Review whether the active theme is a good fit for AI Editor’s Gutenberg and theme style workflow.
BYOK: Use your own OpenAI API key.
Language translation: Multilingual support.

Prompt Examples

“Add this article as a magazine-style layout using blocks: (paste article here).”
“Create a layout for an About Us page, including sections for a mission statement, team members, and contact.”
“Add 3 columns, each with a pricing plan.”
“Create a table comparing the caffeine content of popular drinks.”
“Rewrite this testimonial block to sound more concise.”
“Update the selected columns for better balance.”

Getting The Best Results

Quickly add content blocks: Ask AI Editor to add headings, sections, buttons, lists, tables, columns, and other core blocks for your content.
Turn full copy into blocks: Paste a full page draft or section copy and let AI Editor structure it into blocks.
Use existing site content: Ask AI Editor to work from existing posts, pages, or custom post types when the request needs site context. With lower models or no reasoning, be explicit, such as “use the current page content as context” or “find posts about pricing and add a summary section.”
Use the latest recommended model: For the best results, use the latest supported model available to your OpenAI account. GPT-5.5 with reasoning set to medium is a good starting point for more complex layouts.
Select the right amount of content: If the change depends on a parent layout, columns, group spacing, or surrounding section structure, select the whole relevant block or section and say what you want changed.
Use narrow selections for simple edits: If you only need a specific text, button, heading, or single block changed, select just that block and give a direct instruction.

Settings
Navigate to Settings -> AI Editor to configure the plugin.

OpenAI API Key: Add your own OpenAI API key. Requests are sent from your WordPress site to OpenAI.
GPT Model: Choose the model AI Editor should use. The settings page marks the recommended model.
Reasoning Effort: Choose none, low, medium, high, or xhigh. Lower values are faster for simple edits; higher values can help with larger layouts or more careful restructuring but may take longer and use more tokens.
Theme Style Context For AI: A short style note used as design direction. AI Editor can rewrite the active theme description with AI. Raw theme presets are handled separately, so this field should stay short and human-readable.
Limit Conversation Context Sent To OpenAI: Turn on/off trimming of older chat messages before sending a new request.
Max Messages In Conversation Context: Set how many recent messages are kept when conversation context trimming is enabled.
Theme Compatibility For AI Editor: Run a compatibility check for the active theme. It reviews Gutenberg support, block theme signals, editor style support, and available theme presets so you can spot where manual cleanup may be needed.

Note: AI Editor is powered by OpenAI’s GPT technology. For more information on the data handling and privacy aspects, please refer to OpenAI’s Privacy Policy and Terms of Service.
Connect Custom Abilities
On WordPress 6.9+, developers can connect custom abilities registered with the WordPress Abilities API to AI Editor. If your plugin or theme registers a custom ability, add an AI Editor config to the ability meta. Example:
'meta' => array(
'ai_editor' => array(
'action_name' => 'get_product_details',
'description' => 'Use this when the user asks for current product details from WooCommerce.',
),
)

AI Editor will only use abilities that explicitly opt in. Keep ability results focused and avoid returning large private datasets or unrelated site data.
Requirements
PHP 7.0+ is recommended, WordPress 5.8+, with Gutenberg active. An OpenAI API key is required.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon