search ]

Tutorials & Guides, Freelance WordPress Developer | Page 14

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, then the reason is usually one of the following: 1. The feature is not supported by your browser Before proceeding, make sure that [...]

How to Display a Message for Recently Updated Posts

Whether you’ve noticed it or not, recently on the Savvy blog, a message pops up for a few seconds if you land on any post that has been updated in the last 45 days. Due to frequent updates, I thought [...]

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

With a market share of 30%, WordPress is a popular system 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, leaving you [...]

Using Advanced Custom Fields without Frontend Dependency

The plugin Advanced Custom Fields provides a simple and visual interface for creating metaboxes. The result is very intuitive and easy for the client to edit. The ACF plugin includes several functions that allow you to use your own template [...]

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 [...]

Load Google Analytics Locally from your Own Server

When you optimize the number of server requests (HTTP Requests), you will likely encounter the Google Analytics script at some stage. This script makes an asynchronous request to download the analytics.js file from Google’s servers. This post is not relevant [...]

How to add BreadCrumbs Navigation to a WordPress Site

Breadcrumb trails show users their location on your website. If you’re not familiar, the term “breadcrumb” comes from the tale of Hansel and Gretel, where the main character left a trail of breadcrumbs to find the way back home… And [...]

Optimizing Database Queries in ACF for Better Performance

Sometimes the functions get_field and the_field of the Advanced Custom Fields plugin are sufficient for pages with a few custom fields. However, for pages with many fields or very complex fields (such as those in Repeater or Flexible Fields), we [...]

Savvy WordPress Development