If an element like a image is wrapped by a container that has a limited width, how do you make the inner element expand outside the bounds of its container to stretch full-width of the browser window?
Well, thanks to the power of modern CSS, we can use calc() and vw solve this problem wonderfully! Here’s how to do it. Continue reading CSS to Force Element Full-Width When Inside a Max-Width Container
If you’ve spent any time with the WordPress trying to make your website look beautiful, you know how hard it can be!
The truth is, the old core of the WordPress content management system (the classic editor) was outdated. It was really more like a word processor for the web. That is precisely the reason why Automattic (the company behind WordPress) has been pouring their efforts into their next gen editor, Gutenberg, which is now the default editor in WordPress.
While Gutenberg can be done right, for the average WordPress site admin, it can still be very cumbersome to design an smooth, elegant website.
Fortunately, there are a plethora of visual page builder plugins available for WordPress. Continue reading The Best WordPress Drag & Drop Visual Page Builders
Are you using the Block Lab WordPress plugin, but need the Wide and Full align buttons on your custom Gutenberg blocks? These code snippets will add this missing feature.
Continue reading How to Add Wide and Full Align Buttons to Block Lab
When you first started using VS Code you may have dismissed that little notification in the corner that asked if you wanted to switch your integrated terminal.
In my case, running on Windows, the default terminal was set to Command Prompt (cmd.exe) which is just plain inferior to Git Bash which you probably already have installed if you have installed Git (which you should).
So, if you missed that notification that let you change it, how do you change it later?
Continue reading How to Change VS Code’s Integrated Terminal to Git Bash
In my WordPress developer career, I’ve been asked many times about the best practices for safely updating WordPress core, plugins, and themes, especially when it comes to a site that can’t afford to have any downtime.
There are several update strategies to consider. I’ll go over them here. It’s really all up to the client’s risk tolerance vs. their willingness to pay for extra maintenance work.
But, with my WordPress update strategies, you should be able to perform updates the safe way without too much extra effort.
Continue reading Best Practices for Safe WordPress Updates on Big Revenue-Critical Websites
The WordPress ecosystem of tools is huge! That’s one of the biggest reasons most people go with WordPress.
But, do you find yourself feeling lost at sea with too many options to choose from?
In this post, I’m bringing together some of my favorite tools and resource that complement my WordPress websites (and would help yours too).
Continue reading Recommended WordPress Tools & Resources
Looking to get rid of the annoying and horribly unprofessional “related videos” end screen on your professional YouTube video embeds on your WordPress website?
I’ve put together the perfect simple solution in the form of a small code snippet that you can drop into your theme’s functions.php file.
Continue reading How to Remove Unrelated Videos From All WP Gutenberg Video Embed Blocks
I’ve heard it over and over… “Too many plugins will slow down your website.” I’ve heard it in conference presentations, networking events, podcasts, blogs, YouTube videos, and even my old boss. But, is it really true?
I’m a professional WordPress developer and have written several of my own plugins, so I have something to add to the conversation.
Honestly, it really bugs me when people ignorantly demonize plugins as the culprit of all their WordPress website problems… as if the number of plugins is slowing down their website.
In this article, let’s look at the facts around the topic of WordPress plugins slowing down your website.
Continue reading Do Too Many WordPress Plugins Really Slow Down Your Website?
Are you working with a native AMP website or a website with AMP pages, but you need to integrate the Facebook Pixel? To top it all off, you’re also using Google Tag Manager (because it’s awesome). How to go about this?
Well, I’m here to help. While this implementation is not documented very well, it’s actually very simple!
Continue reading How to Install the Facebook Pixel on an AMP Website Using Google Tag Manager
After redesigning my other blog’s theme using my own custom-built native AMP WordPress theme, I ran into one question that was hard get find an answer for…
How can I insert an Amazon Associates Affiliate Ad into my native AMP website?
Well, I eventually figured it out, and I’m here to share it with you.
Continue reading How to Insert Amazon Affiliate Ads into AMP Website