Skip to main content

ACF Components

Guidelines for building ACF-powered custom post types and components.

When to Use ACF CPTs + Components​

Plan which features/components are most likely to be frequently changed. Add custom settings pages using ACF for long-term maintenance by clients.

Plan which components are most likely to be repeated throughout the site. Build those as Bricks Components with linked properties for reuse across pages.

Common Use Cases​

Content types that benefit from ACF CPT + Component architecture:

  • Testimonials
  • Team members
  • FAQs
  • Events
  • Galleries
  • Services
  • Feature Lists
  • Branding Settings
  • Contact/links

Styling Guidelines​

  • Avoid styling at the ID level wherever possible
  • Use BEM classes and build components
  • Keep styles on the block or section level
  • Use ACSS variables for consistency

Implementation Pattern​

  1. Create a Custom Post Type for the content (e.g., "Testimonials")
  2. Add ACF fields for the data (quote, author, company, etc.)
  3. Build a Bricks Component to display the content
  4. Use dynamic data to pull from the CPT
  5. Register the component for Gutenberg if editors need to place it manually