Skip to main content

Video Gallery

GridVideoGallery Grids & Listings 3 options

Responsive grid of videos from the Videos post type with lazy-loaded embeds.

Published · by Christopher Alberto

Live demo

Open full screen

At a glance

Component
GridVideoGallery
Category
Grids & Listings
Used as
Page block — “Grid: Video Gallery”
Options
3 editable fields
Built with
PHP, Twig, SCSS
Platform
WordPress · Flynt theme · Timber/Twig · ACF Pro

About this component

A gallery of videos from the Videos post type. Embeds load only when needed, so a page full of videos stays fast.

Options

Editors add this as Grid: Video Gallery in a page's components. Every field it exposes:

Option Field Type Details
Eyebrow eyebrow text Default: Walkthroughs
Heading heading text Default: Videos
Intro intro textarea Default: Placeholder intro text describing this grid section, standing in for real supporting copy.

Under the hood

Components/GridVideoGallery/

  • _style.scss Styles (SCSS) 77 lines
  • functions.php Fields & data (PHP) 55 lines
  • index.twig Markup (Twig) 37 lines

Share this component
Christopher Alberto

Built by

Christopher Alberto · Senior WordPress Engineer

Senior WordPress engineer with a decade-plus of builds across New Zealand, Australia, the UK, the US, Canada and Germany — FlyntWP, Roots/Sage, WooCommerce and custom platforms, built for speed and maintainability.

LinkedIn GitHub

Related components