Welcome to the Custom Gutenberg Blocks for WordPress repository! This project will guide you through creating custom blocks for the Gutenberg editor using the Genesis Custom Blocks plugin.
This project provides a step-by-step guide to enhance your WordPress Gutenberg editor experience by creating custom blocks. Whether you're a beginner or an experienced developer, you'll find valuable insights to help you build dynamic and interactive custom blocks.
Follow these steps to set up the project:
-
Clone the Repository:
git clone https://github.com/Softdiscover/Sample-Custom-Gutenberg-Blocks.git cd custom-gutenberg-blocks
-
Install Genesis Blocks and Genesis Custom Blocks:
- Download and install the Genesis Blocks plugin.
- Download and install the Genesis Custom Blocks plugin.
-
Activate Plugins:
- Go to your WordPress dashboard, navigate to Plugins, and activate both Genesis Blocks and Genesis Custom Blocks.
-
Download Child Theme:
- download this repo and add
astra-child
folder to themes folder
- download this repo and add
-
Activate the Child Theme:
- Go to your WordPress dashboard, navigate to Appearance > Themes, and activate your new child theme.
-
Create and Add Custom Blocks:
- Use the Genesis Custom Blocks interface to create new blocks, and reference your custom code as needed.
You can customize your custom blocks by editing the following files:
blocks/block.php
: Handles the server-side rendering of your block.blocks/block.css
: Contains the styles for your block.
Feel free to modify these files to suit your specific needs.
We welcome contributions to improve this project! Here are a few ways you can contribute:
- Report bugs or suggest features by opening an issue.
- Submit pull requests to fix issues or add new functionality.
- Share your custom blocks and use cases.
This project is licensed under the MIT License. See the LICENSE file for details.
If you have any questions or need further assistance, feel free to open an issue or reach out to me directly. Happy coding!