Visual Subtitle

August 01, 2020

Visual Subtitle Plugin

Allows part of a post title to be styled as a subtitle. It is still within the title heading, but is wrapped in a span to be styled differently.

This plugin adds a Visual Subtitle field to all post, page and custom post types that have support for a title, and that use the Classic Editor. It doesn’t work with the Block Editor.

It allows you to include a string of text that will still be part of the post title, but be wrapped in a span tag, giving something like:

<h1>Visual Subtitle<span class="subtitle"></span></h1> 

Keeping it as part of the main level 1 or two heading, means it maintains as much keyword SEO importance as the main title, yet can be given a style (in your own theme) of display: block; to make it visually appear as a subtitle.

The visual subtitle is appended to to the title on on the Posts screen, separated with a pipe (|) character, and appended to the title part of the document title with a colon (:) character.

Translations

Installation

  1. Unzip and upload visual-subtitle folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

Screenshots

  1. The back-end interface, showing the Visual Subtitle field.

    The back-end interface, showing the Visual Subtitle field.

  2. Showing the visual subtitle on the front-end, in this case, styled red, smaller, italic and bold.

    Showing the visual subtitle on the front-end, in this case, styled red, smaller, italic and bold.

  3. The front-end markup, showing the span inside the existing heading element (may differ for your own theme).

    The front-end markup, showing the span inside the existing heading element (may differ for your own theme).

  4. Showing the subtitle in the Posts list - the second entry has no subtitle.

    Showing the subtitle in the Posts list - the second entry has no subtitle.

  5. The subtitle can also be amended from the quick edit feature.

    The subtitle can also be amended from the quick edit feature.

FAQ

Can I change the separators?

Only currently by amending the plugin code.

My subtitle isn’t appearing on a new line?

You need to add the .subtitle { display: block; } style to your own theme, along with any other styling you want for it.

Changelog

1.2.0

  • Refreshed for 2020 (fix code standards).
  • Fix line-endings in the class file to avoid parser error in PHP 7.3.
  • Slightly refactor how the plugin is initiated.

1.1.0

  • Reposition subtitle field to after title.
  • Add ability for developers to choose which post types have visual subtitle support.
  • Code tidy-up

1.0.1

  • Fixed display issue on Comments page.
  • Added key bit of code that makes the plugin read translation files (props to Dave for the reminder).
  • Added link to German (de_DE) translation file in the readme.

1.0

  • First public version.

Details

  • Version: 1.2.0
  • Active installations: 200
  • WordPress Version: 2.9.0
  • Tested up to: 5.5.15
  • PHP Version: 5.6

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars