Switching layout options for blog and post views

  • Unknown's avatar
    mtayloranalysis · Member ·

    I am using the Chateau theme and I am wondering if the following is possible:

    There are multiple layouts available with the Chateau theme under theme options. I would like the “Content-Sidebar” layout to be used when looking at the blog view, and the “One Column, No Sidebar” layout when looking at an individual post. It would be preferable but not 100% necessary if I could eliminate the image in the header image as well.

    Is this possible with CSS if I purchase custom design? If it is not I may have to look at using wordpress.org.

  • Unknown's avatar
    supportmyoffice · Member ·

    Hello! Can you share your website with us so we can see what you’re working with?

  • Unknown's avatar
    timethief · Member ·

    The URL is linked to the username http://mtayloranalysis.wordpress.com/
    Chateau has unusual Archives display options. Consult the detailed theme description page here http://theme.wordpress.com/themes/chateau/ and scroll down to
    Multiple Archive Styles there.

  • Unknown's avatar
    mtayloranalysis · Member ·

    So I like the standard archive style that I am currently using. The main blog page displays how I would like it to.

    When you click on “test” to view the full post, I want the sidebar to disappear and instead use the “One Column, No Sidebar” layout available in Chateau. The widgets on the right are important for me on the main page. But when you go into the full post I will need the larger image sizes you get with a single column since they may be quite detailed.

    Thanks for the help, I am hoping something like this is possible.

  • Unknown's avatar
    timethief · Member ·

    Multiple Archive Styles
    You can choose to display your archives in either the “detail” or “concise” format. The “detail” format is the standard blog layout. The “concise” format displays only the title and the first 20 words from each post so that your readers may view your posts at a glance. http://theme.wordpress.com/themes/chateau/

  • Unknown's avatar
    mtayloranalysis · Member ·

    So I just changed the layout format to the one column style and if you looked at it before you will notice that the images appear much larger, but that the sidebar with the “recent comments” and “Follow by email” widgets is no longer there.

    This is how I would like it to appear when you click to see a full post – in the screen where you are able to leave comments. But I would like for the main page where you can see multiple blog posts to have the sidebar with widgets that was previously there.

    Is this possible?

  • Unknown's avatar
    timethief · Member ·

    Widgets
    Besides the sidebar, Chateau has five widget areas in the footer.

    In a single column display there is no sidebar. That is what single column means. Go to > Appearance > Widgets and move the widgets you want to use to the footer areas please.

    Also note that widgets have “visibility” settings so we can select which pages they display on. See here: http://en.support.wordpress.com/widgets/#widget-visibility

  • Unknown's avatar
    mtayloranalysis · Member ·

    What I need is 2 separate display scenarios. I will call them Scenario A and Scenario B.

    When you first click on my blog it will take you to the page where you are able to scroll down and see multiple blog posts. Currently you will see 1 post with an image and 2 post with video links. This is scenario A. In scenario A I would like to have the sidebar on the right hand side with the widgets displayed.

    When you click to go into a blog post, for instance on my most recent post you would either click “test”, “~2 comments”, or “continue reading”, you are in Scenario B. This is there area where you can read the full contents of the post as well as leave comments. In Scenario B I do not want the sidebar shown and instead I want the content of the blog using that additional width.

    I tried to fiddle around with widget visibility to make this happen, but if I turn them all off then the sidebar seems to fill with default widgets so I don’t think it will work.

  • Unknown's avatar
    timethief · Member ·

    I’m sorry I cannot help any further with this. Either Staff or the Volunteers who provide CSS help will be able to assist you though, so please hang in there.

  • Unknown's avatar
    mtayloranalysis · Member ·

    Thanks for trying

  • Unknown's avatar
    mtayloranalysis · Member ·

    I found something that might lead to the right answer but I’m not sure how I would use it:

    When I go to create a new page – for instance the “HOME” page i recently created that appears on my top bar- I am given the template options “Default Template” and “Full Width Template”.

    I have chosen full width for it and it appears how I would want it to. So what I need is for the post pages to display with the Default Template, while the archive/blog view page displays with the Full Width Template. I am able to do this with the separate pages, so hopefully I can do it with posts.

    Is there a way to do this in CSS or through some other means?

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, we can remove the sidebar from single post pages by using the .single CSS body class to target just the single post pages. You can give this a try as a start. 

    .single #secondary {
    display: none;
}
.single #primary {
    width: 100%;
}
.single #content {
    border-left: medium none;
    margin-left: 0;
    width: 100%;
}

    I used the web inspector built into my browser to find the relevant CSS. If you are not familiar with the web inspector in your browser, take a look at our support page on How to Find Your Theme’s CSS where you will find some brief screencasts to get you started with it. I find it an invaluable tool when working with CSS.

  • The topic ‘Switching layout options for blog and post views’ is closed to new replies.