2 column page layout template

1. 

   Matt Kelley (Member)
   Posted 6 months ago | Permalink

   Justin I noticed today on http://themehybrid.com/themes/hybrid you have two columns setup where you give some background information on hybrid and all its features etc. I was wondering if you knew of a good way I could set this up for a page template. Does one already exist? Thanks so much

2. 

   tod7 (Member)
   Posted 6 months ago | Permalink

   Justin talks about custom page templates here.
   As far as changing the layout style from "no columns" to "2 columns" to "3 columns", etc.. I would have thought you could insert a style ie:
   

   /* Get layout CSS */
   @import url('library/css/2c-l-fixed.css');

   However, looking at no-widgets.php, for example, there is no mention of a style. So I'm confused as to how that particular page template, "no-widgets.php" intrinsicly knows which style sheets to use?

   I'm preparing to do this myself, so I'd like to know too.

3. 

   paul de wouters (Member)
   Posted 6 months ago | Permalink

   you can use the classes to control the width of the page

   .content, .no-widgets .content, .no-default-widgets .content  {
   	width: 960px;
   	}

4. 

   Justin Tadlock (Administrator)
   Posted 6 months ago | Permalink

   You must be a logged-in exclusive member to view this reply.

5. 

   tod7 (Member)
   Posted 6 months ago | Permalink

   Gotcha. Styling purely from id and class names. Thanks!

6. 

   Matt Kelley (Member)
   Posted 6 months ago | Permalink

   Yeah thats wonderful thank you very much!

7. 

   paul de wouters (Member)
   Posted 6 months ago | Permalink

   I usually try to avoid having divs in the post editor, it can easily break if the client deletes a tag

   you can include a subpage like this:
   <?php query_posts('pagename=about'); // retrieves the about page only ?>

8. 

   Justin Tadlock (Administrator)
   Posted 6 months ago | Permalink

   You must be a logged-in exclusive member to view this reply.

9. 

   paul de wouters (Member)
   Posted 6 months ago | Permalink

   that sound great, is there a tutorial?

   what I'm trying to do is add that second column with widgets in it, (5 query_posts widgets)
   I nearly got it but there wasn't a hook to add my closing div tag.
   I added the opening div in the after_container area of hybrid hook plugin, then the 5 widgets in the after_container widget area. But how do I add the closing div tag after that?

   I resorted to an action hook function in functions.php, but I like to have the control in the admin so that the client can change it himself if needed.
   

   add_action('hybrid_after_container', 'add_featured');
   function add_featured(){
   	if(is_front_page()){
   		print '<div id="featured">';
   		$posts = query_posts('cat=3,5');
   		if (have_posts()) : while (have_posts()) : the_post();
   		the_content();
   		endwhile;
   		posts_nav_link();
   		 else :
   		 endif;
   		print '</div>';
   	}
   }

10. 

    Justin Tadlock (Administrator)
    Posted 6 months ago | Permalink

    You must be a logged-in exclusive member to view this reply.

11. 

    paul de wouters (Member)
    Posted 6 months ago | Permalink

    after the widgets? ok, but where? in the hybrid hook plugin areas? or in a widget?

    thanks

12. 

    Justin Tadlock (Administrator)
    Posted 6 months ago | Permalink

    You must be a logged-in exclusive member to view this reply.

13. 

    Justin Tadlock (Administrator)
    Posted 6 months ago | Permalink

    You must be a logged-in exclusive member to view this reply.

14. 

    paul de wouters (Member)
    Posted 6 months ago | Permalink

    that looks good, I'll try it
    yes! it's awesome, just what I needed.
    I was in the wrong mindset completely. Now I know how to add widgetized areas in the content, it will be a huge advantage for future projects.

    thanks

Reply

You must log in to post.