Canvas Docs

Footer Instagram

A footer Instagram / photo-stream widget: a masonry grid of images with optional links, using the .masonry-thumbs markup. It is shown in the block inserter as Canvas Footer Instagram and registered as canvas-core/footer-instagram.

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

The Footer Instagram settings in the block editor sidebar

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:

Settings

  • Widget WrapperDefaultOn

    Wraps the grid in a .widget with its own heading and column classes. Turn off when the block already sits inside a widget that supplies them, so neither is emitted twice.

  • ColumnsDefault5

    How many photos sit across a row of the grid.

  • Open Links in New TabDefaultOn

    Applies target="_blank" rel="noopener noreferrer" to linked images.

Content

  • Heading (optional)DefaultInstagram Photos

    The heading above the grid. Leave it empty to show the photos with no heading.

    Shown when Widget Wrapper is on

  • Photo SourceDefaultChosen images

    The live feed is filled at runtime from the account below; nothing is stored on the page.

    ChoicesChosen imagesLive account feed

  • Photo ServiceDefaultInstagram

    Which photo stream the runtime widget fills the grid from. Each service is addressed by its own class and data attributes.

    ChoicesInstagramFlickrDribbbleShown when Photo Source is "Live account feed"

  • AccountDefaultEmpty

    The account the runtime widget reads. Flickr addresses a feed by its numeric id (e.g. 613394@N22).

    Shown when Photo Source is "Live account feed"

  • Feed TypeDefaultEmpty

    Whether the id names one account or a shared pool.

    ChoicesDefault (empty)A single accountA group poolShown when Photo Service is "Flickr" or "Dribbble"

  • Lightbox GroupDefaultEmpty

    Opens the fetched photos in a lightbox gallery of this name.

    Shown when Photo Source is "Live account feed"

  • Photo CountDefault0

    0 = whatever the account returns.

    Shown when Photo Source is "Live account feed"

  • ImagesDefaultEmpty

    The photos in the grid, in the order they appear. A row whose picture cannot be found is skipped.

    Each row of Images takes:

    • ImageDefault0

      The photo, chosen from your media library.

    • Image URL (fallback when no attachment is set)DefaultEmpty

      Used only when no photo is chosen above, for a file hosted elsewhere.

    • Alt TextDefaultEmpty

      How this photo is described to someone who cannot see it. Leave it empty to use the description saved with the file.

    • Link (optional)DefaultEmpty

      Where clicking this photo takes the visitor, usually the post it came from. Leave it empty for a photo that is not clickable.

Style

  • Column ClassesDefaultcol-md-4

    Bootstrap grid classes for the column wrapper.

    Shown when Widget Wrapper is on

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 Widget Area.

Was this page helpful?