Skip to content

Home

Jump to bottom
Corey M Collins edited this page Mar 12, 2020 · 16 revisions

WDS ACF Blocks

With the advent of Gutenberg in WordPress, Advanced Custom Fields stepped up to help make the process of creating custom blocks easier and faster. This plugin creates a set of custom blocks with basic styles for you to customize in your theme.

This plugin includes the following blocks:

  • Accordion
  • Call To Action
  • Carousel
  • Fifty/Fifty
  • Hero
  • Recent Posts
  • Related Posts

WDS ACF Blocks is bundled with a Style Lint, ESLint, and PHPCS linting rulesets – plus, it passes both WCAG 2.1AA and Section 508 standards out of the box.

To better manage ACF Field Groups, the plugin supports synchronized JSON for Advanced Custom Fields.

WebDevStudios. WordPress for big brands.

Getting Started

Prerequisites

Because the plugin compiles and bundles assets via NPM scripts, basic knowledge of the command line and the following dependencies are required: Node LTS and NPM.

Installation

  1. From the command line, change directories to your new theme directory:
cd /plugin/wds-acf-gutenberg
  1. Install plugin dependencies and trigger an initial build:
npm i

NPM Scripts

From the command line, type any of the following to perform an action:

npm run build - Compile and build all assets .

npm run watch - Automatically handle changes to CSS, JS, SVGs, and image sprites.

Contributing and Support

Your contributions and support tickets are welcome. Please see our guidelines before submitting a pull request.

Clone this wiki locally