Description
WebBiz Toolkit is a block editor extension plugin tailored for bloggers, providing four practical features:
Key Features
1. Text Highlight Styles (3 styles)
Apply professional text highlighting effects in the editor toolbar with one click:
* Focus — Blue left border + light blue background
* Warning — Red border + light red background
* Quote — Orange underline
All styles are fully customizable. You can adjust colors, borders, and labels on the settings page.
2. Spoiler Mask (3 styles)
Hide text content and reveal it only when the reader clicks on it. Ideal for:
* Movie/TV series plot discussions (spoilers)
* Game walkthrough guides and hints
* Quiz answers
* Surprise elements
Offers three styles: Blur, Blackout, and Underline.
3. Auto Chinese-English Spacing
Automatically add spaces between Chinese/Japanese/Korean (CJK) characters and English/numbers with one click, making your content more readable and professional.
Example: Hello世界123 Hello 世界 123
4. Interactive Q&A Block (2 styles)
Create interactive Q&A sections where answers are hidden by default and revealed upon clicking.
Perfect for tutorials, FAQ pages, exam preparation, and educational content.
Why Choose WebBiz Toolkit?
- Lightweight & Fast — Only loads the features you enable, ensuring your site doesn’t slow down.
- Block Editor Native — Built 100% using native WordPress Block Editor APIs.
- Chinese Typography Optimized — Specifically designed for CJK layout formatting.
- Zero Coding Required — Ready to use upon installation with an intuitive interface.
- SEO Friendly — The Q&A block automatically generates FAQPage Schema JSON-LD structured data.
Use Cases
- Bloggers — Emphasize key text, hide spoilers, and improve readability.
- Educators — Build interactive quizzes and self-check questions.
- Review Sites — Hide spoilers in movie or game reviews.
- Documentation — Mark warnings, tips, and important notes.
Screenshots
Editor toolbar: buttons for highlight, spoiler, and auto-spacing 
Frontend spoiler mask effect (Blur style) 
Text highlights and spoiler styles in the editor 
Frontend: Spoiler mask and Q&A block 
Settings page: Customizable highlight styles with live preview 
Interactive Q&A block on the frontend (click to reveal answer) 
Frontend: Text highlight styles (Focus, Warning, Quote) and all features
Blocks
This plugin provides 1 block.
- 問答區塊 互動式問答區塊，點擊顯示答案
Installation
- Go to “Plugins -> Add New” in the WordPress admin panel.
- Search for “WebBiz Toolkit”.
- Click “Install Now” and then “Activate”.
- Go to “Settings -> WebBiz Toolkit” to enable the features you need.
Or install manually:
1. Download the plugin ZIP file.
2. Go to “Plugins -> Add New -> Upload Plugin” in the WordPress admin panel.
3. Select the ZIP file and install it.
4. Activate the plugin.
FAQ
-
Which WordPress versions are supported?
-
WebBiz Toolkit requires WordPress 6.0 or higher and the Block Editor.
-
Will this slow down my website?
-
No. WebBiz Toolkit is modularly designed. It only loads features you enable, and the frontend CSS is optimized to be extremely lightweight.
-
Can I use multiple highlight styles at the same time?
-
Yes! You can mix and match different highlight styles within the same paragraph.
-
Does the spoiler mask work on mobile devices?
-
Yes, the spoiler mask fully supports touch interactions and works perfectly on mobile phones and tablets.
-
Does the auto-spacing feature modify my original content?
-
Yes, the auto-spacing feature directly updates the block content. We recommend backing up important content before use.
-
Does the Q&A block support SEO structured data?
-
Yes! WebBiz Toolkit automatically generates FAQPage Schema JSON-LD structured data for the Q&A block, which helps with SEO.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“WebBiz Toolkit” is open source software. The following people have contributed to this plugin.
Contributors
“WebBiz Toolkit” has been translated into 1 locale. Thank you to the translators for their contributions.
Translate “WebBiz Toolkit” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.5
- Improved the layout of the Q&A style settings page, updated the preview area to use frontend style rules, and reduced redundant spacing.
- Unified Traditional Chinese interface terminology, removing mixed English and Traditional Chinese labels.
- Updated the translation template and added all new and modified translatable strings.
- Added a packaging script and package check to prevent development files from being mixed into the WordPress.org release package.
1.0.4
- Updated the settings page to an extensible tab structure, preparing for future settings menu integration with other WebBiz plugins. The appearance and behavior of the settings page remain unchanged when this plugin is used standalone.
1.0.3
- Fixed an issue where frontend alignment was not applied when wide/full-width alignment was selected for the Q&A block.
- Updated the Q&A block to use block.json and added a static fallback so that existing Q&A content remains visible even if the plugin is deactivated or the module is disabled.
- Updated frontend styles for the Q&A block to load only when the post contains a Q&A block.
- Fixed the background color picker on the Q&A style settings page: the palette no longer covers the “transparent” option when expanded, and the picker is now correctly disabled with a hint message when “transparent” is checked.
- Updated the toolbar button for Chinese-English auto-spacing to only show in blocks that can actually be processed.
- Made editor interface strings translatable and updated the translation template.
- Cleaned up internal code: consolidated dynamic CSS and color processing for highlight styles into a single source, removing redundant editor dependencies and unused code.
1.0.2
- Added custom settings for the “Minimal” and “Card” styles of the Q&A block.
- Enabled customizable border colors, width, border radius, text color, badge color, background color, and font size for the Q&A block.
- Fixed keyboard navigation and accessibility states for the spoiler mask to correctly output expanded/collapsed states.
- Fixed spoiler mask style rendering under keyboard focus, reduced motion settings, and print styles.
- Configured the Chinese-English auto-spacing to skip code blocks, keyboard input tags (kbd), scripts, styles, and text input fields to prevent unintended modifications.
- Updated frontend styles to load conditionally based on enabled features, reducing unnecessary CSS.
1.0.1
- Fixed an issue where text highlight styles did not display on the frontend.
1.0.0
- Initial release.
- Added 3 customizable text highlight styles.
- Added the spoiler mask feature with 3 styles: Blur, Blackout, and Underline.
- Added the Chinese-English auto-spacing feature.
- Added the interactive Q&A block with 2 styles.
- Added FAQPage Schema structured data support.
- Added a complete settings page with live preview.