Support » Themes and Templates » Editing 2 Columns of Content on One Page

  • Adam

    (@panhead)


    I am new to WordPress, but am curious if there is a way to create a page that has 2 (or more) columns where I can add some content to both columns.

    For example, when I go to the Manage : Pages section of WordPress, I can select a page that I have created, then edit the content in that page. In Column #1 I can type a paragraph and add an image or two. Then, in Column #2 I can add some more text and another image. This is not for a blog. I am not interested at this stage in adding links to posts in the columns.

    Does anyone have an idea?

    Thanks,
    Adam

Viewing 6 replies - 1 through 6 (of 6 total)
  • I’m trying to do the same thing panhead, only I do want to have links in the columns.

    I want to have a page that lists one column of links to external blog posts about my subject matter, and another with links to external forum threads about it.

    With css you can make 2, 3 or as many columns as you want… using div tags and floating them to the left is the most basic way to make columns.

    Simple code:

    <div style="float: left; width: 200px; height: 300px; border: 1px solid #333; padding: 10px; margin: 5px;">Column 1</div>
    <div style="float: left; width: 200px; height: 300px; border: 1px solid #333; padding: 10px; margin: 5px;">Column 2</div>

    Just copy paste this in your page, change the width to something a little less than half the width of the total width of the page (less than half to accomodate for the padding and margin), and it should just float in place. If they appear under each other, reduce either the width, padding or margin, whatever you like. A good css tut for this: http://www.yourhtmlsource.com/stylesheets/cssspacing.html

    Hope this was useful!

    We know how to make multiple columns in CSS – the question is how we get a single WordPress page/post* to flow over more than one column.

    If we replaced “Column 1” / “Column 2” in fltseng’s code with:

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    			<?php the_content(); ?>
    		<?php endwhile; endif; ?>

    we just end up with identical content in two columns.

    Any help achieving this would be much appreciated.

    (* i.e. the content created by the Write function in WordPress)

    This may help us:

    http://perishablepress.com/press/2008/08/04/two-column-horizontal-sequence-wordpress-post-order

    Alternatively there are plugins such as this:

    http://www.samburdge.co.uk/wordpress/wp-post-columns-plugin

    I will post back if I get it working.

    Thanks fltseng,

    Your solution worked really well for me. I appreciate that.

    You may also find this plugin useful.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Editing 2 Columns of Content on One Page’ is closed to new replies.