Priority Link blocks

Introduced in SiteFarm 5.0.0, the Priority Link blocks seek to offer a way to mimic a very popular presentation of the main links on the UC Davis' home page.

Priority links as used on the UC Davis homepage.
UC Davis priority links

The SiteFarm version includes:

  • the use of the free FontAwesome icon set
  • a way to upload custom image or icons
  • an optional hover-responsive circle
  • optional vertical stacking (image above link title text)
  • built-in responsive design for full screen, tablet, and mobile view
  • a new, dedicated region called the Link Grid region. Note: if the Priority Link block is used on what is designated as the homepage, the blocks will fill the width of the page, but if added to the Link Grid region on any interior page, it will fit its width to the same width as the body content

How to create a Priority Link

  1. Navigate to Shortcuts » Blocks » Custom block library tab.
  2. Click the + Add custom block button.
  3. Click the Focal Link option.
  4. Provide a Title and the URL, internal or external, for the link.
  5. Leave the Default icons box checked if you would like to use the Font Awesome icon set, or uncheck it to upload your own.
  6. Click Save.
  7. Navigate to either your page or to the Block Layout page.
  8. Click Place Block.
  9. Select the Link Grid region
    Location of the Link Grid region.
  10. Configure your Focal Link block Block Styles. To make it look similar to the priority links on the UC Davis homepage, use the following options
    • Icon Classes - search the free Font Awesome list for the icon you would like to use: https://fontawesome.com/icons?d=gallery&m=free, and then paste in the Font Awesome classes "fas fa-check" or markup "<i class="fas fa-check"></i>"
    • Display as vertical link: checked
    • Use the circle style: checked
    • Branding color: select your preferred color from the official palette menu
    • Sibling column size: Default (the system will resize automatically for you)
    • Pages | Visibility - list the page(s) on which this block should be displayed.
  11. Click Save block to finish.

"Wait, my site doesn't have the Link Grid region!"

Are you sub-theming? If you are, this is why the region isn't available; your own custom work has overridden the service updates. To confirm if your site is sub-themed or not:

  1. A site manager needs to navigate to Manage » Appearance.
  2. Check if "SiteFarm One (default theme)" is listed. If another name is at the top of the theme list, your site is sub-themed.

Example if used on the homepage

Output of six priority links on the homepage showing how it stretches the full width of the page.


Example if used on an internal page

Output of six priority links an internal page showing how the block container is constrained to the width of the body content.

Tags