Skip to main content

Homepage

This section details how to customize the home page of your website through the Ghost theme settings' Homepage tab. You can enable or disable sections like the Hero and featured links, along with other dynamic elements.

To customize homepage related options, you need to:

  1. Navigate to 'Design & branding' settings in the Ghost Admin.
  2. Locate the "Homepage" tab on the right-hand side of the interface.

Hero Section

The hero section includes a title and a little description at the top of the homepage. 

Hero Title
  1. Navigate to the field labeled "Hero title" and enter your own hero title.
  2. To apply the modifications you've made, click the "Save" button.
Hero Description
  1. Navigate to the field labeled "Hero description" and enter your own hero description.
  2. To apply the modifications you've made, click the "Save" button.
Hero Subscribe Form

You can show/hide the newsletter signup form on the homepage hero section.

This form is only visible to non-members.

  1. Navigate to the field labeled "Hero subscribe form" and toggle on or off the setting.
  2. To apply the modifications you've made, click the "Save" button.
💡 Tips

In the absence of custom hero title and description being set, the theme will utilize the following defaults:

  • Hero Title: The site title of your publication will be displayed.
  • Hero Description: The site description of your publication will be displayed.

Right below the hero section, you have the option to showcase some links to your pages or tags that you want to emphasize with the Featured Links feature.

  1. Create the pages or tags that you want to link to and obtain their slugs.
  2. After you have the slugs, you can enter them as a string separated by commas.
  3. To apply the modifications you've made, click the "Save" button.

Example:

ghostcave-miyus-ghost-theme-homepage-related-links.png

Preview:

ghostcave-miyus-ghost-theme-homepage-related-links-preview.png

💡 Tips
  • To have a public tag page, you need to assign at least one post to each tag that you are using. (If a tag has no posts, you will see a 404-error page)
  • The Featured Links section will be disabled if the 'Featured links' field is blank.

Editor's Picks

The Editor's Picks section showcases the featured posts on the homepage, below the Featured Links section. This section does not require any configuration.

To display a post on the Editor's Picks section, simply mark it as Featured.

ghostcave-miyus-ghost-theme-homepage-editors-picks.png

If there are no featured posts, the section will not appear on the homepage.


Homepage Sections

You can use tags to create dynamic sections on the homepage. These sections will show the most recent 3 posts from each tag and provide a link to the corresponding tag page. This will make navigation easier for the user.

Preview:

ghostcave-miyus-ghost-theme-homepage-tag-sections.png

Follow these steps to create a section for a specific tag on your homepage:

  • In your Ghost dashboard, go to the Tags section and find the slug of the tag you want to use for the section.

Once you have the tag slug(s):

  1. In the Ghost Admin, go to the 'Design & branding' settings.
  2. On the right-hand side of the screen, click on the "Homepage" tab.
  3. In the field labeled "Home page section tag slugs", type the tag slugs.
  4. To save your changes, click on the "Save" button.

Example:

ghostcave-miyus-ghost-theme-homepage-tag-sections-option.png

💡 Tips
  • To change the background color of the tag sections, go to your tag page and set the Tag color option.
  • To display the section background with the same color as the tag, you need to activate the Use tag accent color option. You can find this option under Settings -> Design & branding -> Site wide.