Getting Started

Thank You for Choosing Our Theme!

We’re thrilled that you’ve selected our MmmDaily theme for your Ghost website. If you run into any challenges or have questions, don’t hesitate to reach out via our email (trexthemes@gmail.com) — we’re here to help!

Getting Started with MmmDaily

All the theme’s features, setup instructions, and customization options are thoroughly covered in this documentation. Use the On this page menu on the right to jump straight to any section.

Theme Details

🎨 Name: MmmDaily
✍️ Author: T-Rex Themes
🛠️ Platform: Ghost
🔄 Latest Version: 1.0.0
📅 Last Updated: Aug 17, 2025

Requirements

Since MmmDaily is a Ghost theme, it follows the same system requirements as Ghost. Before getting started, ensure you have:

✅ A working Ghost installation
✅ Basic familiarity with Ghost’s interface

🔍 New to Ghost? We recommend checking out the official Ghost Help Center for beginner-friendly guides and tutorials.

Installing Your MmmDaily Theme

🚀 Welcome to MmmDaily!

Follow these quick steps to install your new Ghost theme:

1. Download Your Theme

After purchase, you’ll receive a MmmDaily.zip file containing your theme.

2. Log Into Ghost Admin

Access your dashboard at:
https://yoursite.com/ghost

3. Upload the Theme

Click the ⚙️ Settings icon (bottom left)
Select “Theme” from the menu
Choose “Change theme” → “Upload theme”
Upload the MmmDaily.zip file

4. Activate MmmDaily

Once uploaded, click “Activate now” to apply your new theme.

🎉 That’s it! MmmDaily is now ready to use.

💬 Need help? Contact our support team for assistance at trexthemes@gmail.com.

Homepage

This guide explains how to set up your homepage using the MmmDaily theme in Ghost.

1. Header

Add Logo and Slogan:

Go to Ghost Admin → Settings → Design & Branding → Brand.
Upload your Primary Logo:
- Find the “Publication logo” field.
- Click Upload logo and select your file.
- Click Save to apply changes.
For dark mode logo:
- Go to Settings → Design & Branding → Theme.
- Upload your logo for dark mode.
For Slogan:
- Go to Settings → General Settings → Title and Description.
- Add your description.

The MmmDaily theme provides flexible navigation options.

(Displayed at the top of your site)

Go to Ghost Admin → Settings → Navigation.
Click Customize next to Primary Navigation.
Add/Edit Menu Items:
- Drag to reorder links.
- Click + to add new items.
- Click the trash icon to remove items.
- Click Save to apply changes.

(Optional menu for extra links or CTAs)

In the same Navigation settings, click Customize next to Secondary Navigation.
Build your menu following the same steps as above.

