You can edit any page by navigating to the post type you wish to edit, for example Page, Article, Layout, etc, and then click on the page title in the posts list.


If you are editing an existing post the page builder (Content) view will be active, otherwise you will see the post settings.


Before you can edit the post content on a new post, you must first save the post.


Settings

  • Title: Used as the title of the post should nothing be set for the Meta Title
  • Slug: the is the human-readable, URL-friendly identifier for a specific piece of content, or put another way it is the filename that represents the post.
  • Excerpt: A short description of the post.  These excerpts can be used on childpage lists and other components.
  • Disable Layout Region: If a layout has been applied to a region you may hide it for this post.
  • Parent: Choose where this page sits in the site hierarchy.
  • Featured Image: An image that represents the post.  Childpage lists may use this image.
  • PatientEngage Context: Filter what PatientEngage content will be used for this post.
  • SEO: Set the Meta title/description/robots.
  • Code: Add Meta/CSS/JavaScript to this page.
  • Revisions: View and apply previously saved versions of this post.


Content

V4 uses a page builder to apply the content in a layout.  Click on a "+" icon to be presented with the components that may be added at that position in the content hierarchy.  For example only 'section' components may be added as top level (components with no parents).  The general hierarchy rule is typically:


Section > Column Group > Column > "Block" Component
or
Hero > "Block" Component


A "Block" component is any component that not used for layout.


Some "Block" components support having nested components.  For example a Button Group supports nesting Button Group Buttons inside them.  For example:


Section > Column Group > Column > Button Group > Button Group Button


In the above example if you were to click the "+" icon on the "Button Group Button", you will only have the option of adding a new "Button Group Button".   V4 will only present components that are allowed to be added at the level you triggered the "+" icon on.


Sections

Any section or hero should be used to group topics. Do not for example create a new section just to contain a heading component. That heading component belongs in the same section as the components its acting as a heading for. Section/hero components have large top/bottom to produce a large visual separation between it and other section. Don't "zero-out" the top/bottom padding or reduce the top/button padding, if you're finding you need to do this you are probably not using sections correctly.

The only time it makes sense to reduce the top/bottom padding on a section is for a website header as you generally want that to appear as tight as possible.


Column Groups

Column groups are added to section components. Use multiple column groups in the same section for more complex layouts. For example:


Columns

Columns are added to Column Groups.  A Column Group can contain any number of Columns.  The columns width are set to a default of "12" which is full width.  These widths can be adjusted to position columns side-by-side.


For example:

  • A row of 4 equal width columns, each column has a width of "3".
  • A row of 3 equal width columns, each column has a width of "4":
  • A row of 2 equal width columns, each column has a width of "6":
  • A row with a single column, the single column has a width of "12":