Homepage
This guide explains how to set up your homepage using the Compact theme in Ghost.
1. Header
Section titled “1. Header”Add Logo:
- 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.
Primary Color:
- Go to Ghost Admin → Settings → Design & Branding → Brand.
- Find the “Accent Color” field and choose your color
- For dark mode color:
- Go to Settings → Design & Branding → Theme.
- Find the “Accent Color for Dark mode” field and choose your color
Hero section:
- For H1 text, Go to Ghost Admin → Settings → Title & Description → Site description.
- For Description bellow the title text, Go to Settings → Design & Branding → Theme → Small description.
2. Navigation
Section titled “2. Navigation”The Compact theme provides flexible navigation options.
📌 Primary Navigation
Section titled “📌 Primary Navigation”(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.
➕ Secondary Navigation
Section titled “➕ Secondary Navigation”(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.
3. Adding Social Media Links
Section titled “3. Adding Social Media Links”- 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)
- Facebook: Paste full profile URL (e.g.,
Other Social Networks
Section titled “Other Social Networks”- Navigate to Settings → Design & Branding → Theme.
- Add your Instagram and Pinterest and the other profile links.
4. Featured Tags Filter
Section titled “4. Featured Tags Filter”To display tags for Filter, navigate to Settings → Design & Branding → Theme, then add Featured tags slug separated by comma
5. Recent Posts
Section titled “5. Recent Posts”- Automatically added, this section displays latest posts.
6. Subscribe & Tags
Section titled “6. Subscribe & Tags”- To display the Subscribe form, make sure access is set to “Anyone can sign up”. To do this, go to Ghost Admin → Membership → Access.
7. Footer
Section titled “7. Footer”- Logo ais displayed automatically if configured initially.
- To edit copyright text go to :
Settings → Design & Branding → Theme → Footer text - To edit phone number and Email go to Settings → Design & Branding → Theme and Edit your information.
8. Theme
Section titled “8. Theme”Compact support by default Sepia Theme, to switch to Light theme go to Settings → Design & Branding → Theme → Default theme