Comments on: How to use a different layout for a certain page?

By: nicobr22

nicobr22 — Fri, 24 Jun 2011 14:32:32 +0000

Hi,

Thanks, I was looking for this.

Also, I found another way to do this. With this you don’t need to create two .css files, and don’t need the @import code on the .css file neither. Just paste the following code in the functions.php file:

function childtheme_create_stylesheet() { $templatedir = get_bloginfo('template_directory'); $stylesheetdir = get_bloginfo('stylesheet_directory'); if (is_home() || is_front_page()) { ?>

} } add_filter('thematic_create_stylesheet', 'childtheme_create_stylesheet');

By: Greg Turner

Greg Turner — Fri, 17 Jun 2011 03:54:17 +0000

I wanted to be able to have the user be able to define a layout on a per page basis. To do that, I added a custom field that is set in the admin edit page, and the value of this custom field tells what layout should be used,

I copied the thematic style.css file as the main style sheet for my child theme and took out the reference to the style sheet for the layout.

Then I created a function in the functions.php and hooked it into the wp_head action hook. In that function, I get the value of the custom field, and output a reference to the correct layout style sheet from thematic.

Comments on this method?? Any better way to do it? Thanks

By: John Kerns

John Kerns — Thu, 16 Jun 2011 01:16:12 +0000

Thanks for the instructions; they worked perfectly. Incidentally, you could more-or-less cut my_stylesheet() to half it’s length by omitting the else clause, since all it does it set $content to the same value it already has.

By: Jon Paul Janze

Jon Paul Janze — Sun, 13 Mar 2011 15:23:23 +0000

This is perfect! Exactly what I was looking for. In case anyone else is trying to do the same, I needed to have a different layout for home page as well as adding an extra large image to the home page. I used your example exactly plus an extra conditional statement in my functions.php to add an extra to thematic header to get the desired effect.


// Function to add HomeImage below #Access div

function Add_Home_Image(){

	// We test if we're on home or on your frontpage

  	if (is_home() || is_front_page()) {?>

} } add_action('thematic_header','Add_Home_Image', 10);

(I even cut and pasted your conditional into my simple function

By: will forsyth

will forsyth — Thu, 24 Jun 2010 13:26:19 +0000

Thanks alot for this. Will have to give it a go on my site. Should help with pemalinks and SEO if I dont have HTMl pages linked to my blog which is what I have currently.

Does this technique work only with the front page being different. What would change in the function code to have more than one page effected by the first style sheet?

I.E

Pages 1 -5 style sheet 1
Pages 6 -10 style sheet 2

Thanks for the article

By: Jeremy Brown

Jeremy Brown — Sun, 07 Feb 2010 21:36:38 +0000

Interesting; I managed to do it while importing the original Thematic CSS by finagling with margins to push the secondary div to where the left column would be and using display:none on posts and pages.