[WordPress] 外掛分享： Content Area Block

前言介紹

  • 這款 WordPress 外掛「Content Area Block」是 2025-07-30 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2026-01-02，距離現在已有 54 天。
  • 外掛最低要求 WordPress 6.7 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

iansvo |

外掛標籤

fse | block | content | template | site editor |

內容簡介

**WordPress 外掛總結:**
這個外掛讓你可以在網站編輯模板中新增一個額外的區塊內容區域，並將區塊輸出儲存在 meta 欄位中。預設情況下，外掛會為所有文章類型添加一個名為 extra_content_area 的新 meta 欄位，你可以使用來儲存區塊標記。若要停用這個 meta 金鑰的註冊，可在您的主題或外掛中添加以下內容:

```php
add_filter( 'content_area_block_register_default_meta', '__return_false' );
```

問題與答案：
1. 如何停用此外掛所新增的 meta 金鑰的註冊？

答: 您可以在您的主題或外掛中添加以下內容:

```php
add_filter( 'content_area_block_register_default_meta', '__return_false' );
```

2. 使用這個外掛需注意的事項是什麼？

答: 您需要啟用模板預覽功能，這樣可以讓您視覺化看到您新增的新內容區域。這可以在任何帖子或頁面上啟用，但您也可以使用過濾器將其默認打開。

3. 如果我想參與貢獻，可以在哪裡找到外掛的源代碼？

答: 您可以在以下網址找到外掛的源代碼: [https://github.com/iansvo/content-area-block](https://github.com/iansvo/content-area-block)。 若要從源代碼構建外掛，您必須安裝 NodeJS (v24+)。

4. 請說明外掛的設置步驟。

答:
- 在終端機中瀏覽到專案文件夾。
- 運行 npm i 以安裝依賴項。
- 運行 npm run build 執行初始構建。

5. 如果我正在使用 wp-env 來運行外掛，應該遵循哪些步驟？

答:
1. 運行 npm run wp-env start 以啟動 Docker 容器。
2. 運行 npm run start 以監視文件變更。

原文外掛簡介

This block allows you to add an additional block content area to a site-editor template and store the block output inside a meta field. By default, WordPress posts or pages may only store blocks in one place: post_content. These blocks are output on the page using the core/post-content block. This block allows you to have multiple “outlets” where you can add blocks so you can have post-specific blocks appear in more than one location in the template.
The block is a fork of the core/post-content block that uses a customized version of the useEntityBlockEditor hook which supports meta keys. The blocks for your content area are then stored inside that meta key (instead of post_content). This allows you to keep the blocks separate and you can use as many of these on a single template as you want (but in most cases 2 is probably enough). It’s all up to you!
Requirements

Using this plugin requires you to enable template previews (which will let you visually see the new content area you’re adding). This can be enabled on any given post or page, but you can optionally set it on by default using a filter.
Your theme must be a block theme (i.e. it uses the site editor). This won’t work for a hybrid or classic theme (which has no concept of live template preview in the block editor).

Hooks
If you want to disable this meta key’s registration, add the following to your theme or plugin:
$block_post_id,
$attributes,
$content,
$block
);

Contributing
The plugin source code may be found here: https://github.com/iansvo/content-area-block.
To build the plugin from source, you must have NodeJS (v24+) installed.
Setup Steps:

Navigate to the project folder in your terminal.
Run npm i to install dependencies.
Run npm run build to performn the initial build.

If you’re using wp-env to run the plugin…
1. Run npm run wp-env start to start the docker container.
2. Run npm run start to watch for file changes.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Content Area Block」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | 1.0.1 | 1.0.2 | trunk |

延伸相關外掛（你可能也想知道）

  • One Click Demo Import 》這個外掛的最佳功能在於主題作者可以在他們的主題中定義導入文件，所以所有使用該主題的用戶只需點擊「導入演示數據」按鈕即可。, , 你是主題作者嗎？, 為你...。
  • Advanced Excerpt 》這個外掛可以改進 WordPress 原有的摘錄文章功能。, , 保留摘錄中的 HTML 標記，並可自選需要保留的標記, 按字元數或字數截斷摘錄, 只計算「真正的」文字（HT...。
  • Rara One Click Demo Import 》您喜歡 Rara Theme 製作的主題展示嗎？還是需要設定主題的指南？, 那麼，您只需要這個外掛！, Rara One Click Demo Import 外掛可以幫助您一鍵匯入演示內容，...。
  • Advanced WP Columns 》Advanced WP Columns 外掛提供了簡單易用的介面，讓您可以在部落格中使用多欄位顯示內容，而無需使用任何簡碼。此外，也支援回應式排版。, , 基本資訊, 外掛...。
  • WP Subtitle 》WP Subtitle 外掛能讓你的頁面和文章擁有副標題。這個短小的文字通常出現在文章（或頁面）標題之下，也可以在你選擇的任何地方插入你的樣板。, 你可以使用以...。
  • WP-ShowHide 》預設情況下，內容是隱藏的，使用者必須點擊「顯示內容」連結來切換內容。與 Engadget 為他們的新聞稿所做的方式相似。範例用法：[showhide type="pressreleas...。
  • TutorMate 》TutorMate 是一款專為 Tutor Starter 主題設計的外掛程式，可將預先設計好的時尚示範頁面匯入由 Tutor LMS 外掛提供的 eLearning 網站。如果您想讓使用 Tutor...。
  • RSSImport 》這款外掛可使用 PHP、小工具或短代碼在您的部落格中顯示 RSS 資訊。此外掛僅使用 WordPress 標準功能，因此不需要外部庫。對於較舊版本的 WordPress，使用內...。
  • Custom Content Shortcode 》停用通知, , 此外掛已不再維護。, 請改使用下一代範本系統：Loops & Logic。, 概述, , 從單一欄位到整個頁面，Custom Content Shortcode 是一套指令，可...。
  • AI Assistant by 10Web – SEO Pack 》EO errors in the paragraph., Content Generator, The AI Assistant by 10Web – SEO Pack can generate long-form content such as articles and blog posts...。
  • 10Web AI Assistant – AI content writing assistant 》10Web AI Assistant for WordPress是專門為WordPress開發的AI內容編輯和AI內容創作工具。透過10Web AI助手，您可以在不離開WordPress環境的情況下比傳統方式...。
  • AF Companion – Build Stylish WordPress Websites in Minutes – No Coding, Just Click and Go! Starter Sites Importer for WordPress 》m/products/newsever-pro/" rel="nofollow ugc">Newsever Pro, Shopical Pro, Elegant Magazine Pro, And More.., , __ Check all of our Plugins __, , News...。
  • Access Demo Importer 》這個外掛會為現行主題匯入與此外掛相容的示範內容。預設下外掛會從我們的伺服器取得設定檔案。, 若您想要使用外掛設定自己的主題，只需指向您的 config.json ...。
  • Themebeez Toolkit 》這是我們開發的一個適用於 WordPress 主題 的基本工具包，Themebeez Toolkit 可以幫助您導入虛擬演示內容，還為我們的主題添加了額外的功能和功能。, ✨ 包括...。
  • Reusable Text Blocks 》這個外掛會創建一個名為「text-blocks」的自訂文章類型，並在 WordPress 管理員側邊欄中創建一個新區域，使用標准的 WordPress 用戶界面，您和您的客戶將立即...。

文章
Filter
Apply Filters
Close
Mastodon