=== iStyleBlox ===
Contributors: fareeddaar
Tags: blocks, gutenberg, blog, styling, design
Requires at least: 6.2
Tested up to: 7.0
Stable tag: 1.0.0
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Style any Gutenberg block with backgrounds, borders, and typography. Includes 7 custom blog blocks.

== Description ==

**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 with Schema markup
* **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.

== Installation ==

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.

== Frequently Asked Questions ==

= Does this work with any theme? =

Yes. iStyleBlox works with any WordPress theme that supports the block editor.

= Does it slow down my site? =

No. Styles are applied inline and the frontend CSS is minimal. No JavaScript is loaded on the frontend except for the Table of Contents generation.

= Is the FAQ block Schema-ready? =

Yes. The FAQ block outputs structured data in FAQPage Schema format for better SEO visibility.

== Screenshots ==

1. Sidebar styling panel on a paragraph block
2. Key Takeaways block in the editor
3. FAQ Accordion block with Schema markup
4. Style presets panel
5. CTA Box block with custom styling

== Changelog ==

= 1.0.0 =
* Initial release
* Sidebar styling panel for all blocks
* 7 custom blog blocks
* Style presets system
