I want to make one of my 'Pages' two columns (instead of one) but don't know how to do this without screwing up all pages. The content on this page needs to be two columns.
http://archshrk.com/what-to-read How would I set that up?
I want to make one of my 'Pages' two columns (instead of one) but don't know how to do this without screwing up all pages. The content on this page needs to be two columns.
http://archshrk.com/what-to-read How would I set that up?
Simple. You have to make a Page template that has 2 columns in the content area and create your Page using that template.
More Pages#Page_Templates
Ok, that makes sense. But how would I actually make the column? If my page.php looks like this
<?php get_header(); ?>Since my page is essecially a long list, how can I make it a two colum list? What div tags do I need to create/add? Am I even making sense?
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post">
<h2 id="post-<?php the_ID(); ?>"><?php the_title(); ?>
<span class="edit"><?php edit_post_link(__('edit this page')); ?></span>
</h2>
<div class="storycontent">
<?php the_content(__('[ continued...]')); ?>
</div>
<p class="meta"><?php link_pages(); ?></p>
<?php endwhile; else: ?>
<?php include (TEMPLATEPATH . '/errormessage.php'); ?>
<?php endif; ?>
</div> <!--end .post -->
<?php get_footer(); ?>
Ok, seems simple enough. But how would I edit this to make it work?
<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post">
<h2 id="post-<?php the_ID(); ?>"><?php the_title(); ?>
<span class="edit"><?php edit_post_link(__('edit this page')); ?></span>
</h2>
<div class="storycontent">
<?php the_content(__('[ continued...]')); ?>
</div>
<p class="meta"><?php link_pages(); ?>
<?php endwhile; else: ?>
<?php include (TEMPLATEPATH . '/errormessage.php'); ?>
<?php endif; ?>
</div> <!--end .post -->
<?php get_footer(); ?>
how would I make the content span two columns?
I'd go by inserting two divs in the
<div class="storycontent">
2 DIVS HERE <====
</div>
where the_content used to be or in the post div; then give some id or class to those columns and define their size, position etc. in your stylesheet.
This topic has been closed to new replies.