Skip to content
Documentation

Homepage

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

1. Header

Section titled “1. Header”

Add Logo:

  1. Go to Ghost Admin → Settings → Design & Branding → Brand.
  2. Upload your Primary Logo:
    • Find the “Publication logo” field.
    • Click Upload logo and select your file.
    • Click Save to apply changes.
  3. For dark mode logo:
    • Go to Settings → Design & Branding → Theme.
    • Upload your logo for dark mode.

Primary Color:

  1. Go to Ghost Admin → Settings → Design & Branding → Brand.
  2. Find the “Accent Color” field and choose your color
  3. For dark mode color:
    • Go to Settings → Design & Branding → Theme.
    • Find the “Accent Color for Dark mode” field and choose your color

Secondary Color:

  1. Go to Ghost Admin → Settings → Design & Branding → Theme.
  2. Find the Secondary Color” field and choose your color
  3. For dark mode color:
    • Go to Settings → Design & Branding → Theme.
    • Find the Secondary Color for Dark mode” field and choose your color

Hero section:

  1. For H1 text (Name), Go to Settings → Design & Branding → Theme → Full Name.
  2. For Description bellow the title text, Go to Ghost Admin → Settings → Title & Description → Site description.
  3. To change the Hero Gradient colors, go to Settings → Design & Branding → Theme → Hero Gradient Colors, then enter a comma-separated list of colors (up to three levels supported).
  4. To change the Hero Gradient colors for dark mode, go to Settings → Design & Branding → Theme → Hero Gradient Colors For Dark Mode, then enter a comma-separated list of colors (up to three levels supported).

2. Navigation

Section titled “2. Navigation”

The Note theme provides flexible navigation options.

📌 Primary Navigation

Section titled “📌 Primary Navigation”

(Displayed at the top of your site)

  1. Go to Ghost Admin → Settings → Navigation.
  2. Click Customize next to Primary Navigation.
  3. 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.

➕ Secondary Navigation

Section titled “➕ Secondary Navigation”

(Optional menu for extra links or CTAs)

  1. In the same Navigation settings, click Customize next to Secondary Navigation.
  2. Build your menu following the same steps as above.
Section titled “3. Adding Social Media Links”
  1. Go to Ghost Admin → Settings → Social accounts.
  2. 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)

Other Social Networks

Section titled “Other Social Networks”
  1. Navigate to Settings → Design & Branding → Theme.
  2. Add your Instagram and Pinterest and the other profile links.

4. Recent Posts

Section titled “4. Recent Posts”
  • Automatically added, this section displays latest posts.

5. Subscribe

Section titled “5. Subscribe”
  • To display the Subscribe form, make sure access is set to “Anyone can sign up”. To do this, go to Ghost Admin → Membership → Access.
Section titled “6. Footer”
  • Logo ais displayed automatically if configured initially.
  • To edit copyright text go to :
    Settings → Design & Branding → Theme → Footer text