Skip to main content

About Block

BlockAbout Heroes & Blocks 8 options

Bio with a numbered heading and a list of info rows (label, value, detail) with an accent option.

Published · by Christopher Alberto

Live demo

Open full screen

At a glance

Component
BlockAbout
Category
Heroes & Blocks
Used as
Page block — “Block: About”
Options
8 editable fields
Built with
PHP, Twig, SCSS
Platform
WordPress · Flynt theme · Timber/Twig · ACF Pro

About this component

The “About” section: a numbered heading, a bio paragraph and a set of info rows — label, value and supporting detail — that can be individually accented.

Highlights

  • Info rows use the site’s signature edge-glow hover.
  • Accent toggle per row to highlight key facts (availability, location, experience).
  • Fully responsive: rows reflow from a side-by-side layout to a single column.

Options

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

Option Field Type Details
Number num text Default: 01
Heading heading text Default: About
Bio * bio wysiwyg Default: Placeholder biography paragraph describing background and expertise in general terms, standing in for real copy.
Info Rows infoRows repeater Repeatable list
↳ Label * label text Default: Sample Label
↳ Value * value text Default: Sample Value
↳ Detail detail text Default: Sample detail text Small subtext under the value, e.g. "Since 2010".
↳ Accent isAccent true false Default: off

Under the hood

Components/BlockAbout/

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