# Custom Home Page Theme Liebling

**URL:** <https://forum.ghost.org/t/custom-home-page-theme-liebling/25734>\
**Category:** Routing\
**Created:** [September 18, 2021, 11:47am UTC](https://forum.ghost.org/t/custom-home-page-theme-liebling/25734 "2021-09-18T11:47:34Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![yong](https://avatars.discourse-cdn.com/v4/letter/y/b487fb/32.png) [@yong](https://forum.ghost.org/u/yong)\
**Post date:** [September 18, 2021, 11:47am UTC](https://forum.ghost.org/t/custom-home-page-theme-liebling/25734/1 "2021-09-18T11:47:34Z")

</div>

Anyone know how to custom home page with Liebling theme? I have create an home.hbs and copy content of page.hbs, but it still showing it’s only display footer of the theme.

**Liebling website:** [GitHub - eddiesigner/liebling: Beautiful and clean Ghost theme that is easy and comfortable to use. To get the latest version please head over the releases page 👉🏼](https://github.com/eddiesigner/liebling)

**routes.yaml**

```auto
routes:
 /:
    data: page.home
    template: home

collections:
  /:
    permalink: /{slug}/
    template: index

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/

```

---

<div class="post-metadata">

**Author:** ![Carnarts](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/carnarts/32/13850_2.png) [@Carnarts](https://forum.ghost.org/u/Carnarts)\
**Post date:** [September 18, 2021, 12:11pm UTC](https://forum.ghost.org/t/custom-home-page-theme-liebling/25734/2 "2021-09-18T12:11:21Z")

</div>

Have you tried copying the contents of index.hbs?

---

<div class="post-metadata">

**Author:** ![yong](https://avatars.discourse-cdn.com/v4/letter/y/b487fb/32.png) [@yong](https://forum.ghost.org/u/yong)\
**Post date:** [September 18, 2021, 1:30pm UTC](https://forum.ghost.org/t/custom-home-page-theme-liebling/25734/3 "2021-09-18T13:30:41Z")

</div>

Yes, I works with copy index.hbs, but I did not see my Home page when I copy then content from page and replaced `main` …`/main` from page.hbs to home.hbs

```auto
<main class="main-wrap">
  {{!-- Everything inside the #post tags pulls data from the post --}}
  {{#post}}
    {{!-- Inject styles of the hero image to make it responsive --}}
    {{> hero background=feature_image}}
    <div class="m-hero__content" data-aos="fade-down">
      <h1 class="m-hero-title bigger">{{title}}</h1>
      {{#if custom_excerpt}}
        <p class="m-hero-description">{{custom_excerpt}}</p>
      {{/if}}
    </div>
    </section>
    <article>
      <div class="l-content">
        <div class="l-wrapper in-post" data-aos="fade-up" data-aos-delay="300">
          <div class="l-post-content">
            <div class="pos-relative js-post-content">
              {{content}}
            </div>
          </div>
        </div>
      </div>
    </article>
  {{/post}}
</main>

```

---

<div class="post-metadata">

**Author:** ![ahmadajmi](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/ahmadajmi/32/23173_2.png) [@ahmadajmi](https://forum.ghost.org/u/ahmadajmi)\
**Post date:** [September 18, 2021, 3:32pm UTC](https://forum.ghost.org/t/custom-home-page-theme-liebling/25734/4 "2021-09-18T15:32:04Z")

</div>

In your `home.hbs` file, try to replace `{{#post}}` with `{{#page}}` and `{{/post}}` with `{{/page}}`.

So, add your content between:

```auto
{{#page}}

{{/page}}

```

Instead of:

```auto
{{#post}}

{{/post}}

```

---

<div class="post-metadata">

**Author:** ![yong](https://avatars.discourse-cdn.com/v4/letter/y/b487fb/32.png) [@yong](https://forum.ghost.org/u/yong)\
**Post date:** [December 18, 2021, 9:43am UTC](https://forum.ghost.org/t/custom-home-page-theme-liebling/25734/5 "2021-12-18T09:43:17Z")

</div>

Thanks, it resolved my problem. 😁

I also refer routes.yaml file from your post.

> **[How to Add a Custom Homepage to the Krabi Ghost Theme](https://aspirethemes.com/blog/krabi-custom-home)**
>
> A step by step guide on how to see the homepage of your Ghost website to a custom page using the Krabi Theme