説明
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個のブロックを提供します。
- 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.
FAQ
-
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” をあなたの言語に翻訳しましょう。
開発に興味がありますか ?
変更履歴
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.