{"id":353524,"date":"2026-08-23T08:45:13","date_gmt":"2026-08-23T08:45:13","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/istyleblox\/"},"modified":"2026-10-29T08:18:04","modified_gmt":"2026-10-29T08:18:04","slug":"istyleblox","status":"publish","type":"plugin","link":"https:\/\/ltz.wordpress.org\/plugins\/istyleblox\/","author":17993144,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.0.0","stable_tag":"2.0.0","tested":"7.0.8","requires":"6.2","requires_php":"7.4","requires_plugins":null,"header_name":"iStyleBlox","header_author":"fareeddaar","header_description":"Beautiful styling controls and custom blocks for blog content \u2014 Key Takeaways, FAQ accordion, Table of Contents, CTA boxes, and more. Add backgrounds, borders, shadows, and typography to any block from the sidebar.","assets_banners_color":"f8fbfb","last_updated":"2026-10-29 08:18:04","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/thefareeddaar.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":264,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.2":{"tag":"1.0.2","author":"fareeddaar","date":"2026-08-24 19:26:58","revision":3664162},"2.0.0":{"tag":"2.0.0","author":"fareeddaar","date":"2026-10-29 08:18:04","revision":3772380}},"upgrade_notice":{"2.0.0":"<p>Adds five new blocks, Review and HowTo schema, and new styling options. Existing content is unchanged.<\/p>","1.1.0":"<p>Fixes frontend styling for the custom blocks, improves FAQ schema output, and loads assets only where needed. Recommended for all users.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3772380,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3772380,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3772380,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3772380,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.2","2.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3772380,"resolution":"1","location":"assets","locale":"","width":1632,"height":466},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3772380,"resolution":"10","location":"assets","locale":"","width":1425,"height":981},"screenshot-11.png":{"filename":"screenshot-11.png","revision":3772380,"resolution":"11","location":"assets","locale":"","width":1632,"height":440},"screenshot-12.png":{"filename":"screenshot-12.png","revision":3772380,"resolution":"12","location":"assets","locale":"","width":1632,"height":555},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3772380,"resolution":"2","location":"assets","locale":"","width":1632,"height":716},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3772380,"resolution":"3","location":"assets","locale":"","width":1632,"height":641},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3772380,"resolution":"4","location":"assets","locale":"","width":1632,"height":635},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3772380,"resolution":"5","location":"assets","locale":"","width":1632,"height":1174},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3772380,"resolution":"6","location":"assets","locale":"","width":1632,"height":596},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3772380,"resolution":"7","location":"assets","locale":"","width":1632,"height":455},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3772380,"resolution":"8","location":"assets","locale":"","width":1632,"height":516},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3772380,"resolution":"9","location":"assets","locale":"","width":1632,"height":879}},"screenshots":{"1":"Key Takeaways \u2014 highlight the main points at the top of a post.","2":"Table of Contents \u2014 built automatically from your headings, with nested sub-headings.","3":"FAQ Accordion \u2014 collapsible questions with FAQPage schema.","4":"CTA Box \u2014 a call to action with heading, text and button.","5":"Note Box \u2014 info, tip, warning and error callouts.","6":"Featured Product Card \u2014 image, description, price and button.","7":"Author Box \u2014 avatar, bio and social links.","8":"Pros &amp; Cons \u2014 side-by-side lists of advantages and disadvantages.","9":"Review Box \u2014 overall rating, rating breakdown and verdict, with Review schema.","10":"How-To Steps \u2014 numbered instructions with total time and HowTo schema.","11":"Tabs \u2014 keyboard-accessible tabs that can hold any blocks.","12":"Testimonial \u2014 quote with name, role, photo and star rating."}},"plugin_section":[],"plugin_tags":[4121,178627,232953,2304,10851],"plugin_category":[],"plugin_contributors":[274420],"plugin_business_model":[],"class_list":["post-353524","plugin","type-plugin","status-publish","hentry","plugin_tags-blocks","plugin_tags-faq-schema","plugin_tags-key-takeaways","plugin_tags-styling","plugin_tags-table-of-contents","plugin_contributors-fareeddaar","plugin_committers-fareeddaar"],"banners":{"banner":"https:\/\/ps.w.org\/istyleblox\/assets\/banner-772x250.png?rev=3772380","banner_2x":"https:\/\/ps.w.org\/istyleblox\/assets\/banner-1544x500.png?rev=3772380","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/istyleblox\/assets\/icon-128x128.png?rev=3772380","icon_2x":"https:\/\/ps.w.org\/istyleblox\/assets\/icon-256x256.png?rev=3772380","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/istyleblox\/assets\/screenshot-1.png?rev=3772380","caption":"Key Takeaways \u2014 highlight the main points at the top of a post."},{"src":"https:\/\/ps.w.org\/istyleblox\/assets\/screenshot-2.png?rev=3772380","caption":"Table of Contents \u2014 built automatically from your headings, with nested sub-headings."},{"src":"https:\/\/ps.w.org\/istyleblox\/assets\/screenshot-3.png?rev=3772380","caption":"FAQ Accordion \u2014 collapsible questions with FAQPage schema."},{"src":"https:\/\/ps.w.org\/istyleblox\/assets\/screenshot-4.png?rev=3772380","caption":"CTA Box \u2014 a call to action with heading, text and button."},{"src":"https:\/\/ps.w.org\/istyleblox\/assets\/screenshot-5.png?rev=3772380","caption":"Note Box \u2014 info, tip, warning and error callouts."},{"src":"https:\/\/ps.w.org\/istyleblox\/assets\/screenshot-6.png?rev=3772380","caption":"Featured Product Card \u2014 image, description, price and button."},{"src":"https:\/\/ps.w.org\/istyleblox\/assets\/screenshot-7.png?rev=3772380","caption":"Author Box \u2014 avatar, bio and social links."},{"src":"https:\/\/ps.w.org\/istyleblox\/assets\/screenshot-8.png?rev=3772380","caption":"Pros &amp; Cons \u2014 side-by-side lists of advantages and disadvantages."},{"src":"https:\/\/ps.w.org\/istyleblox\/assets\/screenshot-9.png?rev=3772380","caption":"Review Box \u2014 overall rating, rating breakdown and verdict, with Review schema."},{"src":"https:\/\/ps.w.org\/istyleblox\/assets\/screenshot-10.png?rev=3772380","caption":"How-To Steps \u2014 numbered instructions with total time and HowTo schema."},{"src":"https:\/\/ps.w.org\/istyleblox\/assets\/screenshot-11.png?rev=3772380","caption":"Tabs \u2014 keyboard-accessible tabs that can hold any blocks."},{"src":"https:\/\/ps.w.org\/istyleblox\/assets\/screenshot-12.png?rev=3772380","caption":"Testimonial \u2014 quote with name, role, photo and star rating."}],"raw_content":"<!--section=description-->\n<p><strong>iStyleBlox<\/strong> gives you the power to design beautiful blog sections directly in the WordPress block editor \u2014 no code, no page builder required.<\/p>\n\n<h4>Styling Panel for Every Block<\/h4>\n\n<p>A sidebar panel appears on every block, letting you control:<\/p>\n\n<ul>\n<li>Background color and gradient<\/li>\n<li>Border color, width, radius, style, and shadow<\/li>\n<li>Padding and margin, per side<\/li>\n<li>Text color, font size, and font weight<\/li>\n<li>Hover effects \u2014 lift, grow, shadow, dim<\/li>\n<li>Entrance animations when the block scrolls into view (respects reduced-motion settings)<\/li>\n<li>Hide on mobile, tablet, or desktop<\/li>\n<li>One-click style presets<\/li>\n<\/ul>\n\n<h4>12 Custom Blog Blocks<\/h4>\n\n<ul>\n<li><strong>Key Takeaways<\/strong> \u2014 Highlight key points at the top of your article<\/li>\n<li><strong>Table of Contents<\/strong> \u2014 Auto-generated, clickable TOC from your headings<\/li>\n<li><strong>FAQ Accordion<\/strong> \u2014 Collapsible question-and-answer pairs with Schema markup<\/li>\n<li><strong>CTA Box<\/strong> \u2014 Call-to-action sections with customizable background, text, and button<\/li>\n<li><strong>Note\/Info Box<\/strong> \u2014 Colored info, warning, tip, or note callouts<\/li>\n<li><strong>Featured Product Card<\/strong> \u2014 Showcase a product with image, title, price, and link<\/li>\n<li><strong>Author Box<\/strong> \u2014 Display author info with avatar, name, bio, and social links<\/li>\n<li><strong>Pros &amp; Cons<\/strong> \u2014 Side-by-side lists of advantages and disadvantages<\/li>\n<li><strong>Review Box<\/strong> \u2014 Star rating, rating breakdown and verdict, with Review schema<\/li>\n<li><strong>How-To Steps<\/strong> \u2014 Numbered instructions with total time and HowTo schema<\/li>\n<li><strong>Tabs<\/strong> \u2014 Organize any content into accessible, keyboard-friendly tabs<\/li>\n<li><strong>Testimonial<\/strong> \u2014 Quote with name, role, photo and star rating<\/li>\n<\/ul>\n\n<h4>Style Presets<\/h4>\n\n<p>Apply pre-built styles with one click. Choose from presets like \"Highlighted Box\", \"Soft Card\", \"Bold Banner\", and more.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>istyleblox<\/code> folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress.<\/li>\n<li>Open any post or page in the block editor.<\/li>\n<li>Select any block to see the <strong>iStyleBlox<\/strong> panel in the sidebar.<\/li>\n<li>Insert custom blocks from the block inserter under the <strong>iStyleBlox<\/strong> category.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20work%20with%20any%20theme%3F\"><h3>Does this work with any theme?<\/h3><\/dt>\n<dd><p>Yes. iStyleBlox works with any WordPress theme that supports the block editor.<\/p><\/dd>\n<dt id=\"does%20it%20slow%20down%20my%20site%3F\"><h3>Does it slow down my site?<\/h3><\/dt>\n<dd><p>No. Styles are applied inline, and the small frontend stylesheet only loads on pages that use an iStyleBlox block. The only frontend JavaScript is the Table of Contents script, which loads only on pages with a TOC block.<\/p><\/dd>\n<dt id=\"is%20the%20faq%20block%20schema-ready%3F\"><h3>Is the FAQ block Schema-ready?<\/h3><\/dt>\n<dd><p>Yes. All FAQ blocks on a page are combined into a single FAQPage schema.<\/p><\/dd>\n<dt id=\"my%20seo%20plugin%20already%20outputs%20faq%20schema.%20can%20i%20turn%20yours%20off%3F\"><h3>My SEO plugin already outputs FAQ schema. Can I turn yours off?<\/h3><\/dt>\n<dd><p>Yes. Add this to your theme's functions.php or a code snippets plugin:<\/p>\n\n<pre><code>add_filter( 'istyleblox_faq_schema', '__return_false' );\n<\/code><\/pre>\n\n<p>Review and HowTo schema can be turned off per block in the block settings, or site-wide with the <code>istyleblox_review_schema<\/code> and <code>istyleblox_howto_schema<\/code> filters.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>New: Pros &amp; Cons, Review Box, How-To Steps, Tabs and Testimonial blocks.<\/li>\n<li>New: Review schema for the Review Box and HowTo schema for How-To Steps.<\/li>\n<li>New: styling panel adds background gradients, box shadows, per-side padding and margin, hover effects, entrance animations and hide-on-device options.<\/li>\n<li>Fixed: clearing a style in the panel could make the block show as invalid after reloading the editor.<\/li>\n<li>Fixed: Table of Contents sub-headings are now indented, and Note Box \/ Key Takeaways no longer show extra space below their content.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Fixed: frontend styles for the TOC, FAQ, Key Takeaways, CTA, Product Card and Author Box blocks were not being applied.<\/li>\n<li>Fixed: styled blocks no longer get a duplicate <code>style<\/code> attribute.<\/li>\n<li>Fixed: CSS values from the styling panel are now sanitized per property.<\/li>\n<li>Fixed: Table of Contents anchors now work with non-Latin headings and duplicate heading text, and support block themes.<\/li>\n<li>Fixed: browser cache now refreshes after plugin updates.<\/li>\n<li>Fixed: PHP notices for missing block editor scripts.<\/li>\n<li>Improved: FAQ schema is output once per page instead of inside every block, and can be turned off with the <code>istyleblox_faq_schema<\/code> filter.<\/li>\n<li>Improved: frontend CSS and JS load only on pages that use iStyleBlox blocks.<\/li>\n<li>Improved: Product Card and Author Box stack on mobile; FAQ and Key Takeaways show open\/close indicators.<\/li>\n<li>Improved: accessibility \u2014 focus outlines, a TOC navigation landmark, and descriptive social link labels.<\/li>\n<li>Improved: editor strings can now be translated.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>Sidebar styling panel for all blocks<\/li>\n<li>7 custom blog blocks<\/li>\n<li>Style presets system<\/li>\n<\/ul>","raw_excerpt":"Style any block with gradients, shadows, hover effects and animations. Includes 12 blog blocks with FAQ, Review and HowTo schema.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/353524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=353524"}],"author":[{"embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/fareeddaar"}],"wp:attachment":[{"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=353524"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=353524"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=353524"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=353524"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=353524"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ltz.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=353524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}