seshelby

Create fully accessible content spoilers or accordions with a shortcode.
<ol>
<li>Fully accessible to screen reader users</li>
<li>Creates a flexible spoiler shortcode</li>
<li>Define groups of accordions to close open accordions when another in the same group is opened.</li>
<li>Override design in theme CSS files</li>
</ol>
<h3>Sample Code</h3>
<code>[spoiler title="Sample Code" initial_state="expanded" tag="h2" group="a"] 
Include content here 
[/spoiler]</code>
<h3>Attributes</h3>
title: should include the clickable text to be displayed in your accordion 
initial_state: values include collapsed or expanded, default to “collapsed” 
group: any alphanumeric value. used to define a group of accordions. when one accordion is opened all other items in the group will be closed. 
tag: values include any typical html tag but a heading tag should be used for accessibility, defaults to H2

Simple Accessible Spoilers

Create fully accessible content spoilers or accordions with a shortcode.

webbiztw

WebBiz Toolkit is a Gutenberg editor extension designed specifically for bloggers, providing four powerful features:
<h4>Features</h4>
1. Text Emphasis Styles (3 Types) 
Apply professional text emphasis effects with one click in the editor toolbar: 
* Highlight – Blue left border + light blue background 
* Warning – Red border box + light red background 
* Quote – Orange underline
All styles are fully customizable – change colors, borders, and more from the settings page.
2. Spoiler Masks (3 Styles) 
Hide text content that readers must click to reveal. Perfect for: 
* Movie/TV show plot discussions 
* Game walkthrough hints 
* Puzzle answers 
* Surprise content
Choose from blur, black bar, or dotted styles.
3. Auto-Spacing for CJK Text 
Automatically add spaces between CJK characters (Chinese, Japanese, Korean) and English/numbers with one click, making your content more readable and professional. 
Example: <code>Hello世界123</code> → <code>Hello 世界 123</code>
4. Q&A Interactive Blocks (2 Styles) 
Create interactive question-and-answer content where answers are hidden by default and revealed when clicked. 
Perfect for tutorials, FAQ pages, exam reviews, and educational content.
<h4>Why Choose WebBiz Toolkit?</h4>
<ul>
<li>Lightweight & Fast – Only loads features you enable, won’t slow down your site</li>
<li>Gutenberg Native – 100% built with WordPress Block Editor APIs</li>
<li>CJK Optimized – Designed with Chinese/Japanese/Korean typography in mind</li>
<li>No Coding Required – Install and use instantly, intuitive interface</li>
<li>SEO Friendly – Q&A blocks automatically generate FAQPage Schema markup</li>
</ul>
<h4>Use Cases</h4>
<ul>
<li>Bloggers – Emphasize key points, hide spoilers, improve typography</li>
<li>Educators – Create interactive quizzes and reveal answers</li>
<li>Review Sites – Hide spoilers in movie/game reviews</li>
<li>Documentation – Highlight warnings, tips, and important notes</li>
</ul>

WebBiz Toolkit

Essential toolkit for WordPress bloggers - text emphasis styles, spoiler masks, auto-spacing for CJK text, and interactive Q&A blocks.

Simple Accessible Spoilers vs WebBiz Toolkit