Tables, Accordions, Slide Show

WordPress Training

Sign up for WordPress Training/Work Sessions, held each Thursday in the Health Science Library.

Learn More

WordPress has numerous tools editors can use to easily create, edit, and format content on a page.

Below is information on three tools that we find particularly useful for numerous SOM websites: tables, accordions, and slideshows.

 
 

Tables

Tables provide an easy-to-read format for certain types of content. The TablePress plugin is available for editors to create and manage tables on their site. This means no HTML knowledge is required, which allows you to easily edit table information.

Table Example

Tables made easy. This is a table description example.

ResidentProgram Year (PGY)Specialty
Joncey BiggsPGY 1Radiology
Madeline BrennerPGY 3Surgery
Joseph SmithPGY 4Urology
Elizabeth TannerPGY 2Psychiatry
Mohit SinghPGY 2Pediatrics
Michelle AngelosPGY 4 Optometry

Creating a Table

  • Go to TablePress in the Dashboard.
  • Select Add New Table.
  • Enter Title, Description and Table Content.
  • Table Options
    • The default selections are reflected in the above example, or choose other options for a different look.
  • Features of the DataTables JavaScript Library
    • For simple, smaller tables, we suggest unselecting Data Tables. This will turn off various features that you typically won’t need.
    • For larger, more complex tables you may want to activate some of the features such as pagination, sorting, etc..
  • Once completed, select Save Table
  • In the Table Information section at the top, copy the Shortcode (it looks similar to this “[table “” not found /]
    “), and paste it to the page where you want the table to display.

Editing a Table

There are two ways to edit a table:

  • One is to select the Edit link located above the table on the page (must be logged in as an editor to see the Edit link).
  • The other is to go to TablePress, select All Tables, and identify the table you’d like to modify. Then select Edit to modify the table.

Importing & Exporting Tables

  • Table content can also be imported as a .csv file that will create a new or modify an existing table
  • Table content can also be exported as a .csv file to be used in a spreadsheet
Accordion

For all internal pages, a handy accordion block is available in the Page Builder editor. Made up of multiple items containing a heading and expanded body content, the accordion functionality is ideally suited for content heavy pages.

Accordion Example

Accordions made easy.  This is an example using the accordion block in Page Builder.

Creating Accordions

  • Open the page where you plan to place the Accordions.
  • Be sure you are in PageBuilder Mode (Use PageBuilder? field must say Yes).
  • Select Add Row, and then select Accordion.
  • Enter Heading and Content (good place for an overall description, but can be left blank).
  • To add individual accordions, select Add Row.
  • Add the Label and Content (Above Example: Label=Program Goals; Content=”Lorem ipsum…”

 

Slideshow
  • Caption Test 1

  • Caption Test 2

  • Caption Test 3

  • Caption Test 4

Creating a Slideshow

  • Open the page where you plan to place the Accordions.
  • Be sure you are in PageBuilder Mode (Use PageBuilder? field must say Yes).
  • Select Add Row, and then select Slideshow.
  • Enter Heading
  • Content (good place for an overall description, but can be left blank).
  • To add pictures, select Add Row.
  • Add Image (from Media Library), caption, and link (if applicable)

 

Learn More at a Thursday Training Session

To learn more about creating Faculty/Resident/Fellow listings in a Gallery View, please join us for one of our Thursday Word Press work sessions (sign up). If you are not able to attend on Thursdays, let us know and we can arrange to meet you personally at another time:

Jake Headley | (434) 297-7580 | jzh3v@virginia.edu 
Alan Farr | (434) 924-9066 | daf4a@virginia.edu