Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/editorblocks/editor-blocks

A unique collection of Gutenberg blocks for the new WordPress editor.
https://github.com/editorblocks/editor-blocks

blocks gutenberg wordpress

Last synced: 10 days ago
JSON representation

A unique collection of Gutenberg blocks for the new WordPress editor.

Awesome Lists containing this project

README

        

# Editor Blocks for Gutenberg

A unique collection of Gutenberg blocks.

* Wrapper Block - [Block Demo](https://editorblockswp.com/gutenberg-wrapper-block/)
* Pricing Table Block - [Block Demo](https://editorblockswp.com/gutenberg-pricing-table-block/)
* Team Members Block - [Block Demo](https://editorblockswp.com/gutenberg-team-members-block/)
* Hero Block - [Block Demo](https://editorblockswp.com/gutenberg-hero-block/)
* Testimonial Block - [Block Demo](https://editorblockswp.com/gutenberg-testimonial-block/)
* Callout Block - [Block Demo](https://editorblockswp.com/gutenberg-callout-block/)
* Brands Block - [Block Demo](https://editorblockswp.com/gutenberg-brands-block/)
* Features Block - [Block Demo](https://editorblockswp.com/gutenberg-features-block/)
* Horizontal Feature Block - [Block Demo](https://editorblockswp.com/gutenberg-horizontal-feature-block/)
* Vertical Feature Block - [Block Demo](https://editorblockswp.com/gutenberg-vertical-feature-block/)

Here's an example of a full page created with Editor Blocks - [Editor Blocks Demo](https://editorblockswp.com/demo/)

## Design Considerations ##

Editor Blocks look better with a wide layout, we recommend using a 'Full Width' page template if your theme has one. We've also built a (free) companion theme you can use:
* [Editor Blocks Theme](http://wordpress.org/themes/editor-blocks)
* [Editor Blocks Theme Setup](http://editorblockswp.com/theme-setup)

## Development ##
1. Clone the GitHub repository: `https://github.com/editorblocks/editor-blocks.git`
2. Browse to the folder in the command line.
3. Run the `npm install` command to install the plugin's dependencies within a /node_modules/ folder.
4. Run the `npm start` command for development.
5. Run the `build` gulp task to process build files and generate a zip.

## Contributions ##

There are various ways you can contribute:

1. Raise an [Issue](https://github.com/editorblocks/editor-blocks/issues/new) on GitHub
2. Send a pull request with your bug fixes and/or new features
3. Provide feedback and suggestions on [enhancements](https://github.com/editorblocks/editor-blocks/issues?direction=desc&labels=Enhancement&page=1&sort=created&state=open)

## Create Guten Block ##

Editor Blocks wouldn't have been possible without the work of @ahmadawais.

>`create-guten-block` is _zero configuration dev-toolkit_ (#0CJS) to develop WordPress Gutenberg blocks in a matter of minutes without configuring `React`, `webpack`, `ES6/7/8/Next`, `ESLint`, `Babel`, etc.

https://github.com/ahmadawais/create-guten-block