Tutorials & Guides, Freelance WordPress Developer | Page 4

How to Install Tailwind CSS v4 in a WordPress Theme

Tailwind CSS v4 is a ground-up rewrite of the framework with a completely new installation process. If you used Tailwind v3 in a WordPress theme before, forget everything you knew about tailwind.config.js and @tailwind directives – v4 replaces all of [...]

CSS @property: A Complete Guide with Live Animated Examples

The @property at-rule gives CSS custom properties something they never had: a type system. You can tell the browser that a variable is a color, an angle, or a length, and suddenly things like gradient transitions and type-safe fallbacks just [...]

How to Modify the WordPress Loop with pre_get_posts

One of the most powerful features of WordPress is the WP_Query. It is the query that determines which content is displayed and on which page. You will often want to modify this query to fit your specific needs, for example: [...]

9 Recommended Schema Types for Blogs and E-commerce Stores

Google and other search engines work hard to understand the content of every web page. You can help them by adding explicit information that describes what your page is about – this information is called schema markup, or “structured data.” [...]

How to Block AI Crawlers and Bots with robots.txt

AI crawlers are visiting your website every day. OpenAI’s GPTBot, Anthropic’s ClaudeBot, Meta’s crawler, and dozens of others are scraping content to train large language models or power AI search features. Unlike traditional search engine crawlers that index your site [...]

How to Optimize Content for AI Overviews & Citations

AI Overviews now appear in over 13% of Google searches. ChatGPT, Perplexity, and Claude are answering questions that used to send clicks to your site. The question is no longer whether AI will reshape search – it’s whether your content [...]

How to Track AI Traffic in Google Analytics 4

AI tools like ChatGPT, Perplexity, and Claude are sending real traffic to websites. The problem is that Google Analytics 4 doesn’t separate these visits from generic referrals or direct traffic, making them essentially invisible. Here’s how to identify AI referral [...]

Display MSRP (Manufacturer Price) on WooCommerce Product Pages

The Manufacturer’s Suggested Retail Price (MSRP) is the price that a manufacturer recommends retailers sell a product for. You’ve probably seen this tactic in ads or flyers: “MSRP: $140. Our price: $99 only!” Displaying the MSRP alongside your actual selling [...]

Guide to Google PageSpeed for WordPress Users – Part 2

This is Part 2 of the guide to Google PageSpeed Insights, and perhaps the more interesting part for many of you. In the previous part of the guide, we covered the lab data that Google PageSpeed Insights displays. In this [...]