Skip to main content

Certificates List

ListCertificates Lists & Timelines 6 options

Numbered list of courses and certificates, each linking to its credential.

Published · by Christopher Alberto

Live demo

Open full screen

At a glance

Component
ListCertificates
Category
Lists & Timelines
Used as
Page block — “List: Certificates”
Options
6 editable fields
Built with
PHP, Twig, SCSS
Platform
WordPress · Flynt theme · Timber/Twig · ACF Pro

About this component

A numbered list of certifications and courses; each item links to the issuer’s credential page and uses the edge-glow hover.

Options

Editors add this as List: Certificates in a page's components. Every field it exposes:

Option Field Type Details
Number num text Default: 03
Heading heading text Default: Certificates
Certificates certificates repeater Repeatable list
↳ Number num text Default: 00
↳ Title * title text Default: Sample Certificate
↳ URL * url url Default: https://example.com

Under the hood

Components/ListCertificates/

  • _style.scss Styles (SCSS) 72 lines
  • functions.php Fields & data (PHP) 67 lines
  • index.twig Markup (Twig) 23 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