Blocksify – Gutenberg Blocks & Page Builder for the Block Editor

Àpèjúwe

Blocksify is a Gutenberg block library by PressMaximum focused on performance. Every block ships its own CSS and JS, conditionally enqueued only when the block is actually on the page — keeping page weight low and PageSpeed scores high by default.

Features

  • 9 blocks (and more coming soon): Section, Container, Button, Text, Icon, Image, Content Loop, Accordion, Tabs.
  • Per-block asset loading — CSS and JS are enqueued only when the block is present on the page.
  • Per-instance inline CSS pooled into a single <style> tag in <head> — no per-block <link> fragmentation.
  • 4-layer responsive system — desktop, tablet, mobile, and hover slots per attribute, with a cascade resolver.
  • 10-trait styling system (color, background, spacing, border, size, overflow, position, z-index, visibility, typography) backed by composite controls (Background, Spacing, Border, Typography, Shadow) with built-in presets.
  • Design tokens — color and gradient palettes, spacing scale, font-size scale, shadow library; emitted as CSS custom properties at :root.
  • Pure-dynamic rendering — saved post markup contains zero opinionated HTML; refactoring the frontend never breaks existing posts.
  • Vanilla CSS — no jQuery, no frontend build for layout blocks.

Status

v0.2 — actively iterating in pre-release; feedback welcome at https://pressmaximum.com/blocksify.

Àwọn ìdí

Plugin yìí pèsè 11 àwọn ìdí.

  • Tabs Accessible tabbed content with per-tab icons, subtitles, and Interactivity-API switching.
  • Content Loop Zone-based content loop. Build cards from a layout of media + header + body + footer zones with overlay slots.
  • Container Flex container with direction-aware layout. Holds any inner blocks.
  • Image Display an image with caption, link, duotone, and per-instance styling.
  • Button A customizable button block.
  • Icon A block for adding an icon with link and custom styles.
  • Text A text element with your own tag name, content, and styles.
  • Section A performance-first grid section. Responsive columns with per-device control.
  • Accordion Stacked expandable panels. Each item self-renders header + body; multi or single expand mode.
  • Tab A single panel inside a Tabs block.
  • Accordion Item One panel inside an Accordion. Contains a header (title + icon + indicator) + body (user content).

Ìgbéwọlẹ̀

  1. Upload the blocksify folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the Plugins menu in WordPress.
  3. Open the Blocksify admin page from the WordPress sidebar to configure performance settings.
  4. Insert any Blocksify block from the block inserter (under the Blocksify category).

FAQ

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Ìtumọ̀ Yorùbá: ’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 is actively iterating in v0.2 — feedback is very welcome.

Àwọn àgbéyẹ̀wò

Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.

Àwọn Olùkópa & Olùgbéejáde

“Blocksify – Gutenberg Blocks & Page Builder for the Block Editor” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí.

Àwọn Olùkópa

Àkọsílẹ̀ àwọn àyípadà

0.2.0

Release Date Ìtumọ̀ Yorùbá: – 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