Up next in 10
In this tutorial, you'll learn how to easily create tables on your WordPress website without needing any coding skills. Whether you're displaying data, product comparisons, or pricing info, this step-by-step guide will show you how to add responsive, user-friendly tables using built-in tools or plugins.
WATCH
-How To Disable COPY And PASTE On Your WordPress Website | Content Copy Protection Plugin Tutorial: https://youtu.be/SDOPhQJIFaU
-Earn from Other People's Content: How To Aggregate Your WordPress Website With Feedzy RSS: https://youtu.be/u4QKxOGPfsg
-How To Set A Fall Back Image For Feedzy RSS WordPress Content: https://youtu.be/rO8q3rHy0q4
-How To Prevent Feedzy RSS From Fetching Images To Gallery : https://youtu.be/ZWu9Pg1YksA
#WordPress #CreateTables #WordPressTutorial #WebsiteDesign #WPPlugins #BloggingTools #WebDevelopment #TablePress #WordPressGuide #WPBeginner
Show More Show Less View Video Transcript
0:00
In this video, I'm going to show you how
0:02
you can create tables in WordPress just
0:05
like this. So, at the end of this video,
0:07
I'm going to show you how I was able to
0:09
create this table and then how I
0:12
inserted it in this article. So, if you
0:15
find this video helpful, I'll kindly
0:17
request that you support me by liking it
0:18
and also by subscribing to my channel.
0:21
All right, let's get into it. So, at the
0:23
end of this video, I'll create this
0:25
table and then I'll insert it in these
0:27
articles. As you can see, this is the
0:30
article that we're going to insert the
0:31
table after I have created it. And for
0:34
this, I'll do it in WordPress. Now, to
0:37
get started, you need to go ahead and
0:39
create a table in your website. And for
0:41
this, I'm doing it on a WordPress
0:43
website. All you need to do is to go
0:45
ahead and log into your dashboard. And
0:47
once you are logged in, go to plugins
0:49
here. Now, from plugins, we need to go
0:51
ahead and add a plugin to be able to do
0:54
this. So, click on add plugin. And from
0:58
here search for a plug-in called table
1:01
press just like that. Then search for
1:04
it. Now if you can't find it try
1:06
compiling the word table press as one.
1:09
And you'll see the plugin is here. Table
1:12
press. It is written as one word and it
1:15
is by this author. So as you can see
1:18
mine is already installed and activated.
1:21
Go ahead and install yours and then
1:22
activate it. Once you have activated it,
1:25
now if you come to your WordPress menu,
1:28
you'll be able to see a table press
1:30
option on your menu here. So go ahead
1:33
and click on table press. And once you
1:37
click on it, choose add new table. So
1:41
for our case, we want to create a new
1:43
table. Go ahead and click on add new
1:45
table. Now at this point, you have to
1:48
give your table a name. So for my case,
1:50
I'll give it a name. Supplies statics
1:54
just like that. And then you can give it
1:58
a description or you can leave it blank.
2:00
This is optional. For my case, I'll
2:02
leave it blank. And now here you have to
2:04
choose the number of rows and columns
2:06
that you want your table to contain. For
2:08
my case, I'll have four rows and six
2:13
columns. Just like that. And here we go.
2:15
And once you're done, go ahead and click
2:17
on add table. Now here you can see your
2:21
table has been successfully created. So
2:24
if you scroll down, you can see we have
2:26
a table ID and we have a short code for
2:30
the table. This is what we shall use to
2:32
insert our table in our WordPress or a
2:35
post. Now if you feel that you want to
2:38
make any change on your table, maybe the
2:41
rows are too many or you want to add a
2:43
column, you can simply do it here. To do
2:47
that, you can add your columns or rows
2:50
as well as you can reduce your rows or
2:53
columns. For that, if you want to add
2:56
maybe a row, you can just go ahead and
2:59
click here. This side you can do your
3:01
adjustment on your rows and columns. For
3:04
instance, we want to add maybe more
3:06
rows. These are 1 2 3 four. Maybe I want
3:10
to make it six. So I can just add two.
3:13
If I click on add two, you can see we
3:15
have two more added. On the other side,
3:17
we have quite a number of columns. And I
3:20
like to go ahead and delete these
3:22
columns just to four. So to do that, it
3:25
is also simple. You can go ahead and
3:28
manipulate your table or edit your
3:30
table. For our case, we want to go ahead
3:32
and delete some columns. For this case,
3:34
I want to delete two of them. For that,
3:36
I'll just go ahead and add the number of
3:38
columns that I want to delete. And then
3:41
instead of using the add function this
3:44
time around, I'll use the delete
3:45
function to reduce the number of
3:47
columns. And as you can see here, I have
3:50
reduced them. If you still need to
3:52
reduce by one more, you can still go
3:54
ahead enter the number and then click
3:57
the function. And you can see they have
3:58
reduced. Now at this point we want to go
4:01
ahead and enter the data in our table.
4:04
Now that we have our table here for this
4:06
case I want to enter items and then I
4:09
also want to enter the number of days.
4:12
So for my case on the first column here
4:14
I'll put the number of days. Here we go.
4:16
And then on this row we want to enter
4:18
the supplies or the items. So for my
4:21
case I will enter here. These are the
4:24
supplies. Great. So I want to enter the
4:26
total number of items that were supplied
4:29
on these five days from Monday to
4:31
Saturday. So under sement maybe I just
4:34
go ahead and put a sample data. So I'll
4:37
quickly enter sample data here. And here
4:40
we go. I have entered data for each day
4:43
and for each item as you can see here.
4:45
Now our table is complete. It's time to
4:48
go ahead and maybe just make some few
4:51
adjustments before I can share it on my
4:54
web post. Now the next thing you need to
4:56
do from here now that you have your
4:59
table name, you have your table content
5:02
here and you have also adjusted the
5:04
table according to the number of columns
5:06
and the rows that you need. Go ahead and
5:09
look for this option called table
5:12
option. Now under this you can go ahead
5:14
and add headers and footer. So this will
5:18
go ahead and distinguish your header and
5:20
footers on your table. For that I'll go
5:23
ahead and as you can see here we have a
5:26
header and I also want to distinguish
5:28
the footer. So I'll also add one so that
5:31
table footer is added that the last one
5:34
row will be the table footer. Once this
5:37
is done now you can go ahead and choose
5:40
whether you want to display the table
5:43
name. for my case I want to display. So
5:46
I'll take this show the table name and
5:48
choose the location. If you want the
5:50
table name to be above, you can leave it
5:52
as that above the table or if you want
5:54
to change the position, you can change
5:56
this to below. So I like it to be above.
5:59
You can also decide whether you want to
6:01
display the table description. For my
6:03
case, I even didn't create table
6:05
description. But if I had I wouldn't
6:07
want I don't want to display the table
6:10
description for the side of SS classes.
6:12
I don't want to add any other code. I'm
6:15
just okay with this. Now, we also have
6:17
here the last section, table features
6:20
for site visitors. Now, if you want your
6:23
visitors maybe to have the power to go
6:25
ahead and sort your table, to be able to
6:28
sort items from your table, if you want
6:30
to give your visitors that option, you
6:33
can go ahead and enable this sortings
6:35
option. So, if you enable this, they'll
6:37
be able to maybe uh sort for the table
6:40
by visitors. We have enable the visitors
6:43
to filter or search the table. If your
6:45
table is quite too long and you know
6:48
that your visitors might have a hard
6:50
time identifying or locating any items
6:53
or entries on your table, you can go
6:55
ahead and enable this. For my case, I
6:58
don't want them to filter the table or
7:00
use any search function or even to
7:02
scroll through the table. I just want to
7:04
display. So, I'll go ahead and disable
7:06
all these features. And at this point,
7:09
I'm done. Now once you're done it's time
7:11
to go ahead and save the changes by
7:14
clicking on save changes down here and
7:17
by that our table has been successfully
7:20
saved. Now once this is done it's time
7:22
to go ahead and add this table in our
7:26
article. Now as you can see I have here
7:28
an article and I like to go ahead and
7:31
add this table just below this article
7:34
or just after the second paragraph. to
7:37
do so. Go ahead and choose this short
7:40
code for the table. As you can remember,
7:43
I told you that we shall use the short
7:44
code to share the table or to add the
7:46
table in our article. So, go ahead and
7:49
click on it to copy. So, you can see it
7:52
has been copied. And then go ahead and
7:55
identify the article you want to add the
7:58
table. I want to add it here. So, go
8:01
ahead and place your cursor at the
8:02
location you want to add your table
8:04
using the short code. And once you're
8:06
done, choose this option here, code.
8:10
Currently, this article is in visual
8:12
format, but for you to be able to add
8:14
the short code, you'll need to go ahead
8:16
and change your article to code format.
8:19
So, if I go ahead and tap on code, you
8:22
can see the display has changed and the
8:25
cursor is still blinking here. So, I'll
8:27
go ahead and add short code here. And
8:30
here we go. It has been added. Once
8:32
you're done, now you can go ahead and
8:34
switch to visual. And here we go. It has
8:37
been added. Now, if you don't switch to
8:39
code format before pasting the short
8:41
code, you will have just copied this as
8:43
plain text. And that will not affect the
8:46
code or the table won't be captured.
8:48
Now, once you're done, if it is a new
8:51
article, you can now go ahead and click
8:53
on publish. If you had already published
8:55
it, now you can proceed and click on
8:58
update. And here we go. Our post has
9:01
been updated. Now it's time to go ahead
9:03
and see how it will appear to visitors.
9:05
For that, I'll need to go ahead and
9:07
visit this web page or this post as a
9:11
visitor. And now if I scroll down, look
9:14
at that. Our table has been added. So if
9:17
I go ahead and open the post now, you
9:20
can see how it will appear or it appears
9:22
to visitors. Look at that. Here is our
9:25
heading as I put it. And then we have
9:29
the various columns and the rows with
9:31
all the entries. So you can see it looks
9:35
just wow. And you can also still go
9:38
ahead and make any changes if you still
9:40
need to do so. So that's how you create
9:42
tables and add them in a post in
9:46
WordPress. If you have any other
9:47
question, kindly let me know in the
9:49
comment section. Otherwise, if this
9:51
video is helpful, please like it and
9:52
also subscribe. Thanks for watching and
9:54
let's meet in the next video.