外掛說明
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.
安裝方式
- Upload the plugin zip via Plugins Add New Upload Plugin, or copy the folder to
wp-content/plugins/. - Activate MARKHOR Block Addons.
- In the editor, insert the Container block from the MARKHOR category.
- (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.
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
變更記錄
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.
