Easy Columns in WordPress

Column Plugin

If you want to create multi-column content for your WordPress blog post or Page, you don’t have to know CSS or HTML code.  Just download the plugin: Advanced WP Columns

This plugin is even more simply that your standard plugin because it does not require any shortcode.

The second method is to use HTML table tag.  This does require some HTML, but you can use the template below as a guide:

Tables

<table>
 <tbody>
  <tr>
   <th>Column 1 Heading</th> <th>Column 2 Heading</th>
  </tr>
  <tr>
    <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel ultrices sapien. Donec et maximus lectus, at cursus mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat sodales quam, a tincidunt tellus pellentesque ut. Cras vitae risus ex. Phasellus lacinia bibendum purus, vitae interdum nisi ultrices ut. Proin vel dolor consequat, tempor magna at, lacinia tellus. Curabitur maximus nisi eros, a ornare turpis accumsan ut.</td>
    <td>Nam lobortis vel nisl non dictum. In hac habitasse platea dictumst. Donec tempus, lorem ut dignissim laoreet, tellus orci vehicula dui, eget fermentum enim quam vel ex. Nullam quis nisi vel lorem efficitur faucibus vitae eget erat. Aliquam congue ex at tellus dictum imperdiet. Curabitur pretium nisi mauris. Nulla volutpat tellus ut blandit feugiat. Ut at laoreet nunc. Sed ornare nunc ac nulla vehicula luctus. Etiam vitae posuere risus. Curabitur ac convallis neque, quis volutpat orci. Maecenas ultricies felis quis dui lacinia ullamcorper. Pellentesque consequat, accumsan lectus felis pharetra neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet magna magna, ornare malesuada risus euismod sed. Donec varius, nibh at finibus tincidunt.</td>
  </tr>
 </tbody>
</table>

 

Column 1 Heading Column 2 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel ultrices sapien. Donec et maximus lectus, at cursus mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat sodales quam, a tincidunt tellus pellentesque ut. Cras vitae risus ex. Phasellus lacinia bibendum purus, vitae interdum nisi ultrices ut. Proin vel dolor consequat, tempor magna at, lacinia tellus. Curabitur maximus nisi eros, a ornare turpis accumsan ut. Nam lobortis vel nisl non dictum. In hac habitasse platea dictumst. Donec tempus, lorem ut dignissim laoreet, tellus orci vehicula dui, eget fermentum enim quam vel ex. Nullam quis nisi vel lorem efficitur faucibus vitae eget erat. Aliquam congue ex at tellus dictum imperdiet. Curabitur pretium nisi mauris. Nulla volutpat tellus ut blandit feugiat. Ut at laoreet nunc. Sed ornare nunc ac nulla vehicula luctus. Etiam vitae posuere risus. Curabitur ac convallis neque, quis volutpat orci. Maecenas ultricies felis quis dui lacinia ullamcorper. Pellentesque consequat, accumsan lectus felis pharetra neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet magna magna, ornare malesuada risus euismod sed. Donec varius, nibh at finibus tincidunt.

Table with Style

 

Table-with-styleIf you hard code inline style tags into your post, it will not alway give you the correct result.  The first 2 columns are suppose to be red and the third should be yellow.  This is because your primary or parent theme has a default table style.  In order to properly change this style you add a child theme.  This is usually done using CSS (Cascading Style Sheet).

ISBN Title Price
3476896 My first HTML $53
5869207 My first CSS $49
Advertisements

Leave a comment

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s