Block Examples
This page is meant to be a guide of all the custom Gutenberg blocks built for your site. These can be used on any page you make, as well as program pages and news posts. In addition to this paragraph, below are some other common blocks. Not pictured: images, spacers (adds space between two elements and is adjustable). Each block is referred to here as it is named in the block picker.
Separator:
Headings:
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lists (unordered and ordered)
- Unordered List Item 1
- Sub-menu level 2
- Sub-menu level 3
- Sub-menu level 2
- Unordered List Item 2
- Unordered List Item 3
- Ordered List Item 1
- Ordered List Item 2
- Ordered List Item 3
| Table | |||
| Default styling (outlines) or stripe styling (alternating row colors | |||
| Can insert rows and columns using the inline toolbar that will pop up |
Buttons
Buttons, shown below, can be aligned vertically and horizontally, have multiple buttons in a row, and have the option of hyperlinking.
Media and Text
Media and text has many settings to control how the image and text behave, the widths of each, alignments of each in relation one another and how they size down on smaller screens.
Annual Events
Content Areas
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Subheading
Item Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Item Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Carousel
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Content and Links
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Content and Media
Icons and Lists
CONVERSATION/EFFICIENCY
- Wind farm improvements
- Better solar energy harvest
- Motor design/operation
- Microelectronics
CONVERSATION/EFFICIENCY
- Wind farm improvements
- Better solar energy harvest
- Motor design/operation
- Microelectronics
Image Background Callout
News by Category
PDF Flipbook
Slideshow
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Education
Zero Waste
Resilience
Staff by Category
Statistics
100%
This is a statistic number for the statistics block.
365
This is a statistic number for the statistics block.
24
This is a statistic number for the statistics block.
Two Column Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Upcoming Events
16
Upcoming Event
May 16, 20245:30-7 PM
25
Upcoming Event 2
May 25, 20246-7:30 PM
31
Upcoming Event 3
May 31, 202412-4 PM