WordPress.org

Ready to get started?Download WordPress

Forums

Editing 2 Columns of Content on One Page (7 posts)

  1. Adam
    Member
    Posted 6 years ago #

    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

  2. bsflarva
    Member
    Posted 5 years ago #

    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.

  3. fltseng
    Member
    Posted 5 years ago #

    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!

  4. timbowes
    Member
    Posted 5 years ago #

    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)

  5. timbowes
    Member
    Posted 5 years ago #

    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.

  6. elizabethrichardson
    Member
    Posted 5 years ago #

    Thanks fltseng,

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

  7. Guzzo
    Member
    Posted 5 years ago #

    You may also find this plugin useful.

Topic Closed

This topic has been closed to new replies.

About this Topic