Skip to main content

Contact Links

ListContactLinks Lists & Timelines 7 options

List of contact channels (email, LinkedIn, GitHub…) with label, value and link.

Published · by Christopher Alberto

Live demo

Open full screen

At a glance

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

About this component

The contact channels next to the form: each row shows a label, the value (address or handle) and links to it.

Options

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

Option Field Type Details
Number num text Default: 06 — Let's work together
Heading heading text Default: Let's build something fast.
Intro intro textarea Default: Placeholder intro text for the contact sample section.
Links links repeater Repeatable list
↳ Label * label text Default: Sample Link
↳ Value * value text Default: Sample Value
↳ URL * url text Default: https://example.com

Under the hood

Components/ListContactLinks/

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