So we’ve created the TablePress Plugin. Now it’s time to put it to good use by creating a very simple table with it and displaying that table on a webpage.
So let’s head over to our website’s WordPress Dashboard by typing hotelamazonasgy.com/wp-admin and typing in our username and password and hitting the “Login” button.
Great, so now we’re inside our website’s Dashboard once again. The next step is to look at the side column.
And there you can see that the TablePress Plugin has appeared on the left column menu in our Dashboard.
Now the first thing you want to do before you even start using a plugin that you have installed is to check out the settings to make sure that it is OK to your tastes or ambitions. So let’s to that by clicking “TablePress>> Plugin Options.”
And here, we are taken to a new page:
And it turns out that everything looks perfectly fine there, and there is nothing I would like to change for now. So let’s go ahead and creating a simple table, and then we will insert that table into a web page using a code.
To start, we click on TablePress >> Add New Table.
So now a new page loads for us to start creating our new table.
First thing we do is type in a Table Name. For this, I’ll type, “Amazonas Hotel Rooms, Features and Prices.”
And now for a description. Here’s what I’ll type.
Next thing I have to do is select how many columns and rows I want in this table. Remember that columns run from top to bottom and rows run from left to right.
I’ll need the following headings on my table:
- Maximum Occupancy
- Cost Per Night
Therefore I will need 4 columns.
And I will need a row for each of the following types of room:
- Family Rooms
- Standard Rooms
- Economy Rooms
- Triple Occupancy Rooms
- Semi Economy Rooms
That’s 5 rows, but remember that the heading of each column will automatically take up one row. So we’ll need 6 rows. and 4 columns.
So now that we’re all configured, I just click “Add Table.”
And a new page loads as you can see below.
The table ID is “1” because it’s the first table we’ve created using this plugin. And the shortcode for inserting the table into a web page is:
Just paste that code anywhere you want the table to appear – on a web page of course.
However, we haven’t even inputted any data into the table as yet, so let’s do that.
Scroll down a little bit, and we’ll see a beautiful with 6 empty rows and 4 columns waiting for us to input our data.
So first, let’s type all the headings that I talked in.
Now let’s type in our data for the second row.
So there we have it. The data for the second row inputted. Let’ continue like that for all the remaining rows and then save our table.
OK, but we’re not all done yet! I can scroll to the table options and enable and disable some options that were set or not set by default.
So let’s see.
First, I’m going to opt to show the table name above the table. It wasn’t selected by default.
Second, I’m going to deselect these three options because they’re not helpful for this particular table:
And I’m going to enable this option just in case the table is a bit too big for someone’s phone or other device.
Great, so I think we’re all set to creating our very first table with TablePress and we’re just going to click “Save Changes.”
And there we go!
Our table was successfully added.
Now remember the shortcode that we need to paste into a page to display this table:
That’s it in the picture above, and see you in the next lesson: Displaying a TablePress Table on a Webpage using a Shortcode.