red8developers

Eli Hanna

Optimize Your Titles with the Short Title Block
Introducing the Short Title Block plugin, a must-have tool for WordPress developers, designers, and content marketers looking to optimize their website’s user experience without sacrificing SEO performance.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/TrJypI1LaqE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
The Problem
In the world of content creation, a blog post title must serve two masters with conflicting objectives. Its primary role is to clearly communicate to readers and search engines what the post is about. However, when long, keyword-rich titles are displayed on archive pages or in query loops, they are too long, dare I say clunky, and what helps a search engine or reader isn’t likely to engage or entice visitors to click through.
The Solution
The Short Title Block plugin resolves this conflict by giving you the flexibility to add a short, enticing title to posts. This short title can be used on archive pages and in query loops.
Using a short title in this way will significantly improve click-through rates and overall engagement in query loops and on archive pages without compromising the primary purpose of your post titles.
The plugin also adds an additional control to the Title block that lets you choose the short title.
But what happens if you don’t add a Short Title to your post?
No worries. The plugin has logic in place to use the default title if the Short Title is not available.
Review the screenshot for detailed “How-To” instructions for the plugin.
Short Title Block – Features and Benefits
<ul>
<li>Dual-Title Functionality: Easily add a short title in addition to your primary title—the ideal use case is archive pages and query loops.</li>
<li>Enhanced Click-Through Rates: Craft short titles that captivate and encourage visitors to explore your content further.</li>
<li>Improved User Experience: You no longer need to compromise on the default title’s ability to communicate the purpose of post or page content to readers or search engines to accommodate the limited space available in the archive or query loop cards.</li>
<li>SEO Optimization: Maintain clear, keyword-rich primary titles for search engine indexing while utilizing short titles for improved user engagement.</li>
<li>Conditional Logic: If a short title isn’t available, the default title will automatically be used, ensuring consistent display without additional effort.</li>
</ul>
Upgrade your WordPress site with the Short Title Block plugin and experience the perfect balance between clarity and engagement in your titles.
Transform how your content is presented and drive more engagement.

Short Title Block – Dual Post Titles for Better UX and SEO Performance

Add a second short and engaging post title for archive pages and in query loops, to boost click-through rates and engagement

Ciprian Popescu

Modern Design Library is a toolkit of opinionated Gutenberg blocks for WordPress. All optional blocks are registered using PHP-only block registration (<code>autoRegister</code>) — no JavaScript build step or Node.js tooling required.
The plugin ships with:
<ul>
<li>Colored Line — a fully customisable horizontal separator block with striped, shade, and dotted style variants (classic JS-registered block).</li>
<li>Advanced Separator (experimental) — a PHP-only separator with configurable width, height, padding, alignment, and three decorative variants.</li>
<li>Advanced Heading (experimental) — 13 decorative heading styles, heading level selector (H1–H6), optional tagline, and full typography/spacing/border block support controls. Accent decorations automatically follow the text colour.</li>
<li>Marquee (experimental) — a single infinitely scrolling text row. Stack multiple blocks for multi-row layouts. Speed (Slow/Medium/Fast) and direction (Left/Right) are configurable. Animation script is loaded lazily — only on pages containing the block.</li>
<li>Call to Action (experimental) — a CTA banner with heading, subheading, button label/URL, three visual variants (Primary/Secondary/Dark), and native colour overrides.</li>
<li>Author Box (experimental) — displays a user card with avatar, bio, email, and LinkedIn link. User is selected from a dropdown. LinkedIn URL is stored as user meta (set on the user’s profile page).</li>
</ul>
Optional blocks are enabled from Settings → Modern Design Library → Modules.
The optional blocks require the Gutenberg plugin or WordPress 7.0+ for the <code>autoRegister</code> block support.
Read more on <a href="https://getbutterfly.com/wordpress-plugins/modern-design-library-ui/" rel="nofollow ugc">getButterfly</a>.
For a deep dive into how the PHP-only blocks work, read <a href="https://getbutterfly.com/php-only-block-registration-in-wordpress/" rel="nofollow ugc">PHP-Only Block Registration in WordPress 7.0</a>.

Modern Design Library

A Modern Design Library toolkit for blocks: separators, headings, marquees, call-to-action banners, and author boxes.

Short Title Block – Dual Post Titles for Better UX and SEO Performance vs Modern Design Library