How to change and add extra formatting to a page's title

[Toon61]

Hi all,
I'm currently working on a site where pages are dynamically generated.
These pages get random titles in the form of two parts of numbers seperated by a -. These numbers must be kept because they are also used as the page's slug.
But when a page is visited in the browser the page title (h1) reads something like this:

<header class="entry-header">
<h1 class="entry-title">235493778405-33445</h1>
</header>

Is there a way to hook into a page and change the displaying title to a more readable and understandable line of text like 'Company name - Additional info' without the need to go into WP Dashboard or the MySQL database and manually change the display title. Like this:

<header class="entry-header">
<h1 class="entry-title">Company name</h1>
<h3 class="sub-title">Additional info</h3>
</header>

Any help is appreciated.

[Victor Font]

There are a couple of ways to approach this. With PHP you can change the content via the apply_filters( 'genesis_post_title_output', "$output \n", $wrap, $title ); filter. You would do something like this in functions.php:

add_filter( 'genesis_post_title_output', 'my_custom_title' );
function my_custom_title($output) {
    /* put your custom code here */
    $output = '<h1 class="entry-title">Company name</h1>';
    $output .= '<h3 class="sub-title">Additional info</h3>';

    return $output;
}

I haven't tested this, but this should point you in the right direction. The alternative is to change the content with jQuery.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Toon61]

Victor,
Thanks for the reply. I'll definitively try your approach.

[Toon61]

Victor,
I've just tried your approach and it does exactly what I need.
Okay, I'll have to do some PHP string manipulation (not that hard) and other stuff, but the basics works.
Thank you for pointing me in the right direction!

[Author]

Posts