Skip to Content

Page Components

WordPress Blocks

Pages are built out using page components or WordPress Blocks. These components allow us to build complex pages without shortcodes, using a drag-and-drop interface.

Documentation on the basics of the WordPress editor and Blocks can be found on the site.

WordPress Editor

How to Use

  1. On the page editing interface, click the plus (+) icon to add a block to the page.
  2. Simply begin typing in this block for simple text elements or click the plus (+) icon to the right of this block to use a specific component or layout

    • Components: Stylized elements created by simple field inputs or post types such as a post feed, buttons, or callouts
    • Layouts: Page structuring components which allows additional blocks to be placed into to create multi-column displays, sidebars, grids, or colored content rows
  3. Once a block is placed, a preview of the component will display on the page and the options for the selected block will appear in the right sidebar – filling out these options and fields will automatically update the preview of the block; alternatively clicking the edit pencil icon on a block preview will switch the block from preview to edit mode, showing the options within the block itself instead of the preview

Custom Blocks

Layout Blocks

Common Blocks

This site uses cookies to offer you a better browsing experience. A cookie is a small text file containing information that a website transfers to your computer’s hard disk for record-keeping purposes and allows us to analyze our site traffic patterns. It does not contain chocolate chips, you cannot eat it, and there is no special hidden jar.