Tables, Accordions, Slide Show
About
WordPress Training
Sign up for WordPress Training/Work Sessions, held each Thursday in the Health Science Library.
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.
WordPress Training
Sign up for WordPress Training/Work Sessions, held each Thursday in the Health Science Library.
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.
Resident | Program Year (PGY) | Specialty |
---|---|---|
Joncey Biggs | PGY 1 | Radiology |
Madeline Brenner | PGY 3 | Surgery |
Joseph Smith | PGY 4 | Urology |
Elizabeth Tanner | PGY 2 | Psychiatry |
Mohit Singh | PGY 2 | Pediatrics |
Michelle Angelos | PGY 4 | Optometry |
Jane Heller | PGY 1 | Anesthesiology |
Bob Leery | PGY 2 | Psychiatry |
Jennifer Roberts | PGY 3 | Urology |
Donald Johnson | PGY 4 | Optometry |
David Warren | PGY 1 | Optometry |
Lisa Brown | PGY 2 | Pediatrics |
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At augue eget arcu dictum varius. Laoreet id donec ultrices tincidunt arcu non. Scelerisque viverra mauris in aliquam sem fringilla ut morbi. Arcu ac tortor dignissim convallis aenean et tortor at risus. Nunc faucibus a pellentesque sit amet. Dignissim suspendisse in est ante in nibh mauris. Libero justo laoreet sit amet. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida neque. Ut tortor pretium viverra suspendisse potenti nullam.
Risus nec feugiat in fermentum posuere urna. Nunc eget lorem dolor sed viverra ipsum. Aenean pharetra magna ac placerat vestibulum lectus. At in tellus integer feugiat scelerisque. Tortor at risus viverra adipiscing at in tellus. Non sodales neque sodales ut etiam sit amet. Amet porttitor eget dolor morbi non arcu. Semper auctor neque vitae tempus quam pellentesque nec nam. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Leo a diam sollicitudin tempor id eu nisl nunc. Enim diam vulputate ut pharetra sit amet. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Suspendisse faucibus interdum posuere lorem ipsum dolor. Dictum varius duis at consectetur lorem donec massa sapien. Nisl condimentum id venenatis a. Natoque penatibus et magnis dis parturient.
Nibh tortor id aliquet lectus proin nibh nisl condimentum. Iaculis eu non diam phasellus vestibulum lorem. At varius vel pharetra vel turpis nunc eget. Eget arcu dictum varius duis at consectetur lorem donec massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. At augue eget arcu dictum varius. Laoreet id donec ultrices tincidunt arcu non. Scelerisque viverra mauris in aliquam sem fringilla ut morbi. Arcu ac tortor dignissim convallis aenean et tortor at risus. Nunc faucibus a pellentesque sit amet. Dignissim suspendisse in est ante in nibh mauris. Libero justo laoreet sit amet. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida neque. Ut tortor pretium viverra suspendisse potenti nullam.
Risus nec feugiat in fermentum posuere urna. Nunc eget lorem dolor sed viverra ipsum. Aenean pharetra magna ac placerat vestibulum lectus. At in tellus integer feugiat scelerisque. Tortor at risus viverra adipiscing at in tellus. Non sodales neque sodales ut etiam sit amet. Amet porttitor eget dolor morbi non arcu. Semper auctor neque vitae tempus quam pellentesque nec nam. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Leo a diam sollicitudin tempor id eu nisl nunc. Enim diam vulputate ut pharetra sit amet. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Suspendisse faucibus interdum posuere lorem ipsum dolor. Dictum varius duis at consectetur lorem donec massa sapien. Nisl condimentum id venenatis a. Natoque penatibus et magnis dis parturient.
Lorem ipsum dolor Libero justo laoreet sit amet. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida neque. Ut tortor pretium viverra suspendisse potenti nullam.
Risus nec feugiat in fermentum posuere urna. Nunc eget lorem dolor sed viverra ipsum. Aenean pharetra magna ac placerat vestibulum lectus. At in tellus integer feugiat scelerisque. Tortor at risus viverra adipiscing at in tellus. Non sodales neque sodales ut etiam sit amet. Amet porttitor eget dolor morbi non arcu. Semper auctor neque vitae tempus quam pellentesque nec nam. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Leo a diam sollicitudin tempor id eu nisl nunc. Enim diam vulputate ut pharetra sit amet. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Suspendisse faucibus interdum posuere lorem ipsum dolor. Dictum varius duis at consectetur lorem donec massa sapien. Nisl condimentum id venenatis a. Natoque penatibus et magnis dis parturient.
Nibh tortor id aliquet lectus proin nibh nisl condimentum. Iaculis eu non diam phasellus vestibulum lorem. At varius vel pharetra vel turpis nunc eget. Eget arcu dictum varius duis at consectetur lorem donec massa. Lacus viverra vitae congue eu consequat. Ultrices eros in cursus turpis massa tincidunt. Morbi tristique senectus et netus et malesuada fames ac turpis. Et malesuada fames ac turpis. Egestas sed tempus urna et pharetra pharetra massa. Turpis tincidunt id aliquet risus feugiat in ante metus. Donec enim diam vulputate ut pharetra. Eget lorem dolor sed viverra ipsum. Et malesuada fames ac turpis egestas sed tempus urna et. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus. Interdum varius sit amet mattis vulputate enim. Quis lectus nulla at volutpat diam ut venenatis tellus. Mattis molestie a iaculis at erat pellentesque.
Lorem ipsum dolor nibh mauris. Libero justo laoreet sit amet. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida neque. Ut tortor pretium viverra suspendisse potenti nullam.
Semper auctor neque vitae tempus quam pellentesque nec nam. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Leo a diam sollicitudin tempor id eu nisl nunc. Enim diam vulputate ut pharetra sit amet. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Suspendisse faucibus interdum posuere lorem ipsum dolor. Dictum varius duis at consectetur lorem donec massa sapien. Nisl condimentum id venenatis a. Natoque penatibus et magnis dis parturient.
Nibh tortor id aliquet lectus proin nibh nisl condimentum. Iaculis eu non diam phasellus vestibulum lorem. At varius vel pharetra vel turpis nunc eget. Eget arcu dictum varius duis at consectetur lorem donec massa. Lacus viverra vitae congue eu consequat. Ultrices eros in cursus turpis massa tincidunt. Morbi tristique senectus et netus et malesuada fames ac turpis. Et malesuada fames ac turpis. Egestas sed tempus urna et pharetra pharetra massa. Turpis tincidunt id aliquet risus feugiat in ante metus. Donec enim diam vulputate ut pharetra. Eget lorem dolor sed viverra ipsum. Et malesuada fames ac turpis egestas sed tempus urna et. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus. Interdum varius sit amet mattis vulputate enim. Quis lectus nulla at volutpat diam ut venenatis tellus. Mattis molestie a iaculis at erat pellentesque.
Lorem ipsum faucibus a pellentesque sit amet. Dignissim suspendisse in est ante in nibh mauris. Libero justo laoreet sit amet. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida neque. Ut tortor pretium viverra suspendisse potenti nullam.
Risus nec feugiat in fermentum posuere urna. Nunc eget lorem dolor sed viverra ipsum. Aenean pharetra magna ac placerat vestibulum lectus. At in tellus integer feugiat scelerisque. Tortor at risus viverra adipiscing at in tellus. Non sodales neque sodales ut etiam sit amet. Amet porttitor eget dolor morbi non arcu. Semper auctor neque vitae tempus quam pellentesque nec nam. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Leo a diam sollicitudin tempor id eu nisl nunc. Enim diam vulputate ut pharetra sit amet. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Suspendisse faucibus interdum posuere lorem ipsum dolor. Dictum varius duis at consectetur lorem donec massa sapien. Nisl condimentum id venenatis a. Natoque penatibus et magnis dis parturient.
Nibh tortor id aliquet lectus proin nibh nisl condimentum. Iaculis eu non diam phasellus vestibulum lorem. At varius vel pharetra vel turpis nunc eget. Eget arcu dictum varius duis at consectetur lorem donec massa. Lacus viverra vitae congue eu consequat. Ultrices eros in cursus turpis massa tincidunt. Morbi tristique senectus et netus et malesuada fames ac turpis. Et malesuada fames ac turpis. Egestas sed tempus urna et pharetra pharetra massa. Turpis tincidunt id aliquet risus feugiat in ante metus. Donec enim diam vulputate ut pharetra. Eget lorem dolor sed viverra ipsum. Et malesuada fames ac turpis egestas sed tempus urna et. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus. Interdum varius sit amet mattis vulputate enim. Quis lectus nulla at volutpat diam ut venenatis tellus. Mattis molestie a iaculis at erat pellentesque.
Lorem ipsum justo laoreet sit amet. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida neque. Ut tortor pretium viverra suspendisse potenti nullam.
Risus nec feugiat in fermentum posuere urna. Nunc eget lorem dolor sed viverra ipsum. Aenean pharetra magna ac placerat vestibulum lectus. At in tellus integer feugiat scelerisque. Tortor at risus viverra adipiscing at in tellus. Non sodales neque sodales ut etiam sit amet. Amet porttitor eget dolor morbi non arcu. Semper auctor neque vitae tempus quam pellentesque nec nam. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Leo a diam sollicitudin tempor id eu nisl nunc. Enim diam vulputate ut pharetra sit amet. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Suspendisse faucibus interdum posuere lorem ipsum dolor. Dictum varius duis at consectetur lorem donec massa sapien. Nisl condimentum id venenatis a.
Iaculis eu non diam phasellus vestibulum lorem. At varius vel pharetra vel turpis nunc eget. Eget arcu dictum varius duis at consectetur lorem donec massa. Lacus viverra vitae congue eu consequat. Ultrices eros in cursus turpis massa tincidunt. Morbi tristique senectus et netus et malesuada fames ac turpis. Et malesuada fames ac turpis. Egestas sed tempus urna et pharetra pharetra massa. Turpis tincidunt id aliquet risus feugiat in ante metus. Donec enim diam vulputate ut pharetra. Eget lorem dolor sed viverra ipsum. Et malesuada fames ac turpis egestas sed tempus urna et. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus. Interdum varius sit amet mattis vulputate enim. Quis lectus nulla at volutpat diam ut venenatis tellus. Mattis molestie a iaculis at erat pellentesque.
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
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, please let us know and we can arrange to meet you personally at another time.