Summit Documentation

Note: This documentation assumes that you have a Ghost blog setup and running on a server. If you don't have a Ghost blog setup yet, we highly recommend using Ghost(Pro). You can learn more about installing Ghost here.

Introduction

Thank you for purchasing Summit! Please take the time to review the documentation below and you'll have your blog set up in no time!

Installation

To install Summit, head to yourdomain.com/ghost/#/settings/design/change-theme. Click the 'Upload theme' button and upload the summit.zip file that came with your purchase. Click 'Activate' and the theme is ready to go!

Primary Navigation

The primary navigation is used in the header. This navigation is set up to display your first 3 menu items inline. The rest will appear in the dropdown menu. To edit these menus go to yourdomain.com/ghost/#/settings/navigation.

Secondary Navigation

The secondary navigation is used for the footer. By default these menu items will display inline. To create columns you will need to create column titles. To create column titles, add new navigation item where you want a new column to start and use ## in the url field.

Social Navigation Items

To style the social navigation items, we look for items with particular labels. Use the following labels for your social media items: Behance, Dribbble, Facebook, Github, Instagram, LinkedIn, Pinterest, Reddit, Snapchat, Tiktok, Vimeo, X, X/Twitter, Twitter, Twitter/X, Youtube.

Custom Page Templates

We included 3 custom page templates: Authors, Tags and Contact. To create a custom page, add a new page and select one of the 3 options from the template dropdown located in the page settings sidebar. These pages do not support all content added to the page. See below for reference.

Authors Template

Used to display the page title, excerpt and archive of authors.

Tags Template

Used to display the page title, excerpt and archive of tags.

Contact Template

Used to display the page title, excerpt, feature image and a Formspree form. To ensure the form works you will need to create a form in Formspree and add the endpoint url to the ‘Contact form’ setting within theme settings.

Theme Settings

To update the design settings, head to yourdomain.com/ghost/#/settings/design.

Brand Settings

Site description: Used in your site meta tag for search engines, footer description and sidebar about section.
Accent color: Used to style buttons and links.
Publication icon: Used as the browser tab icon.
Publication logo: Used in the header, footer and sidebar about section.
Publication cover: This setting is not used to keep the integrity of the design.

Site-wide Settings

Publication logo height: Used to change the size of your logo.
Post feed layout: Used to display posts in a grid or list layout.
Mobile menu color: Used to change the color of the mobile menu.
Sidebar: Used to toggle the global sidebar. Excluded from pages and posts.
Sidebar about: Used to toggle the sidebar about section.
Sidebar featured posts: Used to toggle the sidebar featured posts section.
Sidebar subscribe: Used to toggle the sidebar subscribe section.
Sidebar subscribe title: Used for the sidebar subscribe title.
Contact form: Used to add a Formspree form to the custom contact page template.
Footer copyright: Used to change the footer copyright text.

Homepage Settings

Intro title: Used to display an intro above the featured posts section.
Intro description: Used to display an accompanying description to the intro.
Featured posts layout: Used to display your featured posts in a slider or mixed grid layout.
Popular tags title: Used to change the title for the popular tags section that appears below the featured posts.
Recommended posts tag: Used to pull in posts for the recommended posts section.

Post Settings

Post header layout: Used to display the single post header as stacked or columns.
Post sidebar: Used to toggle the sidebar on single posts.