Page Title Splitter

Description

Lets you set breakpoints on your posts, pages and custom post types titles without having to add html to the title by setting markers in the title text field.

This allow for a better layout of the title on desktop version of the site and when on a mobile device it gives you the ability to remove the breakpoints by adjusting the CSS. Some of the other uses are that you can set multiple markers in the text field to highlight colours of certain words in the title.

Screenshots

  • Setting breakpoints in the title of the page.
  • Removing a breakpoint that is located in the text field.
  • The page title with the breaks in place.
  • Settings page and instructions on how to use below.

Installation

  1. Upload the plugin files to the /wp-content/plugins/page-title-splitter directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‹Plugins› screen in WordPress.
  3. Use the Settings->Page Title Splitter screen to configure the plugin, if you would like to update any of the default CSS, default options for title manipulation or to see how to use the plugin.
  4. The functionality for setting breakpoints will appear underneath the Post, Page or Custom Post Type of the titles on the site, click on the / button under the title text field off to the side and then click on a character where you would like the breakpoint to occur.

FAQ

How do I implement the title with markup into my site?

The modified title can be show on the website by adding one of the functions to your source code. the_split_title() will print the title on the page and get_split_title() will allow you to store it in a variable or print it yourself.

How do I use one of the functions outside the loop?

A Post ID can be added to either function to show a title outside of the loop or on a different page, ex. <?php the_split_title(12); ?>.

How do I add a breakpoint to my title?

Go to either Add/Edit a Post, Page or Custom Post Type and you will find a grey bar underneath the title text field. To the left of that bar you will see a / button, once pressed this will add a marker at the start of the title. Now by clicking on a character in the title, the marker will move to that position and that is where the page break will occur in the title. You can add as many markers as needed to the title.

How do I move a breakpoint marker in my title?

Click on the marker that sits below the title text field, that marker will then highlight. Now you can click on a different character in the title text field that marker will move to that position.

How do I delete a breakpoint marker in my title?

Click on the marker that sits below the title text field, that marker will then highlight. If you look to the left of the grey bar underneath the text field you will see a “x”, if click on that button it will delete the marker.

How do I cancel the highlight state on a marker?

Click on the marker that is currently highlighted in the grey bar underneath the title text field and it will remove the highlighted state from the marker. This will allow you to select a different marker and not worry about it moving if you click on a character in the title text field.

Reviews

16. August 2021 1 reply
All that was required of this plugin just add <br> tags. When i use this plugin, my heading lost background appearance at second row. And no way to add <br> instead of wrapping <span>. Too many settings and non-standart new functions to get formatted title is confusing. <h1><span class="bg-primary">Heading line 1 <span class="pt_splitter pt_splitter-1">Heading line 2</span></span></h1>
19. Februar 2020
Great Plugin! it would be great if it works with the new editor. Maybe you should launch a crowdfunding campaign to cover your work hours.
31. Juli 2018 6 replies
Je reviens sur la version 1.1.3, la version 2.0.2 ne fonctionne pas avec le thème responsive. ————————- Support très réactif, mise à jour vers 2.0.3 très rapide suite à un bug.
Read all 8 reviews

Contributors & Developers

“Page Title Splitter” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Page Title Splitter” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0

  • plugin created and made live in the directory

1.0.5

  • bug fixes

1.0.6

  • icon update and removal of splitter from Custom Fields plugin

1.0.7

  • bug fixes and updated icon and plugin thumbnail

1.0.8

  • added option for splitting titles outside of the loop and in the menu or not

1.0.9

  • menu issue bug fix

1.1.0

  • Character issue fix for special/non-english characters, they now show on titles that have been split
    Thank you to malasaad82 for pointing this issue out and suggesting a fix

1.1.1

  • Issue has been fixed with calling the function get_current_screen()
    Thank you to sanerdesign for pointing this issue out and suggesting a fix

1.1.2

  • Fixed additional errors with the plugin

1.1.3

  • Fixed issue with the ability to split the title not showing on initial load
    Thank you to Ric for letting me know about the issue

2.0.0

  • Added more options as to where you would like the breakpoints to appear or not appear, like widgets or search loops. Fixed issues of breakpoints being added to the html head code, as well as to tags with attributes like an alt or title using the title in the site

2.0.1

  • Fixed issue with the menu not showing adjusted menu title

2.0.2

  • Fixed issue with integrating with other plugins

2.0.3

  • Fixed issue with non post items ex. categories not showing up in the menu
    Thank you to communimage for letting me know about the issue

2.0.4

  • Fixed issue with previous/next post links when there is no other post available.
    Thank you to Javier for letting me know about the issue

2.0.5

  • Fixed issue with the PHP warning and showing of code in the customize section of the backend.
    Thank you to giomorin for letting me know about the issues

2.0.6

  • Fixed issue with the IMG tag and page titles used in alt tags throwing errors

2.0.7

  • Fixed issue with the showing of code in WooCommerce on stock variations
    Thank you to giomorin for letting me know about the issues

2.0.8

  • Fixed issue with the showing of code on the single product page, this replaces the WooCommerce single product page title template if a custom one is not being used
    Thank you to giomorin for letting me know about the issue

2.0.9

  • Fixed issue with the page splitter box not showing on the post and page admin pages
    Thank you to neotechnomad for letting me know about the issue

2.5.0

  • Checked and updated the WordPress tested up to tag

2.5.5

  • Fixed undefined index: cssbox_widget
    Thank you strarsis for reminding me of this issue

2.5.6

  • Checked and updated the WordPress tested up to tag

2.5.7

  • Checked and updated the WordPress tested up to tag

2.5.8

  • Checked and updated the WordPress tested up to tag

2.5.9

  • Checked for esc_html tag to overwrite to show split vs code