How Does Studiopress.com Site Create The Page-Title Area?
 

If you look at the redesigned Studiopress.com, on each page, it has a larger, all-in-caps title on the left and a green "Learn More About Genesis" button on the right in a div called "page-title". It then has the actual page title below this area. In effect, each page actually has two different titles.

My question is how did they create this page-title area with the dynamic title? I understand how to insert the actual div and static content via hooks, but how do they make the title inside the page-title div dynamic, especially since it exists outside the content area, and therefore outside the Loop?

the_title() the WordPress tag for displaying the title, works outside teh loop. This is a section that was added to the site via a hook then styled to create the look you see.

Ah okay I see, I was thinking it had to be used in the Loop. I understand how to add my sections and style it.

A followup to my question, for example on this page http://www.studiopress.com/themes you have the primary title of "Wordpress Themes" and the secondary title of "Check Out These Amazing Designs". If "Wordpress Themes" is "the_title()" then where is the secondary title coming from? The secondary title is in the section where Genesis normally outputs the actual title (<h1 class="entry-title">) .

Are they checking for a certain title and then filtering it using the genesis_post_title_text filter (thats my inexperienced guess)?

There is a wide variety of ways including page specific coding, but the simple solution is just using custom fields.

Ah custom fields, of course, of course. I should have thought of that. Thanks for the assist Nick.

By the way, I just started reading your Genesis Explained series. Good stuff.

you're welcome

Since this is resolved I'm going to close this thread