Need help? Check out our Support site, then


How to create tables in wordpress.com?

  1. I am a prolific blogger. I use WordPress.com in six languages to work with a range of creativity - technical and philosophical articles, pictures, poems, jokes, stories, a sci-fi novel and what not. And sure, I don't have time to host my own blogs because of all of these. So no plugins for me.

    To put some ideas succintly and clearly, I need tables. For example, I wanted to disseminate ideas about data networking, various gray shades of software testing and similarities between second order control system and human psychology.

    Why can't WordPress.com provide simple tables? May be for simplicity, merged cells may not be provided! Please allow complex thoughts to be expressed!

    The blog I need help with is bhushit.wordpress.com.

  2. If your tables typically use similar formatting (for instance, a series of rows of five cells), you could try:

    1. Use a simple text editor like Notepad (on Windows) or textedit (if Macs still have that program...) to make an empty table with HTML code. Save it in a file.
    2. Copy that code with your mouse.
    3. Paste the code into the "text" view in the WordPress editor.
    4. Switch to visual editing mode to insert the contents of the table.

    For instance, here's a simple HTML table that I'm going to suggest to a client of mine:

    <br /> <table style="margin:0 auto;"><br /> <tbody><br /> <tr><br /> <td align="center">REPLACE THIS WITH IMAGE</td><br /> </tr><br /> <tr><br /> <td align="left">REPLACE WITH CAPTION</td><br /> </tr><br /> </tbody><br /> </table><br />

    (She posts photos with text between them. The email that blog subscribers receive has terrible formatting, with captions and photos misaligned. Something like this table is going to help, I think. We haven't tried it yet.)

  3. P.S. In my HTML example, the following code:

    margin:0 auto

    suggests that the table (and the things within it) should be centered between the left and right margin of the blog. (Whether it works will depend partly on the template, I think, and partly on the generation of WordPress software being used at the time the blog is viewed. No guarantees.)

    Also, the following code:

    align="center", and
    align="left"

    adjust the position of the content within the table area itself. So the first chunk of content (in my case, the image) will be centered within the centered table (which is also centered -- we hope -- between the left and right margins of the blog). And the second chunk (in my case, the "caption" text) is left-justified within the centered table area.

    (The width of the table area depends on the width of the content you put in. This is a lot easier to try than to explain! Using the "Preview" button in WordPress should show you roughly how the table will appear once you publish... though it unfortunately won't show how the table will appear in the emailed version. The email version has different formatting.... partly because the email doesn't have the same width, and margin settings, as the Web version. That makes precise formatting a real problem.. and I hope that this help area has long descriptions of how to work with the WordPress emailed blogs. My client is into print publishing -- books, that is -- and has real heartburn every time she sees our careful formatting altered by the email system. My table is one thing we're going to try to use to override the email mess.)

    If you'd like more examples, searching the web for HTML table td align should give lots of examples of table cell alignment.

  4. thenakedlistener
    Member

    I most definitely support a simple table-making functionality. Nothing complicated, nothing that allows fantastical tweaking. Just plain vanilla ability to make a table with couple of columns and rows. Thank you.

  5. I, too, think Word Press could really usea simple table-maker in its WYSIWYG editor.

    Thanks to "sites4people" for uploading a sample table in HTML code for those of us who are HTML challenged. However, that "table" has only one column, not too helpful! So I googled and found this code for a two-column table, which I have tried in my blog and it is working. Adapt as needed.

    <table border="1">
    <tbody>
    <tr>
    <td>Row 1 cell 1</td>
    <td>Row 1 Cell 2</td>
    </tr>
    <tr>
    <td>Row 2 Cell 1</td>
    <td>Row 2 Cell 2</td>
    </tr>
    <tr>
    <td>Row 3 Cell 1</td>
    <td>Row 3 Cell 2</td>
    </tr>

  6. <table border="1">
    <tbody>
    <tr>
    <td>Row 1 cell 1</td>
    <td>Row 1 Cell 2</td>
    </tr>
    <tr>
    <td>Row 2 Cell 1</td>
    <td>Row 2 Cell 2</td>
    </tr>
    <tr>
    <td>Row 3 Cell 1</td>
    <td>Row 3 Cell 2</td>
    </tr>

  7. i use to include tables in my wordpress page by creating the required table with data in ms word and copy this worpress post editor. that works.... thanks

  8. Note when creating tables some themes add CSS styling that won't be overcome with these basic table codes: borders, background color, and alignment.

    MS word is not really a good alternative: it's a fine word-processor but it adds lots of useless code to wp.com. It could break your theme.

    Windows LiveWriter has the ability to make tables. It's an offline editor so you can use it for all of your posts as well. It's free. But because I use Macs I don't have actual experience with it, I cannot say how well it works for tables or other offline posting, I can say that many other experienced volunteers here in these forums recommend it highly.

  9. A very basic approach, if (like me) you can't handle HTML code, is to create the table in Word, save it as a PDF, save that as a JPG, crop the image as necessary, and insert it in the post with the usual "add media" button.

  10. thenakedlistener
    Member

    @ubriaca - Yes, this is also what I do to, except that I use a special-purpose printer driver to output directly to .jpg and other image formats.

    Anyone who's interested in that driver, I'll post the link to that software's website.

  11. I also think a simple table-making form, accessible from the toolbox, would be a fantastic addition to the WYSIWYG toolbox. Going from Word to PDF to JPEG and then pasting the result seems to be an awfully long-winded way of accomplishing what (on paper) seems to be a fairly straightforward job.

  12. There are lots of sites online with good tutorials on making HTML tables -- from simple to complex. Tables can be amazingly complicated to code -- especially once you add all of the new(ish) CSS rules -- but classic tables without CSS are easy if you have a guide and a chance to practice.

    Here's an alternative to what's been suggested earlier: use a free HTML editor (there are lots of those too), then copy and paste the code into the WordPress "text" view. That might work well for some people who need more-complex tables. One editor is from the Mozilla folks, the ones who build Firefox... it's a part of the all-in-one Sea Monkey browser/email/etc. suite. (Sea Monkey used to be named Mozilla; it came from the Netscape browser and preceded Firefox. Remember Netscape? :) Once you compose a table in grapical view, you can switch to source code view, copy, paste, then check (carefully, with the Preview feature!) to be sure that WordPress is happy. (One note: don't copy the code in the "head" section or the main heading at the top of the HTML. Just copy the "body" section of the HTML.)

    [Sidebar: I still use Sea Monkey for web browsing because it's updated with (what seem to be) the Firefox security updates, so it doesn't feel "buggy"... but it also has some geeky features (like showing the next and previous links from the header of a web page) that I haven't found elsewhere. (If you haven't seen next and previous links, get Sea Monkey and check out one of my photo tour pages -- for instance, jerrypeek.com/tours/italy_ny2004/5_firenze_1/, which is one of a series of Northern Italy pages.) On the View menu in Sea Monkey, choose Show/Hide, then Website Navigation Bar. You should see Previous and Next buttons on the toolbar that are active when a page has those links in its head section.]

  13. This is the wonderful applicatio to create table in blogs,wordpress and so on.u just make your table in excel & copy it in to the box column of tableizier 7 u can easily change your font,size,colour etc.finally press tableizie it generate thr html code just copy it in ur wp post ensure that u r copy it in text mode in wp finally ur table is ready cool.

  14. Thanks guys, I'll give those a try ;-)

  15. sorry i'm forget to attach this link,pl refer the above procedure & enjoy
    http://tableizer.journalistopia.com/

  16. Thanks for that, I'd have found it eventually but it saves me hunting around. ;-)

  17. welcome ;)

  18. sustainablefashionwarrior
    Member

    Thanks all! Very helpful.
    But how to get the font back at the WordPress style for text on the rest of the page?
    I can't even see code for what the font is.
    I guess thats in the CSS?
    But surely there is a way to make font in the table same too?
    Thanks!

  19. I also vote for a simple HTML editor and tables, etc. :-)

Topic Closed

This topic has been closed to new replies.

About this Topic