Education – Full Width Images on Pages

[suecline]

Hi -

Now that I got my home page sorted nicely, I'm tackling the interior page & blog post styling. I am trying to accomplish 2 things on each individual page:

http://209.59.178.236/~gses14/about/philosophy/

I want the image of the kids to stretch the full width of the theme (like the home page slider, but static). Ideally the sidebar (I've got a testimonial example in there now) contents would begin *after* the static image. Each page would have it's own unique image and I need to make it fairly easy for novices to figure out how to do that. We're already using the existing featured images function other spots, not sure if it smarter to extend that?

I did review the information in this post but it didn't really address how to deal with sidebar positioning.

Also I want to remove the actual page title from the page - we'll create our own headlines. I'd ideally like those headlines to *also* be full width unless someone with more design sense wants to give me a better suggestion.

Thanks!

http://209.59.178.236/~gses14/about/philosophy/

[Brad Dalton]

The solution depends on how many pages you want to display unique header images on.

The fact you want them easy to add means hand coding isn't the easiest solution so you need a custom meta box. This can be hand coded or you can choose from 1 of 2 great plugins.

CUSTOM HEADER EXTENDED

WP DISPLAY HEADER

I think the best position to display your unique header images is after the header or using the genesis_before_content_sidebar_wrap hook. This solutions solves both problems.

The different hook positions simply determine the position your images output in your them as you can see looking at this visual guide.

The only problems you have are these.
The plugins don't display the headers in the hook position you need them to unless you modify the code in the plugin.

The other option is to hand code a meta box and hook the images in however this requires a fair amount of custom coding which i have already posted on my site that may need modifying.

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts