-
Removing the date permalink structure in WordPress
How to approach migrating your permalink structure to remove the date directories (ex: /2023/01/01/).
-
Adding Custom Fields (Attributes) to Core Blocks
Using just three filters, we’ll add a few custom fields to the core “Button” block in WordPress that will update the button’s content on the front end.
-
How to show the “Choose a Pattern” modal by default on new pages
How to offer a selection of page patterns when creating a new page (as seen in TwentyTwentyFour).
-
Filter the URLs in Gutenberg Social Link Block
Dynamically populate social link URLs using the render_block filter in WordPress.
-
Updating the Twitter/𝕏 Icon in Font Awesome 4
If you’re managing an older website running Font Awesome 4, you might be asked to swap out the Twitter icon for the new X / 𝕏 symbol. Personally, I wasn’t in the mood to pull down an entire site, dig up the build process, replace FA4 with a newer version, etc. Instead, I jumped into…
-
Build Custom Blocks Using InnerBlocks
A great way to start building blocks for WordPress is using InnerBlocks. Group other blocks together and easily add styles and settings.
-
Custom Lists in WordPress with Register Block Style
Register a custom block style in Gutenberg with simple PHP and CSS- no JavaScript or build process required.
-
Custom Responsive Settings in Gutenberg Blocks
Add custom settings fields to any Gutenberg block. In this tutorial, we add a responsive display setting to Gutenberg using 10up’s Block Extension API, the WordPress Scripts build process, and the WordPress Base Styles Sass library.
-
ACF Blocks Post Carousel Tutorial
We’re building a post carousel block using ACF Blocks. We’re doing everything from start to finish, including loading a third-party resource (Flickity) and default Gutenberg supports like colors and alignment. No build process, no fancy JavaScript, just Advanced Custom Fields.
-
Managing Images in your Custom Gutenberg Block
Let’s build a custom WordPress block with a focus on editable image fields. Using the block-components library from 10up and a custom image function I wrote this year, we’ll go through every file in our custom block together.