Designed for use with any FSE theme and the most popular WordPress plugins. It’s the perfect starting point and toolkit for building your own custom block theme. With Blockify, creating fast and stylish block-based websites has never been easier. Give it a try today and see the difference it can make for your site.
Blockify provides a number of block variations that use only core WordPress blocks:
- Accordion – (list block)
- Counter – (paragraph block)
- Curved Text – (paragraph block)
- Grid – (group block – coming soon)
- Icon – (image block)
- Marquee – (group block)
- SVG – (image block)
Block extensions with responsive and hover state settings:
- Negative Margins
- On Click attributes
- Box Shadow
- Clear Formatting
- Gradient Text
- Inline SVGs
- Text Outline
- Typography (Font Family, Font Size, Font Weight)
- Underline (multiple styles)
- Dark/Light mode
- Checklist Circle
- Checklist Square
- Mega Menu
- Sub Heading
- Divider – curve/wave/angle/round/fade
This plugin, like WordPress, is licensed under the GPL.
© Copyright 2022 BlockifyWP.
This plugin can be installed directly from your site.
- Log in and navigate to Plugins → Add New.
- Type “Blockify” into the search and hit Enter.
- Locate the Blockify plugin in the list of search results and click Install Now.
- Once installed, click the Activate link.
It can also be installed manually:
- Download the Blockify plugin from WordPress.org.
- Unzip the package and move to your plugins directory.
- Log into WordPress and navigate to the Plugins screen.
- Locate Blockify in the list and click the Activate link.
What themes does this plugin work with?
This plugin is designed to work with any Full Site Editing block theme.
Where is the settings page?
This plugin provides no settings page. All settings are available in the block editor and can be accessed by clicking on the Blockify icon in the top right corner of the screen.
How to add custom Dark Mode colors?
The Dark Mode color palette can be customized from the Site Editor by clicking the Styles icon in the top right of the screen.
- Navigate to Appearance > Editor
- Click on the Styles button in the top right corner (light/dark circle)
- Click Colors
- Click Palette
- Click the Custom tab
- In the Custom section, click the Add ➕ button
- Select your colors and then give each color a name beginning with Dark Mode, for example:
Dark Mode Foreground
- Click Done and click Save to save your changes
How is this a theme framework?
The Blockify plugin provides a set of useful features to help you build modern, fast-loading websites using only core blocks. It’s the perfect starting point and toolkit for building your own custom block theme.
The framework includes a tonne of useful block customization features, smart base CSS, and a set of block variations and extensions to help you build your site faster. It’s designed to work with any FSE theme and the most popular WordPress plugins.
It can be installed as a plugin, theme or a Composer package. The free Blockify theme demonstrates how to use the plugin as a package in your own theme. The recommended way to use Blockify is as a plugin with your own parent block theme. The Blockify theme is not required.
Do I need to install the Blockify theme?
The Blockify theme is not required if the Blockify plugin is active.
The Blockify plugin will work with any parent block theme.
How do I add icons to the editor?
SVG Icons can be created by inserting an Image block anywhere in the block editor and then selecting the “SVG Icon” block style from the right sidebar settings. The original image is not loaded and the selected SVG icon is displayed instead. To add a gradient to an icon, select a gradient from the Background Color setting and clear any colors from the Text Color setting.
How do I add a custom icon set to the editor?
Custom icon sets can be added by passing the path to the icons to the Blockify config. Please see the default Blockify theme for an example.
What version of PHP do I need?
PHP 7.4 or higher is required. Lower versions are no longer supported.
How do I add code snippets for filter and action hooks?
Parent themes, child themes and plugins can all be used to modify the default behaviour of Blockify. Every function is either added with a filter or an action which provides developers more control.
Contributors & Developers
“Blockify – Lightweight Full Site Editing Block Library” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
0.7.0 – 14 March 2023
- Remove: Everything except theme framework
0.6.3 – 21 December 2022
- Fix: Framework loading priority
0.6.2 – 20 December 2022
- Fix: Editor stylesheets
0.6.1 – 20 December 2022
- Fix: Fonts
- Fix: Editor style paths
0.6.0 – 20 December 2022
- Add: Theme as a package
0.5.1 – 17 December 2022
- Add: Default box shadow styles
- Add: Unbounded font family
0.5.0 – 8 December 2022
- Add: Plugin settings
- Add: Theme framework
- Add: Dark mode toggle block
- Add: SVG site logo support
- Remove: Existing blocks
0.4.0 – 16 November 2022
- Add: Api Key fields
- Remove: Deprecated blocks (replaced with variations)
0.3.0 – 3 September 2022
- Add: New reCaptcha v2 block
- Add: reCaptcha v3 setting to Submit block
- Add: Columns support to form
- Add: blockify_form_user_data filter
- Add: Slider arrows and dots visibility settings
0.2.0 – 29 August 2022
- Update: Rename newsletter block to form
0.0.15 – 20 August 2022
- Remove: Divider block, moved to spacer block
- Add: Missing pot file
0.0.14 – 20 August 2022
- Fix: Calls to undefined functions
0.0.13 – 19 August 2022
- Remove: Theme related features
0.0.12 – 25 July, 2022
- Fix: Reverse on mobile
- Fix: Navigation block font size
0.0.11 – 24 July 2022
- Fix: Google fonts loading
- Remove: Theme related functions
0.0.10 – 22 July 2022
- Update: Move icons to config
0.0.9 – 21 July 2022
- Fix: Reverse on mobile settings
- Update: Improve box shadows
0.0.8 – 20 July 2022
- Fix: Google map block
- Fix: Site editor scripts
0.0.7 – 19 July 2022
- Add: Accordion block description
- Update: Add blocks to config
0.0.6 – 19 July 2022
- Add: Block descriptions
0.0.5 – 19 July 2022
- Add: Screenshots
0.0.4 – 19 July 2022
- Remove: Pattern functions
0.0.3 – 15 July 2022
- Update: Readme
0.0.2 – 12 July 2022
- Remove: Framework CSS
0.0.1 – 20 June 2022
- Initial commit: