Tutorials & Guides, Freelance WordPress Developer | Page 19

An In-Depth Look at Events in Google Analytics

By default, Google Analytics 4 (GA4) tracks basic metrics on your site such as pageviews, bounce rate, and session data. But if you want to track specific user interactions – file downloads, link clicks, form submissions, or video views – [...]

Stop Video Outside the Viewport on WordPress Sites

In one of the projects I worked on, a considerable number of videos (video) were required on specific pages. Some of those videos needed to span the entire width of the screen, while others, smaller ones, were placed in a [...]

How to Use the rel=next & rel=prev Tags for Pagination

The elements rel="next" and rel="prev" are HTML Link Elements intended to indicate relationships between URLs in a series or set of pages. On the level of internet sites, a numbered sequence of any content can take various forms… Update: Embedding [...]

Preload Critical Assets to Improve Performance

There are many ways to improve a website performance. One of the ways is to preload specific files that you know will be required later and are essential for the quick rendering of the page. The preload value of the [...]

Animating Gradients: A Guide to Smooth Transitions in CSS

In CSS, it is not possible to perform animation or partial gradient changes using the transition property. In other words, the following transition won’t work: .gradient { min-height: 200px; background-image: linear-gradient( to right, hsl(49.68, 97.89%, 62.75%), hsl(200, 51.54%, 44.51%) ); [...]

How to Create a Slider in WordPress with the Vegas Slideshow

Considering that sliders and slider plugins (usually bundled with purchased themes) are quite slow and cumbersome to use, it’s often preferable in many cases to build your own slider to avoid headaches for both you and your clients. Of course, [...]

Troubleshooting position: sticky: Quick Fixes and Solutions

If you are experiencing issues with the position: sticky feature in CSS, meaning it’s not working for you, the cause is usually one of the following. 1. The feature is not supported by your browser Before proceeding, make sure position: [...]

How to Display a Message for Recently Updated Posts

If a post has been updated recently, it can be helpful to notify readers that the content has changed. This lets returning visitors know the information is fresh and worth reviewing again. This technique uses PHP to compare dates, CSS [...]

What is SSL, and is it Necessary for WordPress Sites?

With a market share of over 40%, WordPress is the most popular CMS behind many business websites. Of course, this popularity makes it even more interesting and attractive for hackers and malicious attacks, which can easily damage your audience’s trust, [...]

Using Advanced Custom Fields without Frontend Dependency

The plugin Advanced Custom Fields provides a simple, visual interface for creating metaboxes. The result is intuitive and easy for clients to edit. ACF includes several functions for pulling field values in your templates, but I recommend not using them [...]

Use CSS Containment & Improve Website’s Performance

CSS Containment is a module that describes a CSS property called contain. This property allows developers to isolate a specific element’s subtree in the DOM and treat it as independent and separate from the rest of the elements in the [...]

How to Self-Host Google Analytics 4 Locally for Better Page Speed

Google Analytics 4 (GA4) uses the gtag.js library, loaded from Google’s servers with a cache expiration of just two hours. Speed testing tools like Google PageSpeed Insights and GTmetrix flag this as a “Serve static assets with an efficient cache [...]