Change Theme Layout for Interior Page

[MrJudy]

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…”

[Sridhar Katakam]

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.

---

Genesis Tutorials | Follow me on Twitter

[Sridhar Katakam]

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

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

---

Genesis Tutorials | Follow me on Twitter

[Sridhar Katakam]

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.

---

Genesis Tutorials | Follow me on Twitter

[Author]

Posts