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 …
The click game. I’m including this now because I would like to test it before the last post on how to make it. 😬😊
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:
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.
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.
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 …
Continue reading “Using a scaffold to build Gutenberg blocks for the WordPress editor (part 1 of 4)”
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 …
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. …
Continue reading “Adding Gutenberg / WordPress editor blocks to the front end”
This was going to be “things I liked this year” but books are the easiest for me. One thing I’ve loved doing is the goodreads challenge – here is mine for 2020, it’s simply “read 52 books in 52 weeks”. I don’t put all the books on it, no one really needs to know when …
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 …
Continue reading “Vue single file components stop loading css after update”
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 …
Continue reading “WordPress Editor blocks as web apps in Gatsby”
The issue When I first put this site on Gatsby, I found adding comments tricky. I used this blog post, Dynamic Comments with Gatsby and WordPress, tweaked it a bit and shoved it in. I only used it for the comments form because I wasn’t worried about rebuilding – I really just wanted to see …
Massive caveat: Currently (24 July 2020) Okta does not support automatic Let’s Encrypt certificates and renewals for custom domains. So I’ll have to do this <= 89 days from now again. Which is why I’m writing it down. Ideally this post will not be needed soon because Okta will set up one click, auto renewing …
caveat: this is an “I don’t really know what I’m doing but it’s working, so….” post. This blog is on Netlify and uses Gatsby to build it from the a WordPress install (I’m typing this on the WP install, it’ll get built by Netlify and published there.) Because I’m a lazy sod, I’m just leaving …
Continue reading “Regex, Netlify, Gatsby and swapping links”
Here’s what I wanted to do: give clients the ability to add conditional items to menus and be clear about which users will see which items on the front end menu. For example, I want some menu items which only show for logged in users and some which only show for users who have bought …
Continue reading “Adding conditional menu items to WordPress menus”
As expected, Gutenberg blocks with inner blocks, eg columns, weren’t working. Like other bits, this was somewhat straightforward once I figured out how. It took me a while and with more than a few infinite loops thrown in to make it that much more frustrating. What I ended up is copying the render_blocks function from …
This is about WordPress and the static site generator Gatsby, not the Gutenberg and Gatsby you might know. I’m not sure where that post would go. Anyway. Parsing Gutenberg blocks in Gatsby turns out to be much more straightforward than I thought it would be. Not that it’s completely straightforward, but I didn’t find it …
I’m at the point now where I want to try parsing the raw content of the posts with the new editor / Gutenberg block data. The endpoints with posts in both the REST API and wp_graphql contain a field with the data needed but that’s only accessible to users with the edit_posts and maybe a …
I have a Prism.js block that I quite like, it’s part of a series of goofy ass Gutenberg blocks I made so long ago they probably don’t even work anymore. They’re working again. Most of it was Gutenberg backwards compat breaks, some was other back compat breaks, some was forgetting what I did in the …
Continue reading “Shortcodes? WP Blocks? Server side rendering?”
This should be a nice explanation of what I’m doing but it’s not, I just wanted a different post at the top of the home page. 💖✨👍 Repo here https://github.com/tharsheblows/gatsby-test
Custom metaboxes are used extensively in WordPress for layout purposes as well as data structure. However, they don’t necessarily — in fact they rarely — save to the meta key’s array of objects when they’re added to the WordPress REST API and can’t be used by Gutenberg’s built in meta attribute. How can we use Gutenberg with …
Continue reading “Using Gutenberg blocks in place of custom metaboxes in WordPress”
There are two standard ways to add additional data into a post’s object in the WP REST API: register_meta() for post meta which is a string, number or boolean and register_rest_field()for everything else. There’s a bit on the difference between the two in the REST API docs. With Gutenberg, register_meta() is being used more widely and there’s …
Continue reading “register_meta(), register_rest_field() and the WP REST API”
[a note to my future self from my current self as of 17 April 2018: are you here again? Is there definitely a unique key on that loop? Are you sure? GO PUT ONE ON NOW. Use the uuid package, it’s easy. Then come back if it still doesn’t work.] This took me a while yesterday …
This notice drove me insane, especially because I couldn’t quite figure out what was being compared. It turns out it’s that the save function in registerBlockType() compares its return value to whatever is between the block’s html comment tags in the database.
[note on 07 April 2018: I wrote this in late September 2017 but never published it. I think it’s not finished but useful up until that point so I’m publishing it now] This is a deeper dive into the Mandelbrot exercises in Chapter 3 of The Go Programming Language (Addison-Wesley Professional Computing Series) (that’s an affiliate …
Writing them down for posterity.
No idea if the title makes sense. I wanted a Select2 which uses a remote data source queried via ajax with a CMB2 repeating group so made a plugin to understand it better. It’s pretty heavily commented so I don’t forget why I did what I did. There are definitely a few if not many …
Continue reading “Using Select2 with ajax with CMB2 repeating groups”
This is more straightforward than I expected (yay thank you @jtsternberg). The short of it is to add a filter to cmb2_override_meta_value or cmb2_override_{$a[‘field_id’]}_meta_value to get the data and cmb2_override_meta_save to save it. But what if I have a repeatable group huh? What then?
So I have over 10,000 spam users and need to delete them1. The bulk delete in multisite only does 20 at a time and is somewhat slow so I wanted a better way to delete them all. This could be a massive mistake, if you are reading this because you need the same thing, you …
Continue reading “Bulk deleting users in WordPress multisite”
Even taking into stupid mistakes, this was fairly straightforward. Here’s how I set up my VVV local sites with SSL so I’m not screwed when I accidentally update Chrome. (It happens.)
I helped out with a beginners’ WordPress development workshop with Jenny Wong for TECH(K)NOW Ada Lovelace Day. We had two hours and she talked about WordPress then I did a workshop bit.
I gave a talk at WordPress London in May about dealing with people who use your website, tech support and community management. Can I embed my slides? No I cannot. You can find my slides here. There’s a video of the talk on the WordPress London Facebook page, but you’ll need to request to be a member. …
Continue reading “A talk on community management and tech support”
I wanted to be able to add meta data to individual blocks, so needed a way of telling the blocks apart. What I’ve ended up doing is straightforward: each block gets a data-id attribute which contains the block’s uuid at time of creation.
Ok, this is without really looking at it so maybe it has these. identifiable non-global blocks (so not these: https://github.com/WordPress/gutenberg/issues/2081) because I want to maybe use postmeta with a block? I don’t know, I have this vague idea that I’m too lazy to articulate atm. ok this wasn’t bad, I’ve done this. the ability to limit …
This is my first attempt at a Gutenberg block. I’m building this looking at / copying nylen’s Gutenberg examples plugin. Mine is named “Gutenbergerli” because this will be wonderful for a few hours then it’ll go stale, just like Luxemburgerli which are some of the best things ever for a time, at least.
One of the #enumerateallthethings projects in Go. PostScrape lets you scrape targeted html nodes in enumerateable http POST requests. It uses goquery for the targeting. Currently it’s command line only. Works but not finished at all, needs tests and other things. (Part of a larger project where I just needed the data.)
The problem: Gravatar hashes are somewhat easy to crack. Websites are super easy to scrape. Sites with Gravatar urls in the img-src or profile link make it trivial to generate lists of hashes to crack. Other data available on sites and in Gravatar profiles can be used to generate targeted wordlists which make cracking a …
When my Windstream modem was repeatedly power cycling when trying to connect, tech support said this was the modem letting me know it was damaged and needed to be replaced. They offered to rent me a modem for $10/month but oh my god no, why would I do that? This one lasted me over 10 …
Continue reading “Windstream compatible modem for a non-bonded connection”
This Glitch project grabs the latest three posts for WordPress sites which are using either the WP REST API or the WP.com version via Jetpack. It uses MongoDB for persistence. It’s not super exciting or well written but a fairly effective way to mindlessly try sites on Slack and see if they have the WP …
Continue reading “A Slack bot that gets the last three posts from a WordPress site”
Playing with Fabric.js was fun although one bit I had trouble with was calculating the object.clipTo rectangle path.
“How hard can it be to make an image cropper?” 🙃 It took me longer than I think it should have but was a great deal of fun. Here is the working version (“working” being relative, mind you) and you can remix it in Glitch here. If you haven’t used Glitch, try it out. It’s like Codepen for …
I’m making a post of this because TWICE I’ve spent a couple of hours wondering if Google DFP is just taking a long time to update. ADD THE AD UNIT TO THE TARGETING IN CREATIVES -> NATIVE STYLES -> STYLE. Otherwise it will never show up.
Do you consider your email address to be private information but use it to register and comment on WordPress powered sites? Many WordPress sites use Gravatar to provide the avatars on comments and user lists and this can be an issue if you do.
This is an overview of how sites get data from Gravatar and what’s available from the Gravatar ‘API’ (quotes theirs).
Privacy concerns regarding Gravatar are not new. But what exactly are they and how can you avoid your data leaking? And what is Gravatar?
What do contact forms leave in a site’s database when they’re deleted? How easy is it to manage the data they store? What personal data do they grab?
I had a rather interesting problem the other day. My ajax request was not working if I didn’t use the wp_ajax_nopriv_ action on a page where the user was clearly logged in. Why? Why was this happening?
Need the place id or anything from the Places Search results for whatever you’re doing with the Google Maps API?
If WordPress has a newly created pending post, when you publish it the timestamp on the post is set at the time of publishing. If you publish a post, then set the post status to pending, the timestamp does not update when you re-publish it. How does it know? And why does it matter?
Understanding what filters and actions do took me forever, ok, maybe not but longer than I’d care to admit at any rate. It wasn’t the fault of the resources I found, it was just that I couldn’t get my head around it. But one day, PING! I got it. Here is how I understand them. …
Continue reading “So what’s the difference between WordPress filters and hooks?”