Skip to content

Latest commit

 

History

History
31 lines (15 loc) · 1.25 KB

README.md

File metadata and controls

31 lines (15 loc) · 1.25 KB
Raw

WCPHL19 Collection

WCPHL19 Slides

Slides from WordCamp Philadelphia 2019 Slides from WordCamp Philadelphia 2019

Collection of WordPress Gutenberg items pulled from the Handbook and assembled in a plugin using wp-scripts to compile. There are examples of blocks using ES5 and ES6.

To see the plugin in action

  • From the plugins directory of a local WordPress install

  • Run git clone https://github.com/pbrocks/wcphl19-collection.git

  • cd wcphl19-collection

  • npm install

  • npm run dev

Select a block from the WCPHL19 Panel

Panel

To add styles to your build process

As mentioned in the talk, CSS is not compiled by wp-scripts yet, but a workaround was suggested by Jeffrey Carandang in his post How to Create Gutenberg Block Plugin using wp-scripts with PostCSS Build Process. I've incorporated his suggestions in the postcss branch to illustrate how it can work.