Links

A Links block provides multiple different styling options for links, with the options to include icons and background images, on a content page. For more information on the block, visit Links in our Block library.

If you need to create a Web page first, review the instructions on how to create a Web page.

Create Links

From the administration bar, select Workbench, then select My Dashboard.
Navigate to the Content list and select the content you would like to edit.
Select the Layout tab.
Select + Add section, if applicable.
Select + Add block.
Under Choose a block, navigate to Content and select Links.
If desired, enter a title. By default, the block title is Links. The title will appear as a block header if Display title is selected.
Select Heading level.
- Note: Headings must be used in sequence and cannot be skipped (i.e. H1, H2, H3, H2 and cannot be H1, H3, H5). Headings are necessary for accessible content.
Under Link style select a Style from the drop-down.
- Buttons: Links in a button format, displayed horizontally across the page.
- Navigation bar: Links in a horizontal navigation bar format. Best used with anchor links on the same page.
- Option links: Large boxed links, similar to a banner image with links. Works well with background images.
- Quick links: Center-aligned links with no bullets in front.
- Related links: Left-aligned links with bullets in front.
Optionally, under Top icon, select Add media to add an icon. This icon will appear at the top of the block. If Display title is selected, the icon will appear above the title.
1. Add a new image or select an image previously uploaded to your site. To add an image:
  1. Select Choose file in the Add file block and choose an image from your files.
  2. Fill in the mandatory Name field (it will default to the original file name) and Alternative text (guidelines can be found on the Brand page) field. You have the option of entering a caption to be displayed with the image in the Caption field.
  3. Select Save.
2. Select the image in the gallery.
3. Select Insert selected.
Under Add links, enter a URL. To link to internal content, type the title of the page and select it from the drop-down, or type the /node/[node number] of the page. To link to external content, paste the full URL of the page.
Enter Link text. This is the hyperlinked text that will be visible to site visitors.
Optionally, enter a Description.
Optionally, select Add media to add an icon for the link.
Under Background, select a background style from the drop-down. The default is None.
- None: No background.
  1. Under Link colouring, select a colour from the drop-down. This affects the colour of the entire link.
- Image: An image is used as the background.
  1. Under Background image, select Add media.
  2. Add a new image or select an image previously uploaded to your site. To add an image:
    1. Select Choose file in the Add file block and choose an image from your files.
    2. Fill in the mandatory Name field (it will default to the original file name) and Alternative text (guidelines can be found on the Brand page) field. You have the option of entering a caption to be displayed with the image in the Caption field.
    3. Select Save.
  3. Select the image in the gallery.
  4. Select Insert selected.
  5. Under Image link colour, select a colour option from the drop-down.
- Solid colour:
  1. Under Background colour, select a colour from the drop-down.
Optionally, select Add link and repeat steps 11-15 to add another link. Leave a URL blank to remove it from the Links block.
- Note: Use the crosshairs icon to change the order of the links.
Select Add block (or Update if it's a pre-existing block).
Select state from the Change to: drop-down menu.
Select Save layout.