Section |
---|
Column |
---|
| Step 1: Click Add the Table ButtonIn the Page Editor, place your cursor in the Content Editor where the top left of the table will appear. Then, click the Table buttonPluginBefore a table can be added, the plugin to create tables must be added. From the dashboard's Toolbar, click the option for Plugins. |
Column |
---|
|
|
|
Section |
---|
Column |
---|
| Step 2: Hover Over Insert Table and Select Starting Cell LayoutHover over the Insert Table option. The Table Layout Selector will display. Cursor over the squares to select the preferred starting layout. The example depicts a 5x5 table. When the correct number of starting rows and columns is selected, click the bottom right most square in the layout to create the table. Note: Tables are not confined to their starting layout. Rows and columns can be subsequently added and/or removed later. However, starting with the ideal layout for the table's specific data is optimalthe TablePress PluginUse the Search Bar to type in tablepress. This will filter the plugins and reveal the TablePress plugin. |
Column |
---|
|
|
|
Section |
---|
Column |
---|
| Step 3: The Table DisplaysThe table will now display in the content area. However, the lines for the columns will not be apparent. Note: The table will have column lines on the live pageActivate the TablePress PluginClick the Activate link to activate the TablePress plugin. |
Column |
---|
|
|
|
Section |
---|
Column |
---|
| Step 4: Add Column HeadersAdding column headers to each column will make it easier to "see" the different columns in the content editor. In the example, each column header was given the name, "Column #," with the # corresponding to the column's number. If the width for the content within a column exceeds the available space for the table, the lines will wrap. In the example, after Column 5, subsequent cells were named with, "Cell #," starting with Cell 6. A 5x5 table will have 25 cells, 5 of which are header cellsPlugin Activation ConfirmationOnce completed, the word Activate will switch to Deactivate, and the TablePress option will appear in the Toolbar. |
Column |
---|
|
|
|
Section |
---|
Column |
---|
| Step 5: Click Select the Update ButtonClick the Update button to complete your changesTablePress OptionClick the TablePress option in the Toolbar. This will take you to the Table Editor. |
Column |
---|
|
|
|
Section |
---|
Column |
---|
| Step 6: View Copy the Live Default TableOnce updated, Hover over the table will appear with all the cell line divisions on the live websitedefault 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 |
---|
|
|
|
Section |
---|
Column |
---|
| Step 7: Click the Table ButtonID 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 |
---|
| Image RemovedImage Added |
|
Section |
---|
Column |
---|
| Step 8: Click Edit the Table ButtonIn the Page Editor, place your cursor in the Content Editor where the top left of the table will appear.
Then, click the Table buttonHover over the table you wish to edit and click the link for Edit. |
Column |
---|
| Image RemovedImage Added |
|
Section |
---|
Column |
---|
| Click the 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 buttonChange 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 |
---|
| Image RemovedImage Added |
|
Section |
---|
Column |
---|
| Step 10: Click the Table ButtonIn the Page Editor, place your cursor in the Content Editor where the top left of the table will appear. Then, click the Table buttonContentThe Table Content area displays the actual layout of your table. Select a row or column by placing a checkmark into the corresponding row or column checkbox. The Table Manipulation area allows you to combine, insert, remove, hide, show, duplicate, and/or delete rows and/or columns. It also allows for the addition of images and links into cells in the table. |
Column |
---|
| Image RemovedImage Added |
|
Section |
---|
Column |
---|
| Step 11: Click the Table ButtonIn the Page Editor, place your cursor in the Content Editor where the top left of the table will appear. Then, click the Table buttonOptionsThe Table Options area allows for style customization. Always leave Table Head Row checked for accessibility purposes. This includes a code tag that allows screen readers to see that the top row is a header. |
Column |
---|
| Image RemovedImage Added |
|
Section |
---|
Column |
---|
| Step 12: Click the Table ButtonIn the Page Editor, place your cursor in the Content Editor where the top left of the table will appear. Then, click the Table button. Save ChangesAfter all changes to a table are made, click the Save Changes button at the top or bottom of the page. |
Column |
---|
| Image RemovedImage Added |
|
Section |
---|
Column |
---|
| Step 13: Click Copy the Table ButtonIn the Page Editor, place your cursor in the Content Editor where the top left of the table will appear. Then, click the Table button's ShortcodeThe Shortcode is the string WordPress uses to reference the table you made. It needs to be placed on a page in the area you want the table to appear. Copy the shortcode by selecting the entire code string and using the keyboard shortcut Control + C (or Command + C on a Mac). Alternatively, you can right-click your mouse and select Copy from the shortcut menu. |
Column |
---|
| Image RemovedImage Added |
|
Section |
---|
Column |
---|
| Step 14: Click the Table ButtonIn the Page Editor, place your cursor in the Content Editor where the top left of the table will appear. Then, click the Table buttonPagesClick the Pages option in the Toolbar. |
Column |
---|
| Image RemovedImage Added |
|
Section |
---|
Column |
---|
| Step 15: Click the Table ButtonIn the Page Editor, place your cursor in the Content Editor where the top left of the table will appear. Then, click the Table buttonEdit PageHover over the page you wish to place the table on and click the Edit link. |
Column |
---|
| Image RemovedImage Added |
|
Section |
---|
Column |
---|
| In the Page EditorInside the WYSIWYG text editor, place your cursor in the Content Editor where you want the top left of the table will appear.Then, click the Table buttonto appear, then paste the Shortcode by using the keyboard shortcut Control + V (or Command + V on a Mac). Alternatively, you can right-click your mouse and select Paste from the shortcut menu. |
Column |
---|
| Image RemovedImage Added |
|
Section |
---|
Column |
---|
| Click Table In the Page Editor, place your cursor in the Content Editor where the top left of the table will appear. Then, click the Table When all of your changes are complete, click the Update button. |
Column |
---|
| Image RemovedImage Added |
|
Section |
---|
Column |
---|
| Step 18: Click Live Version of the Table ButtonIn the Page Editor, place your cursor in the Content Editor where the top left of the table will appear. Then, click the Table buttonThe table displays on the front end with 10 entries by default. Users can also use the Search Bar to search for specific content in the table. The Previous and Next options advance the table to different pages to view additional entries. The Edit button will move you immediately to the Table Editor. |
Column |
---|
| Image RemovedImage Added |
|
|