More Than One Layout in Same Post

  • Hello,

    My theme has a layout choice for posts, two of which are “Full-Width” and “Content|Sidebar-Wide”. In “Content|Sidebar-Wide,” you can of course add widgets.

    What I’m trying to figure out is how I can have each post display a full-width image at the top, then below the image, the post “splits” into the “Content|Sidebar-Wide” layout, with a title and article on the left 2/3rds of the page, and widgets on the right 1/3rd.

    I tried rearranging the code so that a full-sized image appears at the top under the breadcrumbs, then I added the title and text underneath, but because this had to be done in “Full-Width” mode, the title and article section was also full-width and I couldn’t add the widgets.

    Can anyone point me in the right direction? I’m not sure this can even be done.

    Thanks very much for any assistance.

    Heather

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi hlvictoriabc,

    Can you provide us with a link to your site, and perhaps which theme you’re using?

    In the case of the layout with a sidebar, usually the page is organized something like this:

    <outer>
<main (2/3rds width)>
<sidebar (1/3rds width)>
</outer>

    If you want to load something fullwidth above main and sidebar, you’ll want to do it before the left content container (in this example, <main>) starts, because it’s pretty likely the sidebar is loaded at the end of the page.

    It sounds like you may need to create a custom template — see this:

    https://codex.www.ads-software.com/Stepping_Into_Templates

    Thread Starter hlvictoriabc

    (@hlvictoriabc)

    Hi Drew and “WPyogi”,

    Thank you very much for replying to my query. Very much appreciated!

    I think I may have found a solution. I added a widget (thanks to https://wpmu.org/how-to-widgetize-a-page-post-header-or-any-other-template-in-wordpress/) under my header, then placed an image within it via the Image Widget plugin. That worked great, it showed up on the top of my post, which I’d set to “Content|Sidebar-Wide”. At the moment I’m just tweaking things with the Custom Sidebars plugin so that a different image can be uploaded for different posts.

    Oh, and FYI I’m using WP-Responsive from Solostream. Love it.

    Thank you again for taking the time to help me out.

    Best,
    Heather

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘More Than One Layout in Same Post’ is closed to new replies.