Key Takeaways Box Before Posts (Blocks)
Adds a "Key takeaways" box built from blocks at the top of every post, a skimmable summary readers and search engines appreciate.
Opens WPIDE on
Code
<!-- wp:group {"style":{"spacing":{"padding":{"top":"1.25em","bottom":"1.25em","left":"1.5em","right":"1.5em"}},"border":{"left":{"color":"#2271b1","width":"4px"}},"color":{"background":"#f6f7f7","text":"#1d2327"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-text-color has-background" style="border-left-color:#2271b1;border-left-width:4px;color:#1d2327;background-color:#f6f7f7;padding-top:1.25em;padding-right:1.5em;padding-bottom:1.25em;padding-left:1.5em"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Key takeaways</h3>
<!-- /wp:heading -->
<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li>The most important point of the article.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>A second insight readers should remember.</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>What to do next.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:group -->Notes
Edit the list in the snippet editor; for per-post summaries, duplicate the snippet and limit it with conditions.
How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.