Versions Compared

Key

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



Excerpt


Section


Column
width50%

Step 1: 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 2: Hover Over Insert Table and Select Starting Cell Layout

Hover over the Insert Table option.

The Table Layout Selector will display.

Select Cursor over the squares to select the preferred starting layout. The example depicts a 10x5 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 optimal.



Column
width50%



Section



Section


Column
width50%

Step 3:

Click Select Files

Drag and drop your image onto the page, or click the Select Files button.

Your computer's Finder or Explorer window will display

The Table Displays

The 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 page.



Column
width50%

Image RemovedImage Added



Section



Section


Column
width50%

Step 4:

Select the ImageUse your computer's Finder or Explorer window to select the appropriate image. This will upload the image to the Wordpress server and return you to the Media Library Screen

Add Column Headers

Adding column headers to each column will make it easier to "see" the different columns in the content editor.



Column
width50%

Image RemovedImage Added



Section



Section


Column
width50%

Step 5: Select the Image

Once uploaded, select the specific image or images to insert onto the page.


Column
width50%



Section



Section


Column
width50%

Step 6: Add Alt Text for Accessibility

With the image selected, click into the Image Pane and added alt text into the Alt Text field for accessibility.


Column
width50%



Section



Section


Column
width50%

Step 7: Click Insert Into Page Button

After being selected and having the alt text entered, click the Insert Into Page button.


Column
width50%



Section



Section


Column
width50%

Step 6: Confirm the Image and Placement

Confirm that the correct image is in the correct location on the page.

You can drag and drop the image to move it, or you can click on the image to bring up the Image Editor and use that to change its position.


Column
width50%