iStyleBlox
Style any Gutenberg block from the sidebar, and reach for seven blog blocks the editor does not ship with. No page builder, no custom CSS, no theme fork.
Design in the editor you already use
Gutenberg is fine until you want a coloured callout, a border on one group, or a table of contents. Then it is either a snippet in the customiser, a child theme edit, or a page builder that takes over the whole post.
iStyleBlox adds a styling panel to every block in the sidebar and a set of blog blocks under its own inserter category. Everything stays native Gutenberg, so the post content is still portable if you switch the plugin off.
Controls on every block
Select a block, core or third party, and the panel is there in the sidebar.
- Background colour, on any block rather than the handful core allows.
- Borders: colour, width, radius and style.
- Spacing: padding and margin, per side.
- Typography: text colour, font size and font weight.
- Style presets: Highlighted Box, Soft Card, Bold Banner and more, applied in one click.
Seven blocks for long form posts
All of them sit under the iStyleBlox category in the block inserter, and all of them accept the styling panel above.
Key Takeaways
A styled, collapsible box for the points a reader should leave with. Usually the first thing under the intro.
Table of Contents
Reads the heading blocks in the post and builds a clickable list. The only block that loads frontend JavaScript.
FAQ Accordion
Question and answer pairs that collapse. Add as many as the article needs.
CTA Box
A call to action with heading, description and button, with the background, text and button all editable.
Note Box
Coloured callouts in four types: info, warning, tip and error.
Featured Product Card
Image, name, description, price and a button. Useful in reviews and roundups.
Author Box
Avatar, name, bio and social links, for the end of a post.
Installation
Nothing to configure. Activate it and the panel appears.
- Install from Plugins, Add New, or upload the folder to wp-content/plugins/.
- Activate it from the Plugins menu.
- Open any post or page in the block editor.
- Select a block and find the iStyleBlox panel in the sidebar.
- Insert the custom blocks from the iStyleBlox category in the inserter.
Frequently asked
Yes, with any theme that supports the block editor. The styles are applied to the blocks themselves rather than to theme selectors.
No. Styles are written inline, the frontend CSS is minimal, and the only frontend JavaScript is the small script that builds the table of contents.
The block renders a clean accordion. FAQ schema markup is left to your SEO plugin, which is usually already handling structured data.
It works alongside them. Core controls stay where they are, and the iStyleBlox panel adds the properties core does not expose on that block.
The custom blocks stop rendering, as any block plugin does. Styling applied to core blocks is written inline in the post content, so that markup stays intact.
Release history
- Maintenance release. Tested against WordPress 7.0.4.
- Initial release.
- Sidebar styling panel for all blocks.
- Seven custom blog blocks.
- Style presets system.
Add it to your next post
Free, open source, and hosted on WordPress.org. Feature requests and bug reports are welcome in the support forum.