Zero to hero: building custom Gutenberg blocks with ACF

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)

By Joseph Dickson

Joseph Dickson is a web developer in higher education and an avid proponent of using WordPress’ core features to create flexible and manageable design solutions.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.