...
Updates
09/16/21 - added constraints to Text Blocks in a full-width Landing Page
Please note: In preparation for the upcoming design refresh, we are preventing content editors from creating new Text Block micro-content and will eventually remove them altogether. As an alternate solution, please consider using a Promo. Promos function the same as Text Blocks, but allow you to attach a photo and/or URL. Our team will inform users when Text Blocks will be fully removed from GovHub.
How to Create a Text Block
In a WYSIWYG
Text blocks can be created in the WYSIWYG of some content types. You can create the text blocks from the page you are editing. Once it's created, you will be able to reuse that same content on other pages, too, if needed.
- Log into your agency website.
- While editing the page in which you'd like to place a block of text, select the embed micro-content button from the WYSIWYG Toolbar.
- Select Text Block.
- The Create Text Block Screen will display; if you would rather select an existing text block, use the Text Block Library tab (see screenshot).
- Add Title (required).
- Check the Hide Title box for the title to not display on the page.
- Enter content in the Text field. You are able to style and add links to this content.
- Select an Icon from the drop down list (optional).
- When you are finished, click the blue Save button.
- After saving, you will be back in the context of your original page's WYSIWYG. The system will ask you how you would like to embed your new Text Block relative to other content on your page.
- After selecting an option, click Embed. You will now see the embedded text block placeholder in your WYSIWYG editor.
- Finish editing your page's content and Save and Publish as normal.
- Review your Text Block in the context of your page.
In a Landing Page
- Log into your agency website.
- On a landing page where you would like to add a Text Block, click on Layout.
- Click on Add Block in the section and column where the Text Block should be placed.
- The right rail menu slides open. Select Text Block.
- Continue from steps #4 - #9 above.
- After saving, the block will be placed on the landing page.
How to Edit an Text Block
After you've created an Text Block, you may need to edit it.
Edit the Text Block in the WYSIWYG
- Navigate to the page where the Text Block is in use.
- Select Edit.
- Double-click the Text Block placeholder in the WYSIWYG.
- Select Edit.
- Edit the content of your Text Block in the same way that you added content initially (see above).
- When you are finished editing, select Save.
- You will now be shown the updated Text Block. If it looks good, close this window to return to your original page.
- Close the Embed window.
- Make any other needed updates to your containing page, and then Save and Publish your content as usual.
Edit the Text Block in the Landing Page
- Navigate to the page where the Text Block is in use.
- Click on Layout.
- Hover in the top right hand corner of the Text Block and click on the pencil icon to edit.
- Edit the content of your Text Block in the same way that you added content initially (see above).
- When you are finished editing, select Save.
Edit via the Micro-Content Library
- If you would like to edit the Text Block directly, without editing the containing page, you can navigate to it via the Micro-Content Library.
- To get to the library, click Content at the top left of your window.
- Use the Micro-Content Library tab.
- Find the Text Block in your micro-content library, and click the title.
- Use the Edit link and then edit your Text Block as described above.
Embed an Text Block in Other Pages
You can reuse an Text Block across various pages in your site.
To reuse an existing Text Block:
- From the WYSIWYG toolbar on the page where you want to embed your existing Text Block, select the Embed Micro-Content button.
- Select the Text Block Library link at the top of the screen.
- Select the Text Block you wish to embed.
- Select the placement.
- Select Embed.
- Finish edits to your containing page, then Save and Publish as usual.