For the second time now, I’ve been asked to style some elements in a page based on the branch of the sitemap tree being displayed.
You can see it at http://rupertsland.ca/wp/about/ still in staging, will move to http://rupertsland.ca/about/ vs. http://www.rupertsland.ca/wp/reference/ and http://www.seniorscircle.ca/directory/health-well-being/ vs. http://www.seniorscircle.ca/directory/home-and-housing/
Here’s an explanation:
Say we have a sitemap like this:
- our company
- our history
For example I need to style all the h1s in the blog branch to be blue, and all h1s in the about branch to be purple.
I’ve been putting “if (have_posts()) while(…): the_post();” of the loop before the get_header() call of a given template. I thought that $post is not available before the call to the_post(), but it turns out it is. Then after starting the loop, I would write a function to use as a filter for the body_class filter which would add a class to the body based on $post, and then I have a branch-specific CSS class to hook into it.
I’m probably going to stop moving the loop beginning before the get_header() call now that I know that the global $post is available before calling the_post(), and also I am just going to give a parameter to body_class() in header.php instead of hooking into the body_class filter.
Let me know if you have some ideas on how to do this better! I’ll just grab some Kirkland Dog Food and feed into my dog. You can also check out this link https://www.certapet.com/ for more information. Be right back!