Quick Links

A paragraph component that provides a list of related links.
A Quick Links component as it appears to visitors.
Image of a Quick Links component with a description, four links, and CSS styling added to the last link. 

Summary

The Quick Links component offers a compact way to present a list of related links. Style links as buttons or keep the default hyperlink look. 

Audience

Site Managers can add Quick Links. Publishers can edit existing Quick Links blocks.

How To

  • 1

    Insert the Quick Links Component

    Quick Links can also be placed on other pages. For example, Quick Links may be placed within a Tab/Accordion of a How-To Content Type. The interface differs, but the steps are similar.

    • Select the caret to expand the menu options.
    • Choose the Add Quick Links paragraph component.  
  • 2

    Quick Links Title

    • Quick Links Title  - Enter a Title for the Quick Links block.  
  • 3

    Heading Level

    • Select a Heading Level for the Quick Links block.
    • Options include: None, h2, h3, h4, and h5. The default value is h3.
  • 4

    Quick Links Description

    • Enter a description for the Quick Links block, if desired.
  • 5

    Quick Links

    Fields with an asterisk (*) are required.

    • URL (*) - Enter an address for the link.
      • Enter the title of a specific piece of content to find and select it.
        Other Options:
        • Enter an internal path (such as /node/add) or an external URL (such as http://digitalcommons.nc.gov).
        • Enter <front> to link to the front page.
        • Enter <nolink> to display link text only.
        • Enter <button> to display keyboard-accessible link text only.
    • Link Text — Enter the text for the link. 

    Attributes

    • Expand the Attributes menu.
      • Class - The Class field can be left blank or populated with a button style.
      • Default Link Style - Leave the Class field blank to keep the default link style.
      • Button Link Style - Enter btn btn-primary in the Class field to show a button link.
      • More (Link Button) - Enter more in the Class field to highlight a link to more information.
      • Title - When using the more option in the Class field, be sure to enter a Title (for screen readers).
    Accordion

    Attribute Examples

    • 6

      Add Another Item

      To add more links:

      • Click Add Another Item.
      • Repeat the process described above for the new item.
    • 7

      Reorder Quick Links

      To reorder Quick Links:

      • Hover the mouse cursor over the Drag to Re-order icon.
      • Click-and-hold to drag the Quick Link entry up or down to the desired location.
      • Alternatively, toggle Show Row Weights and assign a new number to the link. Lower numbers "float" upwards while higher, heavier numbers "sink" downward. 
    • 8

      Delete Quick Links

      There must be at least one (1) Quick Link to use the module.

      The URL field is required (*), and thus the first Quick Link entry cannot be deleted.

      To remove subsequent entries:

      • Delete everything in the URL, Link Text, Class, and Title fields for the entry to be deleted.
      • Save the page.
    • 9

      Save

      • Click Save, at the bottom of the Edit page, to save the page and view results.