Text with link block
What do web editors use a text with link block for?
This block is similar to the text block, in that it has a header and body of text. In addition, there is a field where you can paste a URL, and it will create a link that is automatically spaced nicely below the paragraph of text.
Which layout can text with links blocks be used in?
Text with link blocks can be used in any one to four column layout and on a coloured background. If you move blocks or change the background colour after a block has been place, remember to update the block to reset the accessibility colours.
Who can use text with link blocks?
Builders and Super Builder can create and edit text with link blocks.
Text with link tutorial
Step-by-step instructions
- Choose “Text with Link” in the add custom blocks menu.
- Title: This is an administrative title that will be used to identify the block and not displayed on the website.
- Header: The is an optional field to display a header above the body text.
- Header will be set as an H2 by default but you have the option to change it. Note: Only use H1 if this is being used as a header/title for the page. H2 for any section header. H3 to break up content within the section. Never mix and match header sizes, this will confuse screen readers and make the site less accessible.
- You will have a choice of heading colours depending on the choice of background colour selected.
- Body: This is an optional field to display a chunk of text using a WYSIWYG (what-you-see-is-what-you-get) text editor where you can type or copy paste text into. If you copy paste make sure you always clean the formatting after you paste. Do this by highlighting the text and clicking on the clear formatting icon (Tx) on the top ribbon. This will remove any unnecessary formatting copied over from a word doc or pdf file.
- Link: This an optional field to add a link.
- For internal links: start typing the name of the page or media item (pdf) in the URL field and select the page you want to link to.
- For external link: copy paste the external link.
- Type in the link description into the link text field.
- For external links or pdf files: click on attributes and select new window for the target.
- Click on "Update" to save the block.
Text with link examples
Praesent lobortis lacus vestibulum, venenatis nisi sed, malesuada odio. Aenean quis rhoncus diam. Integer non euismod est. Mauris placerat purus metus, quis pulvinar tellus vulputate nec. Praesent fermentum ultrices metus et dictum. Donec id blandit libero, a varius nisi. Vivamus iaculis dui eget tempus commodo. Sed purus arcu, efficitur eu dictum id, dictum non nibh. Quisque sapien est, maximus tincidunt molestie in, facilisis at turpis.
Example in a 2 column layout
Praesent lobortis lacus vestibulum, venenatis nisi sed, malesuada odio. Aenean quis rhoncus diam. Integer non euismod est. Mauris placerat purus metus, quis pulvinar tellus vulputate nec. Praesent fermentum ultrices metus et dictum. Donec id blandit libero, a varius nisi.
Example in a 2 column layout
Donec id blandit libero, a varius nisi. Vivamus iaculis dui eget tempus commodo. Sed purus arcu, efficitur eu dictum id, dictum non nibh. Quisque sapien est, maximus tincidunt molestie in, facilisis at turpis.