How-to Create a Table in WordPress Without a Degree in HTML

Laboratory Blog 2013-06-20

I recently found myself needing to create a table in WordPress. It took me about a minute of using the in built visual editor tools before I gave up and began looking for alternatives. As wonderful as WordPress is, sometimes it just doesn’t cut the mustard with post and page formatting.

Whilst it is true there are a number of plugins available designed to ease the drama that accompanies your requirement to build a table, some of them can be equally confusing and I always feel that installing a plugin for a one-off want or need is a little over the top.

Thankfully I soon came across the free TABLEIZER! tool.

In taking advantage of the fact that most computers are equipped with Microsoft Excel or another similar product, TABLEIZER! simply converts spreadsheet content into HTML content which can then be pasted into the WordPress editor.

Create a table in WordPress by using Excel

The input you paste doesn’t look too pretty:

To crea

But the output TABLEIZER! delivers will do all the hard work.  

<style type="text/css">table.tableizer-table {border: 1px solid #CCC; font-family: <?php echo $tableFont ?>;font-size: 14px;} .tableizer-table td {padding: 4px;margin: 3px;border: 1px solid #ccc;}.tableizer-table th {background-color: #000000; color: #FFF;font-weight: bold;}</style><table><tr><th>TABLEIZER!</th><th>Makes</th><th>Creating</th><th>Tables</th><th>in WordPress</th><th>Very Easy</th></tr> <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr> <tr><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr> <tr><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr></table>
 

Now copy the code and paste it at the bottom of the Text Editor of your WordPress Post and you’re pretty much done.

Creating tables in WordPress can be very easy!

Time to marvel at your work. Here’s what it looks like:

<!--table.tableizer-table {border: 1px solid #CCC; font-family: <?php echo $tableFont ?>;font-size: 14px;} .tableizer-table td {padding: 4px;margin: 3px;border: 1px solid #ccc;}.tableizer-table th {background-color: #000000; color: #FFF;font-weight: bold;}--><!--table.tableizer-table {border: 1px solid #CCC; font-family: <?php echo $tableFont ?>;font-size: 14px;} .tableizer-table td {padding: 4px;margin: 3px;border: 1px solid #ccc;}.tableizer-table th {background-color: #000000; color: #FFF;font-weight: bold;}-->TABLEIZER!MakesCreatingTablesin WordPressEasy123456234567345678

As with all things WordPress – where there’s a will there’s a way. It’s just sometimes a case of digging until you find that golden nugget of information.So that was an a pretty straight forward solution an not bad for a few minutes work hey? No degree required. Thanks TABLEIZER! You’re a great find. :)

Do you find WordPress fiddly? Are tables giving you headaches? I’d be intrigued to know of any similar ways to simplify table creation. What are your top tips?

The post How-to Create a Table in WordPress Without a Degree in HTML appeared first on Laboratory Blog.