Badge
Give a short label its own background. The badge stays inline with the surrounding text.
Formatting ExtenderStyle Text and Blocks
Apply your site’s CSS classes right where you write. Formatting Extender adds class controls to the WordPress Block Editor.
Style a selection or a whole block, with class suggestions from your theme. Badges and highlights are included too.
Free and open source. Install from WordPress.org. No account or license key required.
- Selected Text
- Whole Blocks
- Class Suggestions
Style Text and Whole Blocks
Select a phrase to apply a CSS class just to those words. Leave the cursor in a paragraph without selecting text to add the class to the whole block.
- Badge: a compact uppercase label with a colored background.
- Highlight: a yellow background behind the selected text.
- Text classes: style a selected phrase without changing the surrounding paragraph.
- Block classes: apply a class to the selected block.
Small Changes, Clear Emphasis
New A label beside your announcement.
Keep the important detail easy to find.
Use emphasis where it helps the reader. Highlighting whole paragraphs makes the useful detail harder to spot.
Your Formatting Tools
Use a built-in treatment or apply the CSS classes your site already has.
Highlight
Mark the phrase your reader needs to notice. The plugin supplies the yellow background and dark text.
Text Classes
Apply one or more CSS classes to a selected phrase. Your theme’s styles control how those words look.
Block Classes
Place the cursor in a block without selecting text, then add a class from the same toolbar control.
Find and Apply Your Classes
Start typing to see matching class suggestions. A theme or plugin can supply that list through the formatting_extender_css_classes filter.
- Select text to wrap only those words in a class.
- Keep the selection collapsed to add a class to the block.
- Preview the page to check your theme’s result.
The styles come from your site. Adding a class name does not create CSS. The purple note in this example uses a separately defined theme style.
Install and Start Formatting
Formatting Extender works in the WordPress Block Editor. There is no separate settings page.
Install the Plugin
Open Plugins > Add New, search for Formatting Extender and install it. Then activate it.
Choose Text or a Block
Select words for inline formatting, or leave the cursor in a block to style the whole block. Open Add CSS Class in the toolbar.
Apply a Format
Enter a class name and choose Apply. For built-in badge or highlight formatting, open the toolbar’s More menu.
Download Formatting Extender
Get the plugin from WordPress.org and add the formatting controls to your editor.
- WordPress 6.6 or newer
- PHP 7.4 or newer
- Designed for the Block Editor
Frequently Asked Questions
Does It Work With the Classic Editor?
The plugin is built for the WordPress Block Editor. It does not add these controls to the Classic Editor toolbar.
Does It Add a Settings Page?
No. Activate the plugin and use the controls while editing your content.
Does Adding a Class Create the CSS?
No. It adds the class name to your content. Your theme or stylesheet must define what that class does.
Does It Load Anything on the Frontend?
The editing JavaScript loads in the Block Editor. A small stylesheet loads on the frontend to display the built-in badge and highlight treatments.
Can I Style the Whole Block?
Yes. Click inside the block without selecting text, open Add CSS Class and enter your class name. The control then adds the class to the block.
Where Do Class Suggestions Come From?
A theme or plugin supplies them through the formatting_extender_css_classes filter. Suggestions help you find available names; they do not define the CSS itself.
Add Formatting Where You Write
Keep your emphasis close to the text, with controls in the editor you already use.