-
xdebug setup for VS Code in WooCommerce development
This is for contributing to WooCommerce development here not developing client sites with WooCommerce. configuration in launch.json start xdebug with wp-env
-
Updating Webpack to use WordPress editor blocks (Gutenberg blocks) on the front end (part 4 of 4)
Getting blocks running on the front end is, or should be, mainly a matter of updating Webpack to create the script to run on the front end, then enqueuing it so it does. However, I’ve always found it requires some fixing of things that don’t work quite right together, that I’ve misnamed or otherwise mismatched…
-
Filter the content to put an Gutenberg editor block’s attributes on the front end (part 3 of 4)
On the front end, I need access to the block’s attributes so I can use those in building the front end block. Instead of rendering the block as normal (either as a dynamic block or saved html), I’ll put in a filter to render something which looks like this:
-
Setting up wp-browser with WPWebDriver for full site acceptance testing (notes for my future self)
These are my notes on getting WPWebDriver in wp-browser set up to work for me. They supplement rather than replace the wp-browser documentation. If you are having issues and haven’t started there and followed the directions, I highly recommend doing that first. Inifinum also has a super helpful section on setting up wp-browser.
-
Building the click game block (part 2 of 4)
This is to separate out the building of the block and adding it to our scaffold. The front end will not be reactive yet, however it’d be nice to go ahead and add that in to the back end so we can see it in action.
-
Using a scaffold to build Gutenberg blocks for the WordPress editor (part 1 of 4)
Block scaffolds are being created, updated or going out of date at a regular rate these days as developers figure out what works best for them. So instead of making a recommendation on which one you should use, I’m going to tell you what I looked for – what was important to *me at the…
-
WooCommerce Subscriptions: not able to purchase subscription after failed payment [edited on 2021-01-27]
This is a workaround and fix for the following situation which occurs in recent versions (<3.0.12) of WooCommerce Subscriptions. When purchasing a subscription which is limited to “any” (ie a user can only have one subscription of any status), the user cannot pay for a failed order as the subscription product gets removed from their…
-
Adding Gutenberg / WordPress editor blocks to the front end
People love to play with a little web app on a site. Quizzes, small games, anything to take a break for a minute or two. Wouldn’t it be great to be able to add and edit these in the WordPress editor then reuse the React components on the front end? Yes! The answer is yes.…
-
Vue single file components stop loading css after update
Spoiler: the issue is in the css-loader update and the fix is outlined here. The css-loader needs the esModule: false option. My final webpack.config.js looks like this: More on the issue I was updating an old-ish (3 years) Vue app which had been updated but not regularly. I got everything working again as you do…
-
WordPress Editor blocks as web apps in Gatsby
This is a proof of concept web app, completely editable in WordPress using the block editor. I think it’s more fun to do it first. (Please let me know if these don’t work, they’re version 0.1. Saving them will save to your browser only.) Fill in the blanks then click “your poem” to see your…