Widget Links

A footer link-list column using the .widget_links markup and styling. It is shown in the block inserter as Canvas Widget Links and registered as canvas-core/widget-links.

Select the block on a page and its own settings open in the sidebar, in the panels below:

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Style

• ShapeDefaultColumn is the list

  How much structure the block builds around the list. The first shape is a bare column of links; the next two add a title, with or without the widget box a sidebar expects. The last emits the list alone, for a composition that already draws the widget box around it and puts other content beside the list.

  ChoicesColumn is the listTitled widget inside the columnTitled columnno widget wrapperList onlyno wrapper

• Widget ClassesDefaultwidget widget_links

  Classes on the inner widget wrapper (e.g. add widget-li-noicon to drop the list bullets).

  Shown when Shape is "Titled widget inside the column"

• Title CSS ClassesDefaultEmpty

  Classes on the widget title, for designs that reset its letter-spacing or casing. Empty leaves the title unclassed.

  Shown when Shape is "Titled widget inside the column" or "Titled column, no widget wrapper"

• Column ClassesDefaultcol-lg-3 col-6

  Bootstrap grid classes for the column wrapper. Leave empty in the titled-widget shape to drop the column and let the widget itself be the root (sidebar stacking).

• Link Inner WrapperDefaultEmpty

  Wraps each link’s label and icon in an inline element, which pointer effects can move independently of the link box.

  ChoicesNone - label sits directly in the link (empty)

• List CSS ClassesDefaultEmpty

  Classes on the list element itself, for designs that style the list rather than the widget wrapper. Empty leaves the list unclassed.

Content

• TitleDefaultEmpty

  Heading above the list, naming what the links have in common.

  Shown when Shape is "Titled widget inside the column" or "Titled column, no widget wrapper"

• Title TagDefaultH4

  Which heading level the title uses, so a footer full of link columns sits correctly in the page outline.

  ChoicesH3H4H5H6Shown when Shape is "Titled widget inside the column" or "Titled column, no widget wrapper"

• LinksDefaulta preset list of 2 rows

  The links in the list, in order. A row with no label is skipped.

  Each row of Links takes:

  • LabelDefaultEmpty

    Wording shown for this link.

  • URLDefault#

    Where this link leads.

  • Row CSS ClassesDefaultEmpty

    Classes on this row’s list item.

  • Link CSS ClassesDefaultEmpty

    Classes on this row’s link: a per-brand hover colour, a size utility.

  • Trailing IconDefaultEmpty

    Icon shown after the label.

  • Trailing Icon ClassesDefaultEmpty

    Extra classes on the trailing icon: spacing and size.

  • Open in a New TabDefaultOff

    For a row that leaves the site: a social profile, a partner.

• Icon PositionDefaultAfter the label

  Where each row’s icon sits relative to its label.

  ChoicesAfter the labelBefore the label

Related

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in Layout: Column, Container, Copyrights, Footer About, Footer Contacts, Footer Instagram.