Editing 2 Columns of Content on One Page

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: https://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:

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

Alternatively there are plugins such as this:

https://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.