Blog ⁄ Chris Yee

Tips for upgrading ACF Blocks to block.json

Since the introduction of Advanced Custom Fields (ACF) 6.0, you should be registering blocks using the newer block.json method instead of using the legacy acf_register_block_type() function. It’s not required to convert your legacy ACF blocks to block.json. Using block.json can come with benefits such as performance improvements and the ability to take advantage of newer […]

Code Snippets

Output Original Image Size in WordPress

Here’s how you can output the original image size using the wp_get_attachment_image() function: The key is to use original_image as the size attribute. This will output the original image with no scaling applied. This should be used sparingly because original images are usually a large file size. Alternatively using full as the size attribute will […]

WordPress

Allow access to the WordPress REST API on GoDaddy

I was recently working on a WordPress site hosted on GoDaddy. The problem that I was encountering was a persistent “Welcome to the block editor” modal every time I loaded the Block Editor. Investigation Fix Allowing my IP addressed fixed my issue temporarily but this was not a permanent solution as I have a dynamic […]

Code Snippets

Smooth Image Zoom on Hover with CSS

This simple CSS hover effect will subtly & smoothly scale an image 20% larger on hover. HTML CSS

WordPress

bbPress tips & tricks

I recently had to use the bbPress plugin on one of my WordPress projects. Here are some helpful tips and tricks I wish I knew before using this WordPress plugin. You need to enable registration If you are allowing public user registration you need to enable the “Anyone can register” setting under General > Membership […]

Code Snippets

Full Width Container with CSS

Here’s how you make a full-browser-width container when we’re inside a max-width/limited wrapper. HTML Full width parent container In this example my parent container is set at a max-width of 100% with a nested content wrapper. Constrained parent container In this example my parent container (.site-main) is set at a max-width of 1800px with a […]

Technology

LG 32″ 4K UHD Monitor Review

I’m coming up on 8 months of using this monitor and I think it’s time for a review of the LG 32-inch 4K Monitor (32UK550-B). I’ve been using this as my display every day for programming and gaming on the weekends. Below are my impressions of using this monitor and why you should buy it. […]

Code Snippets

Responsive Google Slides & YouTube Embeds with CSS

Here’s a simple way using only CSS to make your Google Slides & YouTube/Vimeo embeds look great on your website. The Solution Add the following CSS to your website. These CSS selectors will target any iFrame’s with the domains of docs.google.com, youtube.com, and player.vimeo.com and make them responsive with the aspect ratio of 16 / […]

WordPress

Uploading AVIF images in WordPress

By default, WordPress doesn’t support uploading of AVIF images to the media library. Luckily this is super easy to fix with a minor addition to your theme’s functions.php file and a helpful plugin. The Solution Add the following PHP code to your theme’s functions.php file: 2. Download & activate the Lord of the Files: Enhanced […]