WordPress Development

This is the page for all my WordPress development learning & tutorials. Quick note: My learning efforts are currently focused on WordPress & React Development. If you see something that could be improved please share in the comments.

Prerequisites:

Good understanding of Javascript. If you don’t know React, I’d recommend learning it alongside WP, especially for Gutenberg block development.

Know your way around the WordPress UI. Check out our WordPress zero-code tutorials

Note on the Setup Guides: I still haven’t figured out the “Holy Grail” setup for developing WordPress plugins, and my desire to actually code and build things is pulling me into actual coding as opposed to tinkering with my webpack scripting setup. So, what I have in the WordPress setup section is a list of options, each with their pros and cons.

Most of the setup guides create easy to use development environments, but they lack the ability to hook into the source code of Gutenberg, which is a deal breaker for me since I like to interact with the source code instead of just looking at it and guessing what its doing. Unfortunately my “hooking into source code” doesn’t allow me easy access to the database because it uses Docker, and their Dockerfile is pretty complex so i’m unable to just plop on a DB admin container. Instead, I have to exec into the Docker container and run my SQL queries from the command line.

Then there are the simpler setups using XAMPP that allow easy database access and the ability to use SCSS but no source code interactivity. As I discover new and improved setups I’ll add them. In the meantime you’re stuck with what you can come up with or use the setups below 🙂

WordPress Plugin Development Environment setup Guides

Setting up a Gutenberg Development Environment Alongside Gutenberg Source Code

Setup WordPress Gutenberg Development Environment using wp-scripts

Setup WordPress Gutenberg Development in XAMPP or WAMPP

Setting up Styles, Scripts & jQuery in WordPress & Gutenberg

Loading SCSS Files in Gutenberg and WordPress development

want more details?

Fill in your details and we'll be in touch