Skip to content
Ectobuilder
Guides

Food Blog Theme for Ghost: Recipes, Collections and a Paid Membership

A step-by-step guide to the Food Blog theme for Ghost: publish recipes, choose the lead recipe, group recipes by meal, sell a membership with free and paid plans, and show photos from your kitchen.

Michal Wlosik

Michal Wlosik

· 5 min read

Food Blog Theme for Ghost: Recipes, Collections and a Paid Membership

The Food Blog theme is an image-first Ectobuilder theme for home cooks and recipe writers on Ghost. The homepage leads with one big recipe, then large recipe cards, a photo grid from your kitchen, a sliding row of weeknight dinners and a membership section with free and paid plans.

It's built for a food blog that earns: a free weekly letter for everyone, and a paid membership for the full archive. This guide walks through:

To follow along, open the theme from the Ectobuilder theme gallery and connect your Ghost site under Settings → Integrations → Ghost Admin API.

CTA Image

Want this theme for your site? Open the Food Blog theme in Ectobuilder and make it yours. Starting is free, and you only pay if you’re happy with the design.

Start with the Food Blog theme
The lead recipe on the Food Blog homepage: a large photo of a steaming bowl of soup next to the title The weeknight soup I've made forty times this year, its summary, a lock icon, the date and the author
The lead recipe. The small lock means it’s for members.

Part 1: Publish recipes

Every recipe is a Ghost post. The homepage sections fill themselves with your posts, so you write in Ghost and the site updates on its own.

Two large recipe cards: Brown butter pasta with crispy sage, tagged Dinner, and An apple pie with a crust that never shrinks, tagged Baking, each with a big photo, a summary, the author, the date and the reading time
Recipe cards: photo, tag, title, summary, author and reading time come from the post.

Step 1: Write the recipe

  1. In Ghost Admin, click New post. Add a big feature image: it's the first thing readers see, on the homepage and on social media.
  2. Write the story first, then the recipe. Use a list for the ingredients and a numbered list for the method, so readers can follow along at the stove.
  3. Add more photos of the steps. Readers can enlarge any of them with the lightbox.

Step 2: Tag it

In Post settings, give the recipe a first tag for the kind of dish: Dinner, Baking, Soup. It shows on the card and gives readers a page per tag, like /tag/baking/. Then write a one-line excerpt: it's the summary under the title.

Step 3: Choose who can read it

Under Post access, choose Public, Members only or Paid-members only. Locked posts show a small lock on the homepage, and Ghost shows the beginning with a sign-up box to everyone else.

Choose the lead recipe

The big recipe at the top is your latest post. To pick it yourself, open it in Ghost and turn on Feature this post. Then, in Ectobuilder, click the section and under Posts from Ghost set Posts to show to Featured posts, and deploy.

Part 2: Group recipes by meal

The Weeknight dinners row slides sideways with arrows, and every card is a recipe. Out of the box it shows your latest posts. Point it at a tag to make it a real collection:

The Weeknight dinners row: recipe cards side by side for soup, a big salad, pesto pasta and sourdough, each with a tag, date, reading time and summary, and arrows to slide through more
Weeknight dinners: one row per tag, with arrows to slide through.
  1. Tag the recipes in Ghost, for example Weeknight.
  2. In Ectobuilder, click the row. Under Posts from Ghost, set Posts to show to Posts with a tag and type the tag's slug, weeknight.
  3. Set How many to 8 or 12, and double-click the heading and the line under it to describe the collection.
  4. Click Deploy.
A post section selected in the Ectobuilder editor, with the Posts from Ghost settings on the right: Posts with a tag, the tag slug and how many posts
Posts from Ghost: show the posts with one tag. The same settings work on every post section.

Want a row for baking and another for soups? Copy the section with the copy button in its toolbar and set a different tag on each.

Mark members' recipes at a glance with tag icons: a small icon on the photo for a tag like Members.

Part 3: Sell a membership

The Pull up a chair section shows a free plan and a paid one, with a monthly and yearly switch. Ghost handles the sign-ups and the payments, and takes no cut.

The membership section, Pull up a chair: a Free plan at $0 with the Thursday letter, public recipes and comments, and a Member plan marked Most popular at $6 a month billed $72 yearly, with Sunday meal plans, the full recipe archive and printable shopping lists, and a Monthly and Yearly switch with Save 20%
Free and paid plans, with a monthly and yearly switch.

Step 1: Set up tiers in Ghost

  1. In Ghost Admin, open Settings → Membership and connect Stripe.
  2. Under Tiers, set the price of your paid tier, monthly and yearly, and what it includes.

In Ectobuilder, click the membership section. Under Pricing, pick the Ghost tier for each plan. Linked plans take their prices from Ghost, and their buttons open that tier's sign-up, so the prices on your site are always right.

Choose which billing the switch shows first, star the plan to recommend, and double-click the lists to say what members get. Specific beats generic: "Sunday meal plans and printable shopping lists" sells better than "Exclusive content".

For more on pricing tables, read How to build a pricing page in Ghost.

Part 4: Show your kitchen

From my kitchen this week is a grid of five photos: one big, four small. It's the most personal part of the page, so make it yours.

From my kitchen this week: a photo grid with one large picture of a salad and four smaller ones of bread dusted with flour, pasta, a lattice pie and a set table
From my kitchen this week: one big photo and four small ones.
  1. Click each photo, then Replace, and upload your own in the Images panel. Put your best photo in the big spot. See how to add images to your Ghost theme.
  2. Fill in the Description for each picture, or let the sparkle button write it.
  3. Update the grid when you have new photos, and deploy.

Photos load fast: Ghost serves them in the right size for each screen, and pictures further down the page load as readers scroll.

CTA Image

Ready to build yours? Everything in this guide works on your own copy of the Food Blog theme. Start free, connect your Ghost site when you’re ready, and only pay if you like the result.

Start free

Next steps

  • Turn on full-text search, so readers can find a recipe by an ingredient, not just its title.
  • Add share buttons: recipes are shared more than almost anything else. Pinterest is worth switching on.
  • Change the colors and fonts under Style. The theme uses Fraunces for headings.
  • Coming from Substack? Move your posts and paid subscribers in one go.
Michal Wlosik

Written by

Michal Wlosik

Founder of Ectobuilder, the AI-powered visual theme editor for Ghost. Indie software builder in Wrocław and co-author of The AdTech Book. I write about Ghost themes, newsletters and building websites with AI.

Comments

Questions or thoughts? Share them below.

Keep reading