Gutenberg Blocks User Guide

Gutenberg Blocks

Gutenberg blocks lets you insert a specific type of content into your post and edit it separately from other blocks which makes it easier to create more visually appealing pages and posts. You can completely reorganize the structure of a post or page with a single click and drag. This is accomplished by providing a library of pre-built elements, or 'blocks.' Each block can be altered and placed to a page or post. There are blocks for handling basic components like text and graphics, as well as complex capabilities (such as buttons and tables). Blocks allow you to create rich posts without knowing any code.

When adding a block, you can click the + button below the Add Title section or type / to display a dropdown of blocks. To edit the contents of a block, select the block first and click Block on the right sidebar to display the block's settings. Changes made to the block are displayed immediately in the editor.

OER Blocks

OER Subject Resources Block

This block displays the list of resources according to subject areas.

Block Settings

Subject(s)

Select the subject areas you intend to display in the block

Number of Resources to be Displayed

Select the number of resources to display from 5, 10, 15, 20, 25, and 30

Sorting

Select the default sorting for the list of resources from Date Updated, Date Added, and Title A-Z

OER Subjects Index

This block displays all of the OER subjects.

Block Settings

Size

Select the size of the thumbnail boxes from Small, Medium, and Large

Columns

Select the number of columns where the subjects are display (1-4)

Show Count

Display a count of how many resources are in each subject

Show Sublevels

Display the sublevels of each subject

OER Resource Block

This block displays a single resource and its content.

Block Settings

Resource

Select the resource to display in the block

Alignment

Select the alignment of the block contents from Left, Center, and Right

Width in Pixels

The block's width
Optional

Show Thumbnail

Display the thumbnail of the resource
If the resource does not have a featured image, the default thumbnail for the resource type is displayed

Show Title

Display the title of the resource

Show Description

Display the description of the resource

Show Subjects

Display the subjects of the resource

Show Grade Levels

Display the grade levels of the resource

Show Block with Border

Display a border around the resource

OER Curriculum Blocks

Curriculum Thumbnail Block

This block displays the thumbnail of a curriculum that acts as a shortcut for the curriculum page.

Block Settings

Select Curriculum Dropdown

Select which curriculum to display

Curriculum List

This block allows you to add a list of curriculum based on subject.

Block Settings

Add Subject

Select the subject to display its related curriculum.

Posts Per Page

Select the number of curriculum to display from 5, 10, 15, 20, 25, and 30.

Sort By

Select the default sorting for the list of curriculum from Date Updated, Date Added, and Title A-Z

Featured Curriculum Slider

This block allows you to add OER curriculum and resources in a slider.

Block Settings

Block Title

Custom title for the block

Block Width

Custom width for the block

Featured List

Select which Resources/Curriculum to display

Slider Settings

Minimum Slides - Select the minimum number of slides to display
Maximum Slides - Select the maximum number of slides to display
Move Slides - Select how many slides to move during transition
Slide Width - Custom width of each slide
Slide Margin - Select the width between slides
Description Length - Length of description to display
Image Height - Custom height of each slide image

Gutenberg Blocks User Guide