http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Thu, 23 May 2013 11:00:04 +0000 http://themeshaper.com/forums/topic/full-width-custom-design-on-homepage#post-20052 Mon, 28 Mar 2011 19:30:52 +0000 helgatheviking 20052@http://themeshaper.com/forums/ <p><a href="http://themeshaper.com/forums/topic/remove-sidebar" rel="nofollow">http://themeshaper.com/forums/topic/remove-sidebar</a></p> <p>just insert your own brand of conditional logic</p> <p>see the codex for more on conditional logic<br /> <a href="http://codex.wordpress.org/Conditional_Tags" rel="nofollow">http://codex.wordpress.org/Conditional_Tags</a> </p> http://themeshaper.com/forums/topic/full-width-custom-design-on-homepage#post-20048 Mon, 28 Mar 2011 18:22:18 +0000 mrmikeman 20048@http://themeshaper.com/forums/ <p>how do i assign the full page template to my home page seeing is my home page is not static, i need my home page/category archive search etc, to be full width but all my other pages/posts to have the side bar like normal.. </p> http://themeshaper.com/forums/topic/full-width-custom-design-on-homepage#post-18686 Tue, 25 Jan 2011 13:07:28 +0000 helgatheviking 18686@http://themeshaper.com/forums/ <p>i'd probably try if(is_page_template('page-template-template-page-fullwidth.php'))</p> <p>check the wordpress codex for conditional tags </p> http://themeshaper.com/forums/topic/full-width-custom-design-on-homepage#post-18685 Tue, 25 Jan 2011 12:05:06 +0000 andycheeseman 18685@http://themeshaper.com/forums/ <p>Magic.</p> <p>I think I've come up with a solution by mixing the two options.</p> <p>I.e. I've assigned the default full page template to my 'homepage' page in WP, copied the three '.page-template-template-page-fullwidth-php' CSS rules into my childs CSS and modified their values to suit (overiding the default values) and finally hooked the necessary CSS into the homepage at 'thematic_abovecontent' using the following code.</p> <p>I'm unsure as to if I've chosed the right hook or exactly how the '.page-template' thing gets selected, but its a great learning curve.</p> <p><code><br /> // Custom Homepage Above Loop<br /> function custom_homepage_above_loop() {<br /> if (is_home() || is_front_page()) {?&gt;</p> <p> CODE FOR THE HOMEPAGE BEFORE THE LOOP GOES HERE</p> <p> &lt;?php<br /> }<br /> }<br /> add_action('thematic_abovecontent', 'custom_homepage_above_loop');</p> <p></code></p> <p>Thanks again,<br /> Andy. </p> http://themeshaper.com/forums/topic/full-width-custom-design-on-homepage#post-18684 Tue, 25 Jan 2011 10:51:03 +0000 helgatheviking 18684@http://themeshaper.com/forums/ <p>as i said you can either copy it and keep the same name, in which case you will automatically get the dynamic body class of .page-template-template-page-fullwidth-php that will trigger the full-width code in the 2c-r-fixed.css</p> <pre><code>/* Full Width Template */ .page-template-template-page-fullwidth-php #container { margin:0; width:940px; } .page-template-template-page-fullwidth-php #content { margin: 0 0 0 10px; width:940px; } .page-template-template-page-fullwidth-php #comments { width:540px; }</code></pre> <p>OR if you copy it , but RENAME it then you no longer get that dynamic body class. if you have renamed it to homepage.php then your dynamic body class will be </p> <p>.page-template-homepage-php</p> <p>you could see this at work with firebug.</p> <p>thus the above style rules don't match b/c you don't have the right body class.</p> <p>you'd need to copy those style rules into your own style sheet and use the appropriate body class</p> <pre><code>/* Home Page Template */ .page-template-homepage-php #container { margin:0; width:940px; } .page-template-homepage-php #content { margin: 0 0 0 10px; width:940px; } .page-template-homepage-php #comments { width:540px; }</code></pre> http://themeshaper.com/forums/topic/full-width-custom-design-on-homepage#post-18682 Tue, 25 Jan 2011 09:55:16 +0000 andycheeseman 18682@http://themeshaper.com/forums/ <p>Thanks for your response.</p> <p>When I duplicate the full width template and add it to my child theme's directory, the newly created homepage.php still displays #container with a width of 620px and #content with a width of 540px.</p> <p>Using firebug I can see these values are being drawn from 2c-r-fixed.css.</p> <p>How can I make the #container fill #main using this method?</p> <p>Thanks,<br /> Andy. </p> http://themeshaper.com/forums/topic/full-width-custom-design-on-homepage#post-18680 Tue, 25 Jan 2011 09:35:02 +0000 helgatheviking 18680@http://themeshaper.com/forums/ <p>why not create another template that is also full-width? which would require copying over the CSS from thematic's full-width template into your style.css as the body class generated by your new template will be different and thus thematic's css won't apply the full-page width stuff.</p> <p>OR </p> <p>just copy thematic's template-page-fullwidth.php into your child theme folder. then add your custom html. this has the benefit of not needing duplicate the CSS, but it also means that this custom would always be on the full-page template so depending on what you are doing you might not be able to use it for anything else. </p> http://themeshaper.com/forums/topic/full-width-custom-design-on-homepage#post-18677 Tue, 25 Jan 2011 09:09:13 +0000 andycheeseman 18677@http://themeshaper.com/forums/ <p>Hi,</p> <p>I want to create a custom homepage design that displays full width.</p> <p>I understand that I can associate the default full width template with a page within WP, however I also want to add some custom html into the homepage.</p> <p>Is it a case of associating the existing full width template with the homepage and hooking the content into the design using functions.php? Or is there a better way to do this?</p> <p>Thanks,<br /> Andy. </p>