iStyleBlox

iStyleBlox gives you the power to design beautiful blog sections directly in the WordPress block editor — no code, no page builder required.

Styling Panel for Every Block

A sidebar panel appears on every block, letting you control:

• Background color
• Border color, width, radius, and style
• Padding and margin
• Text color, font size, and font weight
• One-click style presets

7 Custom Blog Blocks

• Key Takeaways — Highlight key points at the top of your article
• Table of Contents — Auto-generated, clickable TOC from your headings
• FAQ Accordion — Collapsible question-and-answer pairs
• CTA Box — Call-to-action sections with customizable background, text, and button
• Note/Info Box — Colored info, warning, tip, or note callouts
• Featured Product Card — Showcase a product with image, title, price, and link
• Author Box — Display author info with avatar, name, bio, and social links

Style Presets

Apply pre-built styles with one click. Choose from presets like “Highlighted Box”, “Soft Card”, “Bold Banner”, and more.

1. Upload the istyleblox folder to /wp-content/plugins/.
2. Activate the plugin through the Plugins menu in WordPress.
3. Open any post or page in the block editor.
4. Select any block to see the iStyleBlox panel in the sidebar.
5. Insert custom blocks from the block inserter under the iStyleBlox category.

1.0.0

• Initial release
• Sidebar styling panel for all blocks
• 7 custom blog blocks
• Style presets system