https://github.com/nielsdeblaauw/gutenberg-punchcutter

Quickly create dynamic WordPress Gutenberg blocks
https://github.com/nielsdeblaauw/gutenberg-punchcutter

Last synced: 4 days ago
JSON representation

Quickly create dynamic WordPress Gutenberg blocks

• Host: GitHub
• URL: https://github.com/nielsdeblaauw/gutenberg-punchcutter
• Owner: NielsdeBlaauw
• License: mit
• Created: 2018-02-06T19:02:18.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-06T19:25:53.000Z (almost 7 years ago)
• Last Synced: 2024-11-02T15:42:37.295Z (about 2 months ago)
• Size: 1.95 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# gutenberg-punchcutter

Quickly create dynamic WordPress Gutenberg blocks

## Goal

Generate code for WordPress Gutenberg blocks based on configuration files. Use BEM principles to generate dynamic user content.

## Provisional example

``` yaml

blocks:

  - name: quote

    displayname: Quote

    icon: quote

    modifiers:

      - name: dark

        description: Use the high contrast version

        type: boolean

    elements:

      - name: title

        displayname: Title

        element: h1

        modifiers: 

          - name: muted

            description: Show a muted version of the quote

            type: boolean

          - name: align

            description: Align the element

            type: select

            options:

              - name: left

                displayname: Left

              - name: right

                displayname: Right

      - name: content

        element: p

        displayname: Content

```

The following would create a block like the following:

``` html



   
Example title

   
Example content



```