{"id":27070,"date":"2018-11-20T15:04:10","date_gmt":"2018-11-20T15:04:10","guid":{"rendered":"https:\/\/www.awardspace.com\/?page_id=27070"},"modified":"2024-02-28T07:26:47","modified_gmt":"2024-02-28T07:26:47","slug":"how-to-create-a-table-in-wordpress-without-plugin","status":"publish","type":"post","link":"https:\/\/www.awardspace.com\/wordpress-tutorials\/how-to-create-a-table-in-wordpress-without-plugin\/","title":{"rendered":"How to Create a Table in WordPress Without Plugin"},"content":{"rendered":"

One of the best features of WordPress is its versatility. The abilities presented by the CMS to every one of its users. All of that functionality is at the distance of plugin installation.<\/p>\n

Still,\u00a0 installing a plugin<\/a> is not the only way to use the vast number of options that WordPress has. At one time or another, you’ll find how much better it is to learn a few code lines to achieve what you want the right way. Of course, you can add a\u00a0plugin to your WordPress website, but not all plugins are updated regularly, and thus, they are making your site vulnerable.<\/p>\n

Especially when looking for an answer to a question\u00a0as simple as how to create a table in WordPress without using a plugin, you can write a few lines of HTML.<\/p>\n

I know, that if you have never used HTML probably even the abbreviation itself\u00a0seems scary. But it’s not.<\/p>\n

 <\/p>\n

How to Write HTML in WordPress<\/h2>\n

WordPress is created to be simple and understandable for all of its users. Thus, the text editor you’ll use when creating posts is the so-called WYSIWYG<\/strong>. In other words – What You See is What You Get.<\/p>\n

Unlike the raw HTML where each paragraph has its tag (more often than not this tag is <p>), in the WYSIWYG you write the text, add media<\/a>, and all in all, you don’t care about what is it that makes the\u00a0posts look so beautiful.<\/p>\n

Well, let’s find out where to find the code that makes all the magic possible.<\/p>\n

When you are about to create a post or a page(it doesn’t matter which one), here is what you should expect to see:<\/p>\n

\"\"<\/p>\n

In the top right corner of the area where you add the text and the media of your post, you can see three options. The full-screen<\/strong> button – will remove all the distractions and will help you focus on your writing. The second option is the one that is chosen by default. This is the essence of the WYSIWYG<\/strong>. The Visual<\/strong>\u00a0option shows you how what you are writing is about to look at the front end of your WordPress website.<\/p>\n

And the option that you need to click to add a table to your WordPress site without using a plugin, is Text<\/strong>.<\/p>\n

By clicking here the HTML text editor will show up.<\/p>\n

If there is any amount of text written, you’ll see all the tags, and styles that are building it.<\/p>\n

 <\/p>\n

How to Create a Table in WordPress Without Plugin<\/h2>\n

Once you’ve entered the Text<\/strong> editor of your WordPress, the only thing you need to do is to throw in the code that will build your table.<\/p>\n

Add the following code in your text editor:<\/p>\n

\n
<style>\r\ntable, th, td {\r\nborder: 1px solid black;\r\nborder-collapse: collapse;\r\n}\r\n<\/style>\r\n<h2>Collapsed Borders<\/h2>\r\n<p>If you want the borders to collapse into one border, add the CSS border-collapse property.<\/p>\r\n<table style=\u201dwidth:100%\u201d>\r\n<tbody><tr>\r\n<th>Firstname<\/th>\r\n<th>Lastname<\/th>\r\n<th>Age<\/th>\r\n<\/tr>\r\n<tr>\r\n<td>Jill<\/td>\r\n<td>Smith<\/td>\r\n<td>50<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Eve<\/td>\r\n<td>Jackson<\/td>\r\n<td>94<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>John<\/td>\r\n<td>Doe<\/td>\r\n<td>80<\/td>\r\n<\/tr>\r\n<\/tbody><\/table><\/code><\/pre>\n<\/blockquote>\n
and the result you can expect is this:<\/p>\n