Developers · Gutenberg
Readability Score block for WordPress
Analyze text readability with Flesch-Kincaid, Gunning Fog, and more.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
Analyze text readability with Flesch-Kincaid, Gunning Fog, and more.
Inspector panels on this block: Header, Metrics to Show, Sizing & Layout. Those titles come from index.js, not from a shared template.
Where to find it
Gutenberg inserter → Developers → search “Readability Score” (block name `blockenberg/readability-score` in block.json). Style it in the sidebar after insert.
How to use Readability Score block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Readability Score”, insert it. Category: Developers.
- Configure inspector controls that exist on this block. Open Header. Set “Show Title”, “Show Subtitle”, “Header — Title”, “Subtitle”.
- Check the published page. The view script reads HTML data attributes: data-opts. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Show Title | On/off toggle in the inspector. On by default. Saved as `showTitle`. |
| Show Subtitle | On/off toggle in the inspector. On by default. Saved as `showSubtitle`. |
| Header — Title | Text field in the inspector. block.json default: Readability Analyzer. Saved as `title`. |
| Subtitle | Text field in the inspector. block.json default: Paste your text to get a readability score instantly. Saved as `subtitle`. |
| Textarea Placeholder | Text field in the inspector. block.json default: Paste or type your text here.... Saved as `placeholder`. |
| Show Gauge | On/off toggle in the inspector. On by default. Saved as `showGauge`. |
| Show Flesch Reading Ease | On/off toggle in the inspector. On by default. Saved as `showFleschEase`. |
| Show FK Grade Level | On/off toggle in the inspector. On by default. Saved as `showGradeLevel`. |
| Show Gunning Fog | On/off toggle in the inspector. On by default. Saved as `showGunningFog`. |
| Show Stats Grid | On/off toggle in the inspector. On by default. Saved as `showStats`. |
| Show Reading Time | On/off toggle in the inspector. On by default. Saved as `showReadingTime`. |
| Typography — Title | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `titleTypo`. |
| Subtitle (Subtitle Typo) | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `subtitleTypo`. |
| Card Border Radius | Numeric range control in the inspector. Range 0–40. block.json default: 16. Saved as `cardRadius`. |
| Max Width (px) | Numeric range control in the inspector. Range 340–960. block.json default: 620. Saved as `maxWidth`. |
| Padding Top (px) | Numeric range control in the inspector. Range 0–160. block.json default: 60. Saved as `paddingTop`. |
| Padding Bottom (px) | Numeric range control in the inspector. Range 0–160. block.json default: 60. Saved as `paddingBottom`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts.
- JavaScript functions that perform the math: initReadabilityScore.
When this is the right block
- Analyze text readability with Flesch-Kincaid, Gunning Fog, and more — that is the job of Readability Score, not a generic content block.
- Use it when you need the editor control labeled “Show Title”, which exists on this block’s inspector.
- It matches pages about readability, flesch, kincaid.
- The math runs in the visitor’s browser after publish — no extra calculator plugin.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the Readability Score block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Readability Score”. It sits under Developers. After insert, open Header and set “Show Title”, “Show Subtitle”, “Header — Title”, “Subtitle”.
Does Readability Score need a server or extra plugin?
No. After Blockenberg is active, the view script runs in the browser with the values you saved on the block.
Is the Readability Score Gutenberg block free?
Yes. Readability Score ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Readability Score to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Header, Metrics to Show, Sizing & Layout).
Related developers blocks
Text Analyzer
Comprehensive text analysis tool: word/character/sentence counts, vocabulary richness, top word frequency chart, average lengths, and more. Live updates as you type.
Word Counter
An interactive word counter tool. Users paste or type text and instantly see word count, character count, sentence count, paragraph count, reading time, and speaking time.
Markdown Preview
Live Markdown editor with real-time rendered preview, toolbar shortcuts, and copy buttons.
Text Case Converter
Live text transformer: paste any text and instantly get it in multiple case formats with one-click copy.
API Reference
Display API endpoint documentation with method badge, parameters table, and request/response code examples.
Barcode Generator
Generate Code128 barcodes from any text or number. Customize bar height, width, colors, and download as PNG.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Readability Score from the Gutenberg inserter.