From CSS to frameworks and design mockups to code, these are posts that span the gamut of Kelly’s day-to-day work as a web designer and developer, including SquareSpace, WordPress, Statamic, Shopify, and other platforms.
Animated gifs are image files that loop, almost like a video. You place animated gifs, which have a file extension of .gif, as images in WordPress's block editor. Sometimes, however, your animated gif displays only as a single image. In this case, the animation and looping are not working. This animated gif error can be frustrating, but the WordPress fix for this error is straightforward.
To apply a custom layout for all tag-specific pages use the tag.php file. This will allow you to create a similar template to other archive pages, such as categories, but retain customization options. As a starting point for your tag.php file, you can copy and paste the current code from your archive.php template.
As in most things, there are many different ways to accomplish finding out what template or templates your page is using. Below we share a free plugin option and share a code snippet option for seeing what templates each page of your WordPress site uses.
Learn more about the basics of domain names and especially why it's important to have redirects for www/non-www and http/https configured correctly with your DNS and server-side scripts.
There are several reasons that I often ask my small business owner clients for their IP addresses including filtering in Google Analytics tracking, whitelisting in WordPress limited login plugin and even adding to to SPF DNS records.
Have you ever noticed in your browser window that there's an unintended horizontal scroll bar, or maybe on your iPhone, that there's an unexpected horizontal dark line that shows up when you touch the screen? Well, that means your content is wider than the viewport, and there are easy ways to fix this.
Explore coding solutions for displaying the first word in a form field or variable by using PHP explode or a Regex Replace alternative in your Statamic CMS websites.
Creating image thumbnails on a website used to be a manual PhotoShop process, but now there are many ways to do this right in the code! Learn how to write custom CSS or use classes from Tailwind or Bootstrap.
Sometimes for one reason or another, you're unable to update your current WordPress release. This can cause your site's Widget area to stop being displayed with the WordPress admin panel. In fact, your Widget page may display as a white, blank page. If this is your situation, then I have a solution for you.
The popular ecommerce plugin for WordPress, Woocommerce, creates four default pages on your site. I recently needed to know these URLs in order to block Google Ads from being served on my Woocommerce shop pages. It took a few minutes to figure out what pages I needed to add to the Google Ad Exclude list, so I created this list to help someone else in the same situation. To note, I also excluded...