Bloom 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 Bloom! Please take the time to review the documentation below and you'll have your blog set up in no time!

Installation

To install Feature, head to yourdomain.com/ghost/#/settings/design/change-theme. Click the 'Upload theme' button and upload the bloom.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. To edit these menus go to yourdomain.com/ghost/#/settings/navigation.

Dropdown Menus:

By default, the primary navigation appears inline. To create dropdown menus, add a new navigation item where you'd like the dropdown to begin and type ## in the URL field. This tells the theme when to start a dropdown. Then to add submenu items to the dropdown, prefix the items below it with -. If you do not prefix an item below, it will end the dropdown.

This is an example of a dropdown menu setup:

Secondary Navigation

The secondary navigation is used in the footer.

Footer Columns:

By default, the secondary navigation appears inline. To create columns, add a new navigation item where you'd like the column to begin and type ## in the URL field. This tells the theme when to start a column. Note: You DO NOT need to add prefixes to the columns sub items like we did for dropdowns in the primary navigation.

This is an example of a footer menu setup:

Featured posts are displayed as cards on the homepage. Make sure you have at least 4 posts set as featured to populate to populate the cards properly.

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.
  • Accent color: Used to style buttons and links throughout the theme.
  • Publication icon: Used as the browser tab icon.
  • Publication logo: Used in the header and footer.
  • Publication cover: This setting is not used to maintain the design integrity.

Site-wide Settings

  • Reveal animations: Enables or disables reveal animations.
  • Desktop logo height: Controls the displayed height of your logo on desktop.
  • Mobile logo height: Controls the displayed height of your logo on mobile-sized screens.
  • Dark mode: Enables or disables the dark mode switcher on your site (default: enabled).
  • Dark mode logo: Upload a light-colored logo to use when dark mode is active.
  • Button color: Controls the background color of your buttons.
  • Dark mode button color: Controls the background color of your dark mode buttons.
  • Card author: Controls the display of the author in post cards (options: Name, Image + Name, None; default: Name).
  • Card date: Displays the post date in post cards (default: enabled).
  • Card excerpt: Displays the excerpt in post cards (default: enabled).
  • Author slug for socials: Enter the author slug to display social links in the footer. Example: john-doe
  • Footer copyright text: Sets custom copyright text displayed in the footer.

Homepage Settings

  • Intro title: Defines the main heading in the intro section. Leave blank to hide the intro section.
  • Intro description: A short introductory paragraph displayed below the intro title.
  • Homepage posts: Choose how to display posts on the homepage (Latest or Sections layout).
  • Homepage sections: When using Sections layout, enter tag slugs (comma-separated, no spaces) to create organized content sections on your homepage.

Post Settings

  • Table of contents: Displays the table of contents on post pages. Table of content items are automatically added based on post H2 tags. (default: enabled)
  • Sidebar: Displays a sidebar on post pages. Content is pulled in automatically from your sites title & description, author socials, featured posts and tags. (default: enabled)
  • Post author: Controls the display of the author on post pages (options: Name, Image + Name, None; default: Name).
  • Post date: Displays the date on post pages (default: enabled).

Recommendations

  • We recommend using an SVG for your publication logo for crisp display on all devices.
  • Make sure you always have the correct amount of featured posts set to properly display the cards.

Support

For support inquiries please visit https://storiedthemes.com/support.

Credits