A recipe blog that is easy to cook from and easy for Google to read.

The build

Built on WordPress and Elementor, kept light on purpose.

The site runs on the Hello Elementor theme with Elementor Pro templates for the header, footer, recipe posts and category archives. Hello Elementor adds almost nothing of its own, so the page weight comes from the content and not from a heavy theme. Every recipe post uses the same single-post template, which keeps the layout consistent across hundreds of recipes and means a design change happens in one place.

The navigation follows how people actually look for food: Breakfast, Lunch & Dinner, Appetizers, Desserts, Airfryer, Ramadan, and a Pakistani & Fusion section, plus an Everything Caesar collection for the blog's best-known recipes. Readers can also search as they type, which matters once a blog has a few hundred posts.

Recipe cards

Recipe cards that work for readers and for search.

Recipes are published with WP Recipe Maker Premium rather than typed into the post body. That one decision gives the site several features at once:

Custom plugin

A cook mode plugin written for this site.

Phones dim and lock after a minute or two, which is exactly when someone is halfway through a recipe with dough on their hands. WP Recipe Maker didn't cover this the way the blog needed, so I wrote a small custom plugin, the WP Recipe Maker Cook Mode Extension. It adds a Cook Mode switch to the recipe card that uses the browser's Screen Wake Lock API to keep the screen on while the recipe is open, and lets it sleep again when the reader switches it off or leaves the page.

The plugin loads one small script and one stylesheet, only on recipe pages, so it doesn't slow down the rest of the site. The same idea is now available to every WordPress food blog as my free plugin on WordPress.org, WakeChef Cook Mode, which works with WP Recipe Maker cards and with recipes written in any other format.

Speed and SEO

Fast pages on a photo-heavy site.

Food blogs live on photos, and photos are what slow them down. Images are served as WebP, and WP Rocket handles page caching and file optimization, so recipe pages stay quick on mobile data. Rank Math manages titles, descriptions, the XML sitemaps and the site's structured data, and Google Site Kit connects Search Console and Analytics so the owner can see which recipes people find.

The site also has a cookie consent banner and a privacy policy page. These are easy to forget on a personal blog, but they matter once a site has real traffic and analytics.

Handover

A blog the owner runs without a developer.

The real test of a blog build is the hundredth post, not the first. Publishing a recipe here means writing the story, filling in the recipe card, choosing a category and adding photos. Everything else, from the schema to the print layout and the archive pages, happens automatically. That is the point of a template-based build: the site keeps the same quality whether it has twenty recipes or several hundred.