Block Editor


Blocks can be added in any page or post. To add a new block in the editor, simply click into the content and press “Enter” on your keyboard, creating a new line. The “+” icon should come up, which you can click and choose a new block. You can also optionally start typing and it will by default add your typed text into a paragraph block.

See the diagrams below for a quick outline of the pieces of a single post or page:

Note in the diagrams we have labeled some things:

  • Block Editor/ Page Editor/ Page Content: This big area is where you lay out your page with blocks and content.
  • Custom Fields: Certain pages and posts will have custom fields you can fill out to complete the layout. These fields are baked into these pages and work independently from blocks.
  • Right Sidebar: This holds your Page Settings and Block Settings
  • Page settings: This lets you define things in the page such as the featured image, the page slug (url), categories and more.
  • Block Settings: These settings pertain to the block you have highlighted in the Block Editor.
  • Left Sidebar/ Wp-admin sidebar: This is the navigation for the wordpress backend.

Custom Blocks


In addition to the standard Gutenberg blocks, we have also created several custom blocks based on the site comp. If you would like to bring up all custom blocks, when you create a new block, click “browse all” and then search for “sperling”. It will bring up all the blocks you see below:

School Stats Repeater

With this block you can add several stats that contain a title, icon and short message. These are currently used on the homepage. Stats will show in columns that take up half of the width of it’s container, 2 per row.

Stat 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Stat 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Stat 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Stat 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Contact Card

This block creates a box that will show contact information for one person.

Principal

Jane Doe

Phone:
555-555-5555

Email:
email@website.com

Recent News Boxes

This block will show the 3 newest News posts from the website. News posts are housed in the default “Posts” area of WordPress. If no posts exist, the block will not show. This block also shows a button that leads to the News page to view more articles.

Testimonial Slider

This block is a repeater that will let you show one or several testimonials in slider format. This block also features an optional photo area to feature 2 static photos. It is recommended that you do not use this block within small spaces such as within a column, as the horizonal width of the block is quite large.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

John Doe

Father of Student

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

John Doe

Father of Student

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

John Doe

Father of Student

Stat Counters

Each stat counter block will display one statistic. Within each statistic, you can pass through a number, a symbol before and/or after the number, and the name of the statistic.

100 %
Lorem ipsum dolor sit amet
10000
Lorem ipsum dolor sit amet
50
Lorem ipsum dolor sit amet

Icon Box Repeater

Each stat counter block will display one statistic. Within each statistic, you can pass through a number, a symbol before and/or after the number, and the name of the statistic.

Icon Box without Link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dui ante, ultricies at metus nec, finibus commodo quam. Nam mollis dapibus viverra. Morbi et neque erat.

Alicia headshot

Alicia Smyrlian

Special Education Coordinator

Generic Portrait

Mayra Aviles

Office Manager

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dui ante, ultricies at metus nec, finibus commodo quam. Nam mollis dapibus viverra. Morbi et neque erat. Praesent libero augue, semper id bibendum sit amet, congue a tortor. Sed tincidunt mi a tellus lobortis, quis dignissim tellus maximus. Nullam eu hendrerit tellus. Vivamus tempor neque justo, non lobortis turpis posuere ultricies. Cras dapibus nisi ac dolor cursus, laoreet consequat mauris pretium. Mauris mollis aliquam tincidunt.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dui ante, ultricies at metus nec, finibus commodo quam. Nam mollis dapibus viverra. Morbi et neque erat. Praesent libero augue, semper id bibendum sit amet, congue a tortor. Sed tincidunt mi a tellus lobortis, quis dignissim tellus maximus. Nullam eu hendrerit tellus. Vivamus tempor neque justo, non lobortis turpis posuere ultricies. Cras dapibus nisi ac dolor cursus, laoreet consequat mauris pretium. Mauris mollis aliquam tincidunt.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dui ante, ultricies at metus nec, finibus commodo quam. Nam mollis dapibus viverra. Morbi et neque erat. Praesent libero augue, semper id bibendum sit amet, congue a tortor. Sed tincidunt mi a tellus lobortis, quis dignissim tellus maximus. Nullam eu hendrerit tellus. Vivamus tempor neque justo, non lobortis turpis posuere ultricies. Cras dapibus nisi ac dolor cursus, laoreet consequat mauris pretium. Mauris mollis aliquam tincidunt.