Title: MARKHOR Block Addons
Author: markhorthemes
Published: <strong>2026 年 7 月 26 日</strong>
Last modified: 2026 年 7 月 26 日

---

搜尋外掛

![](https://ps.w.org/markhor-block-addons/assets/banner-772x250.png?rev=3623763)

![](https://ps.w.org/markhor-block-addons/assets/icon-256x256.png?rev=3623763)

# MARKHOR Block Addons

 由 [markhorthemes](https://profiles.wordpress.org/markhorthemes/) 開發

[下載](https://downloads.wordpress.org/plugin/markhor-block-addons.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/markhor-block-addons/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/markhor-block-addons/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/markhor-block-addons/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/markhor-block-addons/#developers)

 [技術支援](https://wordpress.org/support/plugin/markhor-block-addons/)

## 外掛說明

MARKHOR Block Addons ships a self-contained **Container** block that looks and behaves
identically on any theme — classic or block:

 * Per-device flex layout (direction, justify, align, wrap, gap) for desktop / tablet/
   mobile.
 * Boxed max-width or full width, per device.
 * Padding, margin and min-height, per device.
 * Border style / width / color / radius, per device.
 * Background color, gradient or image — with light/dark colour pairs and optional
   lazy loading (Interactivity API).
 * Box-shadow with dark-mode override.
 * z-index / overflow / position, responsive visibility, semantic HTML tag picker,
   custom `data-*` attributes.

CSS is generated once at save time, cached in post meta, and printed inline in the
head — zero front-end parsing.

### Recent updates

 * Fixed: duplicated or copy/pasted Container blocks now receive unique instance-
   specific CSS classes so styling no longer conflicts across multiple containers.

## 適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   Container Section wrapper with per-device flex layout, background, borders,
   spacing and light/dark colours.

## 安裝方式

 1. Upload the plugin zip via **Plugins  Add New  Upload Plugin**, or copy the folder
    to `wp-content/plugins/`.
 2. Activate **MARKHOR Block Addons**.
 3. In the editor, insert the **Container** block from the **MARKHOR** category.
 4. (Optional) Configure dark mode under **Settings  MARKHOR Blocks**.

## 常見問題集

### Does it work with classic themes?

Yes. The plugin ships its own design tokens, breakpoints and CSS generator, so it
does not depend on the theme’s theme.json.

### Does it slow my site down?

No. Block CSS is generated at save time and cached; the front end only prints the
cached, minified CSS inline. The lazy-background script loads only on pages that
use it, as a deferred ES module.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈MARKHOR Block Addons〉的開發相關工作。

參與者

 *   [ markhorthemes ](https://profiles.wordpress.org/markhorthemes/)

[將〈MARKHOR Block Addons〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/markhor-block-addons)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/markhor-block-addons/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/markhor-block-addons/)，或透過
[RSS](https://plugins.trac.wordpress.org/log/markhor-block-addons/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/markhor-block-addons/)。

## 變更記錄

#### 1.1.0

 * Fixed container duplication issues by generating a unique block identifier for
   each copied/pasted instance, preventing shared CSS selectors and styling conflicts.

#### 1.0.0

 * Initial release: Container block, save-time CSS cache, dark mode, lazy backgrounds,
   settings page.

## 中繼資料

 *  版本 **1.1.0**
 *  最後更新 **2 週前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.5 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0.3**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/markhor-block-addons/)
 * 標籤:
 * [blocks](https://tw.wordpress.org/plugins/tags/blocks/)[container](https://tw.wordpress.org/plugins/tags/container/)
   [gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)[layout](https://tw.wordpress.org/plugins/tags/layout/)
   [sections](https://tw.wordpress.org/plugins/tags/sections/)
 *  [進階檢視](https://tw.wordpress.org/plugins/markhor-block-addons/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/markhor-block-addons/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/markhor-block-addons/reviews/)

## 參與者

 *   [ markhorthemes ](https://profiles.wordpress.org/markhorthemes/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/markhor-block-addons/)