For a new project, I am using the Centric Pro child theme from StudioPress. In that child theme, the page title is displayed at the top, like so:
By default, Centric Pro uses the page title for this text. Personally, I prefer to name pages something simple (i.e. Contact, About, etc.) and, for SEO purposes, change the title using the WordPress SEO plugin by Yoast. However, for this project using Centric Pro, I wanted to change the title being used for display at the tops of pages. Preferably, this would be a custom field I set for each page. This concept can be used for any child theme but here is what I did specifically for Centric Pro.
Create a Custom Field for Your Header Title
For this, I installed and activated the Advanced Custom Fields plugin. Then, I created a field group and added a Text field named rv_page_title. This field is set to display only on pages and I will use it for setting a title to display at the top.
Edit the Functions.php
Next, we need to edit some code in the functions.php. If you are using Centric Pro, you will find a block of that looks like this:
What I did was filter the post title text, using the Genesis filter genesis_post_title_text, to replace the text with the value of my rv_page_title custom field. Additionally, I added some code to remove the page title from the front page.
If you are not using Centric Pro but would like to do something similar with your child theme’s page titles, here are the other functions you’ll need to add: centric_open_post_title() and centric_close_post_title(). Just remember to add your CSS.
There you go! You’re now ready to set your own custom page titles to display at the top of your pages using the Genesis Framework. If you have a question, post it in the comments. Thanks for reading!