WordPress: Two Columns using More button

1) Ensure you have added <!–more–>  in page content. Use the more button!

2) Use the following code to display content in two columns:
global $more;
$more = 0;
echo ‘<div id=”column_one”>’;
echo ‘&nbsp;’;
the_content(”);
echo ‘</div>’;

$more = 1;
echo ‘<div id=”column_two”>’;
the_content(‘read more’, true);
echo ‘</div>’;

3) CSS to tidy it up:
#column_one, #column_two {
float: left;
width: 35%;
margin: 0px 7.5%;
}
#column_one {
padding-left: 5%;
}
#column_two {
padding-right: 5%;
}
#column_one h6, #column_two h6 {
display: none;
}
#column_one p, #column_two p {
text-align: center;
}


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>