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