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〉的開發相關工作。

參與者

將〈MARKHOR Block Addons〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

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.