Change Theme Layout for Interior Page

Community Forums Forums Design Tips and Tricks Change Theme Layout for Interior Page

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Sridhar Katakam 1 year, 10 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #21458

    MrJudy
    Participant
    Post count: 2

    The easiest way I can think to describe what I am try to accomplish is that I want a blog within a blog. I have a site (http://www.annuityratesinstantly.com) with a great deal of content and information and within that site I am merging a blog site and its content.

    I would like to utilize a page within the site to have a layout similar to the “News Theme” for that page. I’d like to have the ability to build the page with widgets so the page can update dynamically when I add content. I am currently utilizing the Freelance theme.

    Can someone point toward a tutorial or instructions on how to build an interior page to reflect the properties of a Genesis Home Page (New Theme).

    Thank you for your assistance.

    Eric


    “If it is to be it’s up to me…”

    #21616

    Sridhar Katakam
    Participant
    Post count: 1071

    1) Edit child theme’s functions.php.

    Register any additional sidebars that you would like to have on your new ‘News’ page.

    Ex.:

    Add these at the end of that file:

    genesis_register_sidebar(array(
    'name'=>'News Top Row Left',
    'id' => 'news-top-row-left',
    'description' => 'This is the left section in top row of News page.',
    'before_title'=>'','after_title'=>''
    ));

    genesis_register_sidebar(array(
    'name'=>'News Top Row Center',
    'id' => 'news-top-row-center',
    'description' => 'This is the center section in top row of News page.',
    'before_title'=>'','after_title'=>''
    ));

    genesis_register_sidebar(array(
    'name'=>'News Top Row Right',
    'id' => 'news-top-row-right',
    'description' => 'This is the right section in top row of News page.',
    'before_title'=>'','after_title'=>''
    ));

    2) Duplicate home.php to say, page-news.php and edit it.

    Replace the content between and its closing div with, for example:

    Widgets screen. There you can drag your desired widget into the News Top Row Left widget area on the right hand side.", 'genesis'); ?>

    Widgets screen. There you can drag your desired widget into the News Top Row Center widget area on the right hand side.", 'genesis'); ?>

    Widgets screen. There you can drag your desired widget into the News Top Row Right widget area on the right hand side.", 'genesis'); ?>

    3) Create a Page titled “News”. Leave its content blank. This Page will automatically use the above page-news.php template file.

    4) Add the following sample code at the end of child theme’s style.css (WP dashboard -> Appearance -> Editor):

    .page-id-857 #sidebar {
    display: none;
    }

    .page-id-857 #content {
    width: 920px;
    }

    #news-top-row-left, #news-top-row-center, #news-top-row-right {
    float: left;
    }

    #news-top-row-left, #news-top-row-center {
    width: 290px;
    }

    #news-top-row-right {
    width: 305px;
    }

    #news-top-row-left, #news-top-row-center {
    margin-right: 15px;
    }

    where “page-id-857″ is one of the body classes of this “News” page.


    #21617

    Sridhar Katakam
    Participant
    Post count: 1071

    In step 2, the code got chopped off. You can find it here.

    Screenshot: http://cl.ly/image/35461y2w2L28


    #21619

    Sridhar Katakam
    Participant
    Post count: 1071

    Instead of using the CSS to remove sidebar and increase content area’s width, ‘News’ Page can be edited and ‘Full Width Content’ layout can be selected under ‘Layout Settings’ meta box.

    By the way, you might want to use Genesis Extender to solve the current need without writing code.


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.