Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.



Excerpt


Section


Column
width50%

Step 1: Add the Plugin

Before a table can be added, the plugin to create tables must be added.

From the dashboard's Toolbar, click the option for Plugins.


Column
width50%



Section



Section


Column
width50%

Step 2: Select the TablePress Plugin

Use the Search Bar to type in tablepress.

This will filter the plugins and reveal the TablePress plugin.


Column
width50%



Section



Section


Column
width50%

Step 3: Activate the TablePress Plugin

Click the Activate link to activate the TablePress plugin.


Column
width50%



Section



Section


Column
width50%

Step 4: Plugin Activation Confirmation

Once completed, the word Activate will switch to Deactivate, and the TablePress option will appear in the Toolbar.


Column
width50%



Section



Section


Column
width50%

Step 5: Select the TablePress Option

Click the TablePress option in the Toolbar.


Column
width50%



Section



Section


Column
width50%

Step 6: Copy the Default Table

Hover over the default table and click the option to Copy it.

This isn't necessary for the first table you create, but it may be best to preserve a starting table if more have to be created later.


Column
width50%



Section



Section


Column
width50%

Step 7:

Click the

Table

Button

ID 

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table buttonNotice the table ID for your new table.

Table IDs are important for keeping track of the table you're working with, and later for when you place it on a page.


Column
width50%



Section



Section


Column
width50%

Step 8:

Click

Edit the Table

Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button


Hover over the table you wish to edit and click the link for Edit.


Column
width50%



Section



Section


Column
width50%

Step 9:

Click the

Table

Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button

Information

Change the Table Name and the Description to be specific to the table you are making.

The description is used by people using screen readers, so filling it in correctly is part of accessibility compliance.

A quick description is best.

Example: Table displaying rows of findings and columns of years.


Column
width50%



Section



Section


Column
width50%

Step 10:

Click the

Table

Button

Content

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 11: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 12: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 13: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 14: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 15: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 16: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 17: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%



Section



Section


Column
width50%

Step 18: Click the Table Button

In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.

Then, click the Table button.



Column
width50%