Go to Ghost Admin → Settings → Social accounts.
Add your links:
- Facebook: Paste full profile URL (e.g., https://facebook.com/yourpage)
- X (Twitter): Enter handle or full profile URL (e.g., https://twitter.com/yourhandle)

Navigate to Settings → Design & Branding → Theme → Site-wide.
Add your Instagram and Pinterest and the other profile links.

4. Carousel of Featured Recipes

Displays recipes marked as featured.
To change the green background:
Settings → Design & Branding → Theme → Featured recipes background image.

5. Recipe Categories

To show specific tags in the homepage tags section:
Settings → Design & Branding → Theme → Featured tags
Enter tag slugs separated by commas (no spaces).
Ensure each tag is associated with at least one post or recipe.

6. About Section

Create a page with a title, excerpt, and slug /about.
To configure section title, description, image, and subscribe image:
Settings → Design & Branding → Theme
The “Read More” link will redirect to the About page by default.

7. Videos Carousel

Create a post and add the following internal tags:
- #video
- #videoid-YOUTUBE-ID (example: #videoid-gH_Z7MwlOHM)

8. Recent Recipes

Automatically added when you create a Recipes Page.
Refer to the recipes setup section in the documentation.

9. Recommendation Section

Ghost supports cross-promotion via Recommendations (beta feature).
To create recommendations:
1. Go to Settings → Growth → Recommendations in Ghost Admin.
2. Click Add recommendation.

10. Recent Posts

Automatically added when you create a Blog Page.
Refer to the blog setup section in the documentation.

Logo and Social links are displayed automatically if configured initially.
To edit description and copyright text:
Settings → Design & Branding → Theme

Customizing Your Accent Color

Give your MmmDaily theme a personalized touch by updating the accent color — here’s how:

🔧 Quick Steps

Go to Ghost Admin → Settings → Design & Branding
Select the Brand tab
Locate the Accent Color option
Choose your color (use the palette or enter a HEX code)
Click Save to apply the changes
Go to Ghost Admin → Settings → Theme
Locate the Secondary Color option
Choose your color (use the palette or enter a HEX code)
Click Save to apply the changes

Typography with the MmmDaily Theme

The MmmDaily theme gives you full control over the fonts used across your site. You can select from theme fonts, Ghost fonts, or system fonts, based on your preference for style and site performance.

How to Configure Typography

1. Log in to Ghost Admin

Go to:
https://yoursite.com/ghost

2. Access Design Settings

Navigate to:
Settings > Site > Design & branding
or visit:
https://yoursite.com/ghost/#/settings/design
Click the Customize button to open the theme editor.

3. Open Theme Typography Settings

Find the Typography option under the Site wide section.

4. Choose Your Font Option

Theme (default): Uses fonts provided by the MmmDaily theme, we are using Google Fonts for optimal load speed and consistent appearance.
Ghost: Enables fonts set in Settings > Site > Design & branding > Brand > Typography. When selected, the theme’s default fonts are disabled to prevent redundant loading.

Routes Setup

⚠️ Caution

For MmmDaily to function correctly, you must upload the routes.yaml file.
The file is included inside the MmmDaily.zip you downloaded.

This step is separate from the theme upload and ensures that custom collections, navigation, and dynamic pages work properly.

How to Upload the `routes.yaml` File

Log in to your Ghost Admin at:
https://yoursite.com/ghost/
Navigate to:
Settings → Labs (https://yoursite.com/ghost/#/settings/labs)
Under Beta features, click the Upload routes file button.
Select the routes.yaml file from the root directory of the MmmDaily theme.

💡 Labs is a testing ground for new or experimental Ghost features. These features may change, break, or disappear unexpectedly.

Available Features in Labs

Routes — Configure dynamic routing by modifying the routes.yaml file.
Download current routes from Ghost Admin.

Preconfigured Routes in MmmDaily

/blog/ — Uses to display latest posts page.
/recipes/ — Uses to display latest recipes page.

Recipes

🍴 MmmDaily Recipes Setup

This guide explains how to create a Recipes page and manage Recipe posts in Ghost using the MmmDaily theme.

1. Create a Recipes Page

Log in to your Ghost Admin at https://yoursite.com/ghost/.
Create a New Page:
- Give it a Title, e.g., Latest Recipes.
- Add an Excerpt (optional).
Set the Slug to recipes.
Publish the page.
You can now access your recipes page at:
```
https://yoursite.com/recipes
```

2. Add Recipe Posts

Create a New Post in Ghost.
Assign the internal hashtag #recipe to this post.
Optionally, add additional recipe info using internal tags:
- Go to Ghost Admin → Tags.
- Create internal tags starting with recipeinfo, e.g.:
```
#recipeinfo-easy
#recipeinfo-gluten-free
#recipeinfo-45
```
- For each internal tag, add:
  - Description – Will be displayed on the recipe post.
  - Image – Will be displayed on the recipe post.
Assign your internal tags to the recipe post. You can also sort the tags as desired.

3. Add Additional Recipe Info

MmmDaily supports a recipe info box for nutrition, servings, yield, and prep/cook times.

Example 1: Prep, Cook, Servings

<div class="recipe-info">
    <div>
        <div class="info-title">Prep Time:</div>
        <div class="info-value">20 min</div>
    </div>
    <div>
        <div class="info-title">Cook Time:</div>
        <div class="info-value">10 mins</div>
    </div>
    <div>
        <div class="info-title">Additional Time:</div>
        <div class="info-value">2h hours</div>
    </div>
    <div>
        <div class="info-title">Servings:</div>
        <div class="info-value">6</div>
    </div>
    <div>
        <div class="info-title">Yield:</div>
        <div class="info-value">4 to 6 - servings</div>
    </div>
</div>

Example 2: Nutritional Information

<div class="recipe-info">
  <div>
        <div class="info-title">Nutritional Information:</div>
    </div>
    <div>
        <div class="info-title">Calories:</div>
        <div class="info-value">~210 kcal</div>
    </div>
    <div>
        <div class="info-title">Fat:</div>
        <div class="info-value">12 g</div>
    </div>
    <div>
        <div class="info-title">Protein:</div>
        <div class="info-value">23 g</div>
    </div>
    <div>
        <div class="info-title">Carbs:</div>
        <div class="info-value">3 g</div>
    </div>
    <div>
        <div class="info-title">Sugar:</div>
        <div class="info-value">0 g</div>
    </div>
</div>

4. Add Directions / Steps

Directions can be displayed as a numbered list using HTML cards.
Copy the following structure and edit the content as needed:

<h3 class="directions-title">
    <span>1</span>
    <span>Preheat oven to 180°C / 350°F.</span>
</h3>

<h3 class="directions-title">
    <span>2</span>
    <span>Mix all ingredients in a bowl.</span>
</h3>

<h3 class="directions-title">
    <span>3</span>
    <span>Pour mixture into a baking tray.</span>
</h3>

<h3 class="directions-title">
    <span>4</span>
    <span>Cook Shrimp – Add shrimp in a single layer. Cook 1–2 minutes per side until pink and opaque.</span>
</h3>

5. Add Recipe Ingredients

MmmDaily supports a recipe Ingredients, to add Ingredients follow those steps:

Ingredients can be displayed as checkboxes using HTML cards.
Copy the structure below and edit the content as needed.
Make sure each ingredient has a unique ID.

<div class="ingredients not-prose">
  <ul>
      <li>
          <input value="" type="checkbox" id="ingredient1">
          <label for="ingredient1" class="ingredient-text">
              1 lb (450 g) large shrimp, peeled and deveined
          </label>
      </li>
      <li>
          <input value="" type="checkbox" id="ingredient2">
          <label for="ingredient2" class="ingredient-text">
              3 tbsp unsalted butter
          </label>
      </li>
      <li>
          <input value="" type="checkbox" id="ingredient3">
          <label for="ingredient3" class="ingredient-text">
              3 cloves garlic, minced
          </label>
      </li>
      <li>
          <input value="" type="checkbox" id="ingredient4">
          <label for="ingredient4" class="ingredient-text">
              2 tbsp olive oil
          </label>
      </li>
      <li>
          <input value="" type="checkbox" id="ingredient5">
          <label for="ingredient5" class="ingredient-text">
              1 tbsp lemon juice (freshly squeezed)
          </label>
      </li>
      <li>
          <input value="" type="checkbox" id="ingredient6">
          <label for="ingredient6" class="ingredient-text">
              1 tsp lemon zest
          </label>
      </li>
      <li>
          <input value="" type="checkbox" id="ingredient7">
          <label for="ingredient7" class="ingredient-text">
              2 tbsp fresh parsley, chopped
          </label>
      </li>
      <li>
          <input value="" type="checkbox" id="ingredient8">
          <label for="ingredient8" class="ingredient-text">
              Salt and black pepper, to taste
          </label>
      </li>
      <li>
          <input value="" type="checkbox" id="ingredient9">
          <label for="ingredient9" class="ingredient-text">
              Lemon wedges, for serving
          </label>
      </li>
  </ul>
</div>

✅ Summary

Recipes Page: Create a page with slug recipes.
Recipe Posts: Create posts with #recipe tag.
Recipe Info: Use recipeinfo-* internal tags and HTML cards for prep, cook, nutrition, and serving info.
Directions: Add steps using HTML card structure.

Following this setup ensures that your MmmDaily theme displays recipes correctly with all additional info and structured layout.

Blog

1. Create a Blog Page

Log in to your Ghost Admin at https://yoursite.com/ghost/.
Create a New Page:
- Give it a Title, e.g., Latest Posts.
- Add an Excerpt (optional).
Set the Slug to blog.
Publish the page.
You can now access your blog page at:
```
https://yoursite.com/blog
```

2. Add Blog Posts

Create a New Post in Ghost.
Assign the your desire tags to this post.

Translation

The MmmDaily theme fully integrates with Ghost’s native translation system, allowing you to easily localize your website for a global audience. It uses simple JSON files stored in the locales/ folder to manage all text strings, making it straightforward to edit existing translations or add new languages.

How to Customize or Add Translations

1. Download and Unzip the Theme

Extract the theme .zip file on your computer.

2. Locate the Translation Files

Open the locales/ folder inside the theme directory. Here you’ll find JSON files named by language code, such as en.json or fr.json.

3. Edit an Existing Translation

Open the JSON file in a code editor (e.g., Visual Studio Code or Sublime Text) and modify the key-value pairs to your desired translations.

Example snippet from a translation file:

{
  "Subscribe": "Inscreva-se",
  "Read More": "Leia Mais"
}

4. Add a New Language (Optional)

Duplicate an existing language file, e.g., en.json.
Rename the copy with your desired language code, such as fr.json for German.
Translate all the key-value pairs inside the file to your target language.

5. Repackage the Theme

Compress the entire theme folder—including your updated locales/ directory—back into a .zip archive.

6. Upload the Updated Theme

Log in to your Ghost Admin panel.
Navigate to:
Settings > Site > Theme > Change theme > Upload Theme
Upload the newly created .zip file containing your modified theme.

7. Set the Site Language

Go to:
Settings > General > Publication Language
Enter the appropriate language code (e.g., es for Spanish, fr for Arabic).

Important Notes

Always use a code editor that supports UTF-8 encoding and proper JSON syntax to prevent file corruption.
Avoid basic text editors like Notepad or word processors such as Word, as they may insert hidden characters or break formatting.

Additional Resources

For comprehensive details on Ghost’s translation and localization features, see the official Ghost Localization Guide.