Reading aids: how the four blocks work
Four independent blocks can sit above the article text. They are not one "article mode": each is switched on separately, any of them can stay off forever, and none depends on another.
#The rule they all share
The switch lives in Theme Options. The content lives in the post.
So a block that is switched on renders nothing on a post that has no data for it. That is deliberate, not an empty frame and not a bug: the page does not put a heading above nothing.
"I turned it on and I cannot see it" almost always means the post field is empty. Check the post before you check the setting.
There is one exception. The table of contents is built from the article itself rather than from a field, so it has nothing to fill in. It appears when the text contains headings at the levels you selected.
#The order on the page
From the top down: the summarize row, the TL;DR card, the key points card, the table of contents, then the article text. The order is fixed and not configurable.
#Where each one lives
All four are on VerbaTheme OptionsSingle PostBody, each in its own group.
| Block | Group | Content comes from |
|---|---|---|
| Summarize with AI | Summarize With AI | Generated on request |
| Summary (TL;DR) | Summary (TL;DR) | The Summary (TL;DR) field in the post |
| Key points | Key Points | The Key points repeater in the post |
| Table of contents | Table of Contents | The article headings |
The post fields for the first two are in the Editorial panel under the editor. The summary is a text field; key points is a repeating list, one takeaway per row.
#Heading tag and heading size
Three of the four blocks carry the same trio of heading controls: the text, its HTML tag, and its size. Tag and size are separate on purpose.
The tag is document structure: it tells search engines and screen readers whether this line is a section heading of the article. The size is only appearance.
For most posts a TL;DR is not a section of the article, so a paragraph tag is more honest than an h2, even when you want it to look prominent. Set the tag for the structure and the size for the design.
Each block also has a style field: which surface the card is painted on, from the theme shared set.
The TL;DR and key points cards sit next to each other. Two different surfaces on adjacent cards reads as a layout mistake, so keeping them the same is a good default.
#Where to go next
- TL;DR
- Key points
- Table of contents
- Summarize with AI
The reading bar holds a second place for the summarize action and the reading progress. Sources and citations is a fifth editorial block, but it sits at the end of a post rather than the start, so it has its own page.
Last updated
Was this article helpful?
- Basic settings in the Customizer
- Set up dark mode
- Theme Options: the advanced settings panel
- General: site behavior
- General: optimization
- SPA and page transitions
- Content zones and insertions
- Blog: how posts are presented
- Before you go: the exit-intent banner
- Floating card: a post that follows the reader
- Marketing surfaces and analytics
- Accessibility settings
- Object-level settings
- Category fields
- Tag fields
- Author profile fields
- Page fields and per-page layout
- Post fields
- Widget areas
- Writing a post in Verba
- Post formats
- Building a post from a block pattern
- Building a post with an Elementor template
- Post header styles
- Reading aids: how the four blocks work
- TL;DR summary
- Key points
- Table of contents
- Summarize with AI
- Reading bar
- Sharing: placements, styles, and copy link
- The share block in the post footer
- Continuous reading: the next post without a click
- Likes, views, and comment voting
- Related posts and read also
- Sources and citations
- Splitting a long post across several pages
- Comments
- Formatting the body of an article
Resources