Example blocks and components
This page has a variety of example blocks and components used within HarvardSites WordPress, starting with a horizontal rule.
Example of a text block with a heading, paragraph, and list
This is a paragraph block wrapped in a text block. The text block wraps around the text elements as a container to control the width and color scheme.
- This is a list item
- Another list item
Vertical cards example with images
Adding and editing content
Learn the basics of managing content and using the block editor on your site.
Content Types & Building Blocks
Understand the different ways to manage and display content.
The WordPress dashboard
Use the dashboard to view content and configure your site.
Vertical cards example without images
In HarvardSites WordPress, we have developed a collection of custom WordPress blocks using Harvard Web Publishing’s design system. Browse the available blocks to add content and build out your pages.
Example of a set of 50/50 cards
HarvardSites WordPress
News story
Vestibulum eu odio. Fusce vulputate eleifend sapien. Curabitur a felis in nunc fringilla tristique. Duis lobortis massa imperdiet quam. Vestibulum fringilla pede sit amet augue.
Cras dapibus. Fusce neque. Donec venenatis vulputate lorem. In turpis.…
Recent Announcement
Phasellus consectetuer vestibulum elit. Vestibulum eu odio. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Vivamus laoreet. Nunc sed turpis. Pellentesque posuere. Donec venenatis vulputate lorem. Quisque id mi. Duis arcu tortor,…
Press Release
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod, arcu ac pharetra pharetra, neque metus scelerisque velit, tempus facilisis est enim at libero. Nullam non placerat risus. Suspendisse potenti. Proin a ex non urna rutrum efficitur…
Example of a hero
Faculty of Arts & Sciences
An about statement about your academic group, project, or department.
Example of second hero slide
Faculty of Arts & Sciences
An about statement about your academic group, project, or department.
Hero Pagination
Accordion heading
Sed fringilla mauris sit amet nibh. Curabitur blandit mollis lacus. Aenean vulputate eleifend tellus. Aliquam erat volutpat.
Simple Table example
| Header one | Header two | Header three | Header four | Header five |
|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 |
| 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 |
Button style cards
Donec sodales sagittis magna. Curabitur at lacus ac velit ornare lobortis. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Aenean imperdiet. Integer tincidunt.
Images block example
