Link Category: Tutorials

Introduction to WordPress (Gutenberg) Block Filters

Like many, I’m still very much getting my sea legs when it comes to doing web-development tasks that affect aspects of the (Gutenberg) Block Editor. While its no longer new, it’s never really overlapped very clearly with work either I (or a client) have needed to do, so I’m very much in learning mode with this article from Dmitry Mayorov over at CSS-Tricks. All that is to say: if you click over and this entire article just goes over your head, have no fear (you likely won’t need to do this stuff anytime soon) and I get you.

Dynamic Favicons for WordPress

I can’t be the only one who sometimes has dozens of tab open, all from my own WordPress site. And then I lose track of which I was seeing the public side of my site, vs the admin side where I writing a post, tweaking settings, etc.

CSS Neon Lights

Longtime readers may have caught on to the fact that I’m a big sucker for cool CSS techniques I would have never come up with or figured out. And this is one more example on that.

You Can Label an `if` in JavaScript

Interesting little article over at CSS Tricks from Alex Riviere. In it, he explains that it’s possible to label “if” (and other “block type”) statements in JavaScript. I’ve never heard (or thought about) such a feature.

Updating a Publishing Plugin to the Block Editor

Helen Hou-Sandí is certainly one of the most important people making (core) WordPress better, and she’s been doing it for years. So I take a pretty keen interest in what she’s working on. So when this post about updating a “legacy” WordPress post-meta post so that it was compatible, I knew I had to read it.

A Summary of Next-Gen Image Formats

Most everyone in the WordPress world knows the basic image formats: use JPEGs for photos, PNGs for screenshots, and maybe WebP if you’re a Google-loving-hipster. Or at least, that’s my summary of the situation. (Some other playful/controversial opinions: .bmp is for dinosaurs who love MS Paint, GIF is a weird name we fight about for what should really be silent video files.)

PhpStorm for WordPress Tips

I’ve been using PhpStorm for PHP + WordPress development for gosh, at least 5 years now. For those who aren’t familiar, PhpStorm is a PHP-specific IDE (“integrated development environment”; read: text editor with lots of special features) from JetBrains. JetBrains make other tools you may have heard of like PyCharm, WebStorm, and IntelliJ IDEA.

Cool CSS Paper Effects

It’s hard for me to pass up cool-looking tricks, and this is no exception. This sweet little post from Suzanne Aitchison is just three different little CodePens that show off relatively-realistic looking effects that mimic real-life paper. Would I be able to recreate a similar thing in 3 hours of trying? Probably not. But that doesn’t make it less worth my time to stare at them for a bit. ;p

What’s new in PHP 8?

For those who don’t know, WordPress run on PHP on the server. This has been true for all of WordPress’s life, and remains so. For the most parts, this dependence on the PHP language has been an interesting tidbit. But in the next few weeks the next major version of PHP is coming out, and it’ll have a big impact.

Good (Free) Video Tutorial on Making Gutenberg Blocks

More than a few weeks ago now, my friend Jeremy Green talked at the Fort Collins WordPress Meetup about how to make Gutenberg blocks. One of the struggles he mentioned was the lack of great tutorials on the details of the code — which is pain I’ve also felt in my explorations of making them. One good-looking resource that he recommended (and it took my forever to get to because I’m “busy”) is this YouTube playlist from Alessandro Castellani.