Zero to hero: building custom Gutenberg blocks with ACF

Slide from presentation

Nathan Wallance | Session | Georgetown

Using ACF to create a Faculty Profile block

Custom fields used to pull in profiles from custom post types

If you’re already running ACF it opens opportunities to pull content. Change styles and colors dynamically.

Think about a block building strategy to prevent a bloated library.

Pattern Lab design system

I call it Pandora’s Block

Nathan Wallace

When running multiple sites build your block library into a plugin for easy deployment and maintenance.

Think about designing blocks within a usable system.

Uses GitHub updater as a method to push updates form their repos to the website.

  1. Register your block
  2. Create your field group
  3. Think about accessibility features
  4. Connecting fields to your block
  5. Render your block
  6. Apply dynamic styles to your block (inline block css)

Author: Joseph Dickson

Joseph Dickson is a front-end web developer with experience building higher education websites using Drupal and WordPress.