外掛說明
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.
適用於區塊編輯器
這個外掛提供 7 個可供區塊編輯器使用的區塊。
- CTA Box A call-to-action box with heading, description, and button.
- FAQ Accordion Add FAQ items as a collapsible accordion.
- Key Takeaways Highlight key takeaways with a styled box and collapsible list.
- Table of Contents Auto-generate a table of contents from heading blocks in the post.
- Author Box An author bio box with avatar, name, bio, and social media links.
- Note Box A note box with different types: info, warning, tip, and error.
- Featured Product Card A featured product card with image, name, description, price, and call-to-action button.
安裝方式
- Upload the
istylebloxfolder to/wp-content/plugins/. - Activate the plugin through the Plugins menu in WordPress.
- Open any post or page in the block editor.
- Select any block to see the iStyleBlox panel in the sidebar.
- Insert custom blocks from the block inserter under the iStyleBlox category.
常見問題集
-
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?
-
The FAQ block renders a clean collapsible accordion. Schema markup can be added separately via an SEO plugin if needed.
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
變更記錄
1.0.0
- Initial release
- Sidebar styling panel for all blocks
- 7 custom blog blocks
- Style presets system