Adding Text to a Page

Learn how to add text to your pages using Basic Blocks, how to style your text, and how to set up Anchor Tags on your pages.

CMS Support

March 16, 2023

Examples: Basic Block

Add text to your Design in Layout Builder with Basic Blocks. This Article Runs through the available Rich Text options.
VIEW MORE

Basic Blocks can be added to Sections in Layout Builder to add text to a page or article

Helpful Hints

Don't place images within the text blocks, instead use Media blocks.

Adding Text

Within each section on your page, you may add Basic Blocks to add text to your page. Please see the steps outlined below: 

Required Steps: 

  1. Within the Blue portion of the section, select 'Add Basic Block'
  2. Add desired text into Rich Text Editor
    1. Please note: You may copy and paste text from other sources. However, you may need to make updates to the formatting to ensure everything displays as you would like. 

 

 

Layout builder add basic block button

Optional Steps

  1. Add desired heading text to the 'Heading Text' field at the top of the Block. 
    1. Use the 'Heading Style' drop down to select the style for the heading text. 
    2. Please note: Please be sure to use the Heading styles rather than simply adding bolded/strong text to the top of your block. 
  2. Add text styles to your Rich Text using the menu bar under 'Body'.
    1. Examples: Bold/strong, italic, strikethrough
  3. Add links to both internal and external pages using the link functionality. 
    1. Example (internal link) 
    2. Example (external link)
    3. Enhance the accessibility of your links by adding an Accessible Label. If you do not add an Accessible Label, the CMS will automatically populate this field using the title of the node for internal links, and the full link text for external links. 
    4. To learn more, see our CMS Support Article on Understanding Link Types. 
  4. Add anchor tags to allow users to jump to a specific item on your page. 
    1. Please see the 'Anchor Tagging' section below for additional instructions. 
    2. Please note: You may also add anchor tags to your Block Headings using the 'Anchor Title' field in the Block Heading section. 

Adding Other Page Content

Adding Anchor Tags

Anchor tags may be used to link users to a specific item or section on your page. You can anchor to text within a block, or Block Headings. Please see below for instructions on setting up anchor tags: 

  1. Assign an anchor title to the item you would like to direct users to. We recommend having your anchor titles be all lowercase.
    1. Example: For a section titles 'Wind Energy', you may assign the anchor title 'windenergy'
      1. If anchoring to a Block Heading, enter this anchor title in the 'Anchor Title' field in the Block Heading section. 
      2. If anchoring to text in a block, click on the Flag icon in the menu bar 
  2. Create or configure a Basic Block and add the text you would like to link visitors to your Anchor. Hover over the text you would like to point users to the Anchor and select the link icon from the menu bar in the body section, as though you were going to hyperlink the text. 
  3. In the 'URL' field, enter the pound sign, followed the anchor title for the item you would like visitors to jump to. 
    1. E.g. '#windenergy' 
  4. Save the changes to your block. 
  5. When clicking on the hyperlinked text, visitors should now be directed to the text or section for which you added an anchor title. 

Any Questions, Comments, or Requests?

Contact us at [email protected]