外掛說明
Blocksify is a performance-first Gutenberg block library by PressMaximum. Build responsive layouts, dynamic content, forms, and WooCommerce templates while loading only the assets each page needs.
Features
- 32 block types in 1.1.0 — 20 top-level blocks plus 12 supporting child and field types, grouped below.
- Layout and content — Section, Container, Content Loop, Gallery, Accordion, Tabs, Icon List, Marquee, and essential content blocks; structural child blocks are included in the total.
- Form set — Form plus nine field types for inputs, choices, consent, reCAPTCHA, and submission, with validation, spam protection, email actions, styled messages, and redirects.
- WooCommerce set — seven dedicated product blocks for price, rating, meta, stock, add-to-cart, additional information, and reviews when WooCommerce is active, plus Product Gallery and Product Tabs integrations and product-loop presets.
- Reusable design workflow — Style Classes, Hover Mode, condition-aware template previews, Dynamic Data, and a live Design Library with one-click media import.
- 10-trait styling system — color, background, spacing, border and shadow, size, overflow, position, z-index, visibility, and typography, with consistent controls and built-in presets where appropriate.
- Global design tokens — custom color and gradient palettes, built-in spacing and font-size scales, and a shadow library, emitted as reusable CSS variables at
:root. - Responsive controls — desktop, tablet, mobile, and hover layers with predictable cascading.
- Lean frontend — per-block asset loading, one pooled per-page stylesheet, vanilla CSS, no jQuery, and no frontend JavaScript for layout blocks.
- Update-friendly rendering — runtime-rendered block markup can evolve without WordPress block-validation errors in saved posts.
Status
Current stable release: 1.1.0. Feedback is welcome at https://pressmaximum.com/blocksify.
適用於區塊編輯器
這個外掛提供 32 個可供 Gutenberg/區塊編輯器使用的區塊。
- Accordion Stacked expandable panels. Each item self-renders header + body; multi or single expand mode.
- Icon A block for adding an icon with link and custom styles.
- Image Gallery Display a set of images in grid, masonry, collage, product-showcase or slider layouts, with a built-in lightbox.
- Container Flex container with direction-aware layout. Holds any inner blocks.
- Product Meta The current product's meta — SKU, categories, and tags, from WooCommerce.
- Radio Field A radio button group for a Blocksify form.
- Submit Button The submit button for a Blocksify form.
- Form A form whose fields are stored once and synced across every page that shows it.
- Checkbox Field A multi-select checkbox group for a Blocksify form.
- Accept Field A single consent checkbox for a Blocksify form (e.g. accept terms).
- Textarea Field A multi-line text area for a Blocksify form.
- Select Field A dropdown select field for a Blocksify form.
- Email Field An email address field for a Blocksify form.
- Text Field A single-line text field for a Blocksify form.
- reCAPTCHA Field A Google reCAPTCHA v2 challenge for a Blocksify form (spam protection). Set your keys in Blocksify → Settings → Integration.
- Product Reviews The current product's reviews and review form, without WooCommerce tab navigation.
- Content Loop Zone-based content loop. Build cards from a layout of media + header + body + footer zones with overlay slots.
- Button A customizable button block.
- Icon List A list of icon + text items (vertical or horizontal), with per-element (item / icon / text) styling.
- Image Display an image with caption, link, duotone, and per-instance styling.
- Product Price The current product's price, from WooCommerce.
- Product Rating The current product's star rating, from WooCommerce.
- Product Additional Information The current product's additional information content, without WooCommerce tab navigation.
- Product Add to Cart The current product's add-to-cart button, from WooCommerce.
- Product Stock The current product's stock availability, from WooCommerce.
- Section A performance-first grid section. Responsive columns with per-device control.
- Tabs Accessible tabbed content with per-tab icons, subtitles, and Interactivity-API switching.
- Marquee A horizontally scrolling marquee of text, image and icon items. CSS-only animation with pause-on-hover and edge fade.
- Text A paragraph of rich text.
- Icon List Item A single icon + text row inside an Icon List.
- Accordion Item One panel inside an Accordion. Contains a header (title + icon + indicator) + body (user content).
- Tab A single panel inside a Tabs block.
安裝方式
- Upload the
blocksifyfolder to the/wp-content/plugins/directory. - Activate the plugin through the Plugins menu in WordPress.
- Open the Blocksify admin page from the WordPress sidebar to configure performance settings.
- Insert any Blocksify block from the block inserter (under the Blocksify category).
常見問題集
-
Where do I configure Blocksify settings?
-
Open the Blocksify admin page from the WordPress sidebar. Performance and version-control options live under the Settings tab.
-
Does Blocksify work with my theme?
-
Blocksify works with any block-compatible theme. Twenty Twenty-Five is the recommended baseline.
-
Is there a recommended theme to pair with Blocksify?
-
Yes — Customify, by PressMaximum (same team). It’s designed as the companion theme for Blocksify, with matching token defaults and a tuned block-editor canvas.
-
How do I report a bug or request a feature?
-
Open an issue at https://pressmaximum.com/blocksify. Blocksify 1.1.0 is the current stable release, and feedback is very welcome.
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
以下人員參與了開源軟體〈Blocksify – Gutenberg Blocks & Page Builder for the Block Editor〉的開發相關工作。
參與者變更記錄
1.1.0
Release Date – August 10, 2026
- New: Container Link — turn a whole Container into a link, with overlay or wrapper render modes, custom attributes,
nofollow/sponsored/ new-tab options, and screen reader text. - New: Background hover zoom — scale a background image on hover, on both Section and Container, with no extra markup and no JavaScript.
- New: Section Gutter — a responsive control for the space between the section edge and its content.
- New: Dynamic Templates can set their content width to Full, Theme, or a custom value in px, rem, em, or %.
- New: Duplicate a Dynamic Template from the Templates dashboard; the copy keeps every template setting and appears directly under the original.
- New: Post Content is available as a Dynamic Data field on the Text block, rendered as formatted rich content, alongside Product Content for WooCommerce.
- New: Product Gallery swaps the entire image set — main image, thumbnails, and lightbox — when a variation has its own gallery, including galleries added by additional-variation-image plugins.
- New: Form styling adds hidden-but-accessible labels, placeholder typography and color, wrapper and submit layout and position controls, submit CSS classes, and z-index.
- New: Product Add to Cart adds a responsive inline or stacked purchase layout plus margin controls for the label, quantity, and button.
- Improved: The Image block splits horizontal and vertical sizing between the wrapper and the image, and handles dynamic images, attachment metadata, full-size media links, focal points, and caption alignment more predictably.
- Improved: The Gallery inspector was reorganized around a single Settings panel with a larger layout picker and clearer badge controls, and the WooCommerce variation is now named Product Gallery.
- Improved: Gallery navigation is more accessible and no longer flashes chrome it will immediately hide.
- Improved: Product Add to Cart consolidates its inspector into one Settings panel, always keeps linked product blocks in sync with the chosen variation, and defaults the quantity selector to Stepper.
- Improved: Content Loop presets can name their own inspector panel, so a Product Loop reads “Product presets” instead of the generic label.
- Improved: The Product Loop item-hooks toggle was removed from the inspector; saved blocks keep their behavior and the
blocksify_woo_loop_item_hooksfilter remains available. - Improved: The Design Library imports pattern media in batches and rewrites media URLs across every background field.
- Improved: Editor block labels use the WordPress system font stack.
- Improved: The package published to WordPress.org no longer contains developer tooling.
- Fixed: The dashboard Forms tab showed a “Coming soon” placeholder on every production install instead of the Forms management screen.
- Fixed: Background parallax and zoom never ran on the frontend when a Container owned the background layer.
- Fixed: A semi-transparent background overlay could paint over text, and a background image could swallow clicks on links inside the block.
- Fixed: A Content Loop set to inherit the archive query listed unrelated posts when the archive itself matched nothing.
- Fixed: Content Loop paging links and requests targeted the wrong site on subdirectory and domain-mapped multisite installs.
- Fixed: Page CSS could go stale after editing widgets, changing widget areas, publishing in the Customizer, or saving shared blocks.
- Fixed: The shadow color picker closed as soon as the alpha value changed.
- Fixed: Margin previews in the editor did not always match the published page.
- Fixed: Dynamic post content previews rendered without their CSS on singular and referenced-post templates.
- Fixed: Theme content and wide widths now match between the Dynamic Template editor and the frontend, including WooCommerce single-product templates.
- Fixed: The gallery lightbox opened underneath the WordPress admin bar, and its thumbnails showed a stray red border.
- Fixed: Galleries with a single image no longer render arrows, dots, or a one-tile thumbnail strip.
1.0.0
Release Date – July 29, 2026
- New: Complete Form block system with text, textarea, email, select, radio, checkbox, consent, reCAPTCHA, and submit fields, plus help text for every field.
- New: Form submissions include validation, honeypot protection, email actions, configurable success and error messages, per-message styling, and optional redirects.
- New: Gallery block with responsive slider layouts, dynamic image sources, and responsive image sizes.
- New: Marquee block for continuously scrolling content.
- New: WooCommerce blocks for Product Price, Rating, Meta, Stock, Add to Cart, Media, Tabs, Additional Information, and Reviews.
- New: Product Loop hook controls and contextual Content Loop presets for related products, cross-sells, and up-sells.
- New: Style Classes let you create and reuse named styling classes across your site.
- New: Hover Mode lets you preview and adjust hover styles directly in the editor.
- Improved: Template Builder previews are scoped to each condition, with fallback previews and locking for a more reliable editing experience.
- Improved: Dynamic Data can bind term, author, archive, and search objects, reacts to editor context changes, and supports dynamic background images.
- Improved: Design Library now uses a live catalog with media import and is enabled by default.
- Improved: Text blocks add eight pure-CSS highlight styles, reveal-on-scroll animation with speed control, and toolbar text alignment.
- Improved: Tabs add per-device responsive settings, stack and carousel overflow modes, and adjustable tab spacing.
- Improved: This 1.0 hardening release validates saved CSS values, units, and token names; keeps restricted Content Loop posts private; limits form management to administrators; and keeps reCAPTCHA and Mailchimp secrets server-side.
- Improved: Uninstall cleanup now removes plugin data, with an opt-in setting to also remove saved forms, style classes, and templates.
- Improved: WordPress 6.8 or newer is now required for a consistent, supported editing experience.
- Fixed: Seven editor controls that previously had no effect now work correctly on published pages.
- Fixed: Section background clipping and single-column overflow, Button hover colors, empty Image captions, WooCommerce variation labels and stock visibility, and Content Loop overlay opacity.
0.3.0
Release Date – June 3, 2026
- New: Design Library — browse curated patterns from a live cloud catalog and insert them with automatic media import.
- New: Editor Enhancements settings panel — choose where the Design Library launcher appears (toolbar / sidebar / hidden).
- New: Icon List block.
- New: Heading inserter tile — quick-insert H1–H6 (variation of the Text block).
- New: text-align control in the Text block toolbar.
- Improved: Tabs block — per-device responsive settings (icon, width, align, spacing, overflow), stack overflow mode, smoother subtitle transitions.
- Improved: Content Loop block — better defaults, sticky footer option, Link element overhaul.
- Improved: Button block — theme-adaptive colors and unified hover state.
- Fixed: removed misleading wide/full align options from Tabs and Accordion (they didn’t actually work).
0.2.1
Release Date – May 29, 2026
- New: Image block hover effects and overlay scrim.
- New: WordPress-core aspect ratios and refreshed defaults for Image and Content Loop.
- New: Rollback — a new dashboard setting to revert to a previous plugin version.
- Improved: Background panel — Scroll Effect and Overlay refinements; Background Color moved into the Color panel.
- Improved: smaller, cleaner block icons in the inserter.
0.2.0
Release Date – May 26, 2026
- NEW: Section block
- NEW: Container block
- NEW: Text block
- NEW: Button block
- NEW: Icon block
- NEW: Image block
- NEW: Content Loop block
- NEW: Accordion block
- NEW: Tabs block
- NEW: Global Colors
- NEW: Global Gradients
- NEW: Global Shadows
- NEW: Global Spacing
- NEW: Global Font Size
