search ]

Tutorials & Guides, Freelance WordPress Developer | Page 19

How to Create Masonry with Loading Animations in WordPress

I recently wrote about Isotope and how to use this library to create a filter or post filtering in WordPress. As mentioned, Isotope has a young sibling called masonry.js, which allows you to create nice layouts and essentially enables creating [...]

Display Images & Content in Lightbox using Lity.js

Lity is a lightweight, accessible, and responsive lightbox library that supports images, videos, iframes, and even inline content. The library weighs only about 3K when minified and gzipped on your server. In this short post, we’ll see how to use [...]

Separator Line with a Middle Element in CSS

This is a short post describing how to create a separator line with an element in the middle, like a kind of divider with text or an image when there is the same separator line to the left and right [...]

How to Make a YouTube Video Responsive in WordPress?

If you are a blogger, you certainly know that in order to make their posts eye-catching, they need to spice them up with some images, videos, clips, and the like to add interest and color. However, WordPress by default doesn’t [...]

Adding reCaptcha v2 to Contact Form 7

In versions 7.4.3 and above of the Contact Form 7 plugin, it is possible to easily add Google’s reCaptcha to forms. Google reCaptcha is a standard solution and perhaps the ideal solution for preventing spam in CF7 forms and forms [...]

Add, Remove & Edit Product Data Tabs in WooCommerce

WooCommerce includes three default tabs on every product page: “Description”, “Additional Information”, and “Reviews”. These are called Product Data Tabs, and WooCommerce provides a filter hook that lets you remove, rename, reorder, customize, or add new tabs entirely. All the [...]

What is CLS (Cumulative Layout Shift) and How to Improve it?

One of the most frustrating things that happen when browsing a website is unexpected layout changes on a page. A popup appears out of nowhere. Content shifts while you’re reading. A button moves just as you’re about to click it. [...]

The Meaning of Bounce Rate in Google Analytics

Bounce Rate measures the percentage of sessions where a user leaves your site without meaningful engagement. The exact definition depends on which version of Google Analytics you use. In Universal Analytics (now discontinued), a bounce was a single-page session with [...]

Flex-wrap in CSS: A Practical Guide for Developers

flex-wrap is a specific property that exists as part of the CSS flexbox module. Using this property, you can determine how flex items will be displayed and behave within a flex container when they don’t have enough space. The flex-wrap [...]

How to add WordPress Related Posts Without a Plugin

Showing Related Posts at the bottom of your articles keeps visitors browsing your site longer, improves engagement, and helps with SEO through better internal linking. Since I always try to keep the number of plugins to a minimum for security [...]

11 Ways to Reduce Bounce Rate and Improve Conversions

Bounce Rate, also known as Exit Rate, is an important metric for understanding the performance of your digital marketing. A low bounce rate is positive, indicating high engagement of visitors with your site’s content, leading to more page views on [...]

Savvy WordPress Development official logo