Arrow BackArrow Back

Mono

Back home

(documentation menu)
Introduction

Welcome to the Mono theme documentation! This documentation is designed to provide you with all the necessary information to help you get started with the Mono theme for your Ghost-powered website. Before diving into the documentation, it is important to have a basic understanding of Ghost and its concepts. If you are new to Ghost, we recommend referring to the official Ghost documentation to familiarize yourself with the platform.

Customization and Code Modifications:

Mono theme offers extensive customization options to personalize your website's appearance and functionality. Please exercise caution when making custom code changes, as incorrect modifications can potentially break your website's functionality or layout. It is recommended to create backups and test changes in a development environment before applying them to your live site.

Support Limitations:


Please be aware that our support for Mono theme is primarily focused on theme-specific issues and providing guidance on theme features and settings. We do not provide support for issues arising from custom code modifications or third-party integrations. If you encounter any issues or have questions related to Mono theme's built-in features and settings, please refer to the documentation or reach out to our support team for assistance. However, for custom code modifications and advanced customization requests, we recommend consulting with a web developer or referring to appropriate coding resources.

By being mindful of these considerations, you can fully leverage the power and flexibility of Mono theme while ensuring a smooth and successful customization experience.

uploading a theme

Upon purchasing the Mono theme, you will receive a .zip file containing the theme files. Follow the steps below to upload and activate the theme:

  1. Log in to your Ghost Admin dashboard, navigate to Design & branding and click on "Customize".
  2. In the Design Settings page, click on the "Change theme" button located in the bottom right corner.
  3. Click on the "Upload theme" button in the top right corner.
  4. Select the Mono theme .zip file (mono.zip) either by clicking the "Select file" button or by dragging and dropping the file into the designated area.
  5. Once the theme is uploaded, click on the "Activate" button to activate the Mono theme.


That's it! The Mono theme is now successfully installed and ready to be customized according to your preferences. Enjoy exploring the theme's features and unleash the full potential of your Ghost-powered website.

Editing a theme

To edit the theme files in the Mono theme, follow these steps:

  1. Start by opening the Mono .zip file and extracting all the files within.
  2. Choose the specific file you want to modify and open it using a code editor of your choice, such as Sublime Text, Visual Studio Code, Atom, or any other preferred editor.
  3. Make the necessary changes to the file according to your requirements, and remember to save the updated file.
  4. Once you have finished editing and saving the file, re-zip all the modified files to create a new .zip archive.
  5. Finally, upload the newly created .zip file to your Ghost Admin by following the instructions provided in the "Upload" section.


Please note that when editing theme files, it's important to have a good understanding of HTML, CSS, and Ghost theming concepts. Additionally, always make backups of the original theme files before making any changes, so you can revert back if needed.

primary navigation

The primary navigation is used for links that appear in the navigation bar or menu of your website. To add a link to the primary navigation, follow these steps:

  1. Go to the Ghost Admin Panel and navigate to the Navigation Settings.
  2. In the Primary navigation section, enter the name of the link in the Label field, and specify its URL in the corresponding field on the right. You can add or remove more links, and rearrange them by dragging them to change their position.


The Mono theme also supports second-level or inner links within the primary navigation. To create these sub-links, follow these guidelines:

  1. Start by adding a Label text that will serve as a grouping for certain links. For example, if you want the label to be named "About," enter the text: "-About".
  2. Next, add the links that will be grouped under that label. Use the following format: "-labelname--linkname". For instance, if you want to add a link named "Home" to the "About" group, you would write it as "-About--Home".


In the example images below, you can see how the links are grouped using labels. In this case, the label for the links group is named "Features" (-Features), and it contains sub-links such as Features (-Features--Features), Archive (-Features--Archive), and Tags (-Features--Tags). This allows you to organize your navigation menu and create hierarchical links within the primary navigation.

Primary NavigationPrimary Navigation
SEcondary navigation

The secondary navigation is used for links that appear in the footer of your website. To add a link to the secondary navigation, follow these steps:

  1. Go to the Ghost Admin Panel and navigate to the Navigation Settings.
  2. In the Secondary navigation section, enter the name of the link in the Label field, and specify its URL in the corresponding field on the right. You can add or remove more links, and rearrange them by dragging them to change their position.
Authors

The Mono theme includes a custom-made page for displaying all of the authors on your website. To add this page, follow these steps:

  1. From your Ghost admin dashboard, navigate to the Pages section (located in the left tab).
  2. Click on the "New page" button in the top right corner.
  3. In the page editor, enter a title for your page. This will be displayed as the heading on the Authors page.
  4. Click on the page settings icon (located in the top right corner) and provide a description in the Excerpt field. This description will appear below the heading on the page.
  5. IMPORTANT: In the page settings, make sure to set the Page URL field to "authors". It is essential to use this specific URL name for the feature to work correctly. If you choose a different URL, this functionality may not function as intended.
  6. Refer to the image below for an example of how the Authors page should be set up.
  7. Once you have finished configuring the page settings and adding content, click on the "Publish" button located in the top right corner. This will make the Authors page accessible to your website visitors.
Authors
Contact

The Mono theme includes a custom-made page for displaying the contact page with a form on your website. To add this page, follow these steps:

  1. From your Ghost admin dashboard, navigate to the Pages section (located in the left tab).
  2. Click on the "New page" button in the top right corner.
  3. In the page editor, enter a title for your page. This will be displayed as the heading on the Contact page.
  4. Click on the page settings icon (located in the top right corner) and provide a description in the Excerpt field. This description will appear below the heading on the page. Additionally, you can also add a feature image.
  5. IMPORTANT: In the page settings, make sure to set the Page URL field to "contact". It is essential to use this specific URL name for the feature to work correctly. If you choose a different URL, this functionality may not function as intended.
  6. Refer to the image below for an example of how the Contact page should be set up.
  7. IMPORTANT: Configure the Formspree service and add the Formspree form link to the designated file. For additional information refer to "Formspree form link Section".
  8. Once you have finished configuring the page settings and adding content, click on the "Publish" button located in the top right corner. This will make the Contact page accessible to your website visitors.
Contact
faq

The Mono theme includes a custom-made page for displaying the FAQ page with toggle cards. To add this page, follow these steps:

  1. From your Ghost admin dashboard, navigate to the Pages section (located in the left tab).
  2. Click on the "New page" button in the top right corner.
  3. In the page editor, enter a title for your page. This will be displayed as the heading on the FAQ page.
  4. Click on the page settings icon (located in the top right corner) and provide a description in the Excerpt field. This description will appear below the heading on the page.
  5. IMPORTANT: In the page settings, make sure to set the Page URL field to "faq". It is essential to use this specific URL name for the feature to work correctly. If you choose a different URL, this functionality may not function as intended.
  6. Refer to the image below for an example of how the FAQ page should be set up.
  7. Once you have finished configuring the page settings and adding content, click on the "Publish" button located in the top right corner. This will make the FAQ page accessible to your website visitors.
FAQ
Tags

The Mono theme includes a custom-made page for displaying the tags on your website. To add this page, follow these steps:

  1. From your Ghost admin dashboard, navigate to the Pages section (located in the left tab).
  2. Click on the "New page" button in the top right corner.
  3. In the page editor, enter a title for your page. This will be displayed as the heading on the Tags page.
  4. Click on the page settings icon (located in the top right corner) and provide a description in the Excerpt field. This description will appear below the heading on the page.
  5. IMPORTANT: In the page settings, make sure to set the Page URL field to "tags". It is essential to use this specific URL name for the feature to work correctly. If you choose a different URL, this functionality may not function as intended.
  6. Refer to the image below for an example of how the Tags page should be set up.
  7. Once you have finished configuring the page settings and adding content, click on the "Publish" button located in the top right corner. This will make the Tags page accessible to your website visitors.
Tags
archive

The Mono theme includes a custom-made page for displaying all posts filtered by tags on your website. To add this page, follow these steps:

  1. From your Ghost admin dashboard, navigate to the Pages section (located in the left tab).
  2. Click on the "New page" button in the top right corner.
  3. In the page editor, enter a title for your page. This will be displayed as the heading on the Archive page.
  4. IMPORTANT: In the page settings, make sure to set the Page URL field to "archive". It is essential to use this specific URL name for the feature to work correctly. If you choose a different URL, this functionality may not function as intended.
  5. Refer to the image below for an example of how the Archive page should be set up.
  6. Once you have finished configuring the page settings and adding content, click on the "Publish" button located in the top right corner. This will make the Archive page accessible to your website visitors.
Archive
Sign in

The Mono theme includes a custom-made Sign in page. To add this page, follow these steps:

  1. From your Ghost admin dashboard, navigate to the Pages section (located in the left tab).
  2. Click on the "New page" button in the top right corner.
  3. In the page editor, enter a title for your page. This will be displayed as the heading on the Sign in page.
  4. Click on the page settings icon (located in the top right corner) and provide a description in the Excerpt field. This description will appear below the heading on the page. Additionally, you can also add a feature image.
  5. IMPORTANT: In the page settings, make sure to set the Page URL field to "signin". It is essential to use this specific URL name for the feature to work correctly. If you choose a different URL, this functionality may not function as intended.
  6. Refer to the image below for an example of how the Sign in page should be set up.
  7. Once you have finished configuring the page settings and adding content, click on the "Publish" button located in the top right corner. This will make the Sign in page accessible to your website visitors.
Singin
Sign UP

The Mono theme includes a custom-made Sign up page. To add this page, follow these steps:

  1. From your Ghost admin dashboard, navigate to the Pages section (located in the left tab).
  2. Click on the "New page" button in the top right corner.
  3. In the page editor, enter a title for your page. This will be displayed as the heading on the Sign up page.
  4. Click on the page settings icon (located in the top right corner) and provide a description in the Excerpt field. This description will appear below the heading on the page. Additionally, you can also add a feature image.
  5. IMPORTANT: In the page settings, make sure to set the Page URL field to "signup". It is essential to use this specific URL name for the feature to work correctly. If you choose a different URL, this functionality may not function as intended.
  6. Refer to the image below for an example of how the Sign up page should be set up.
  7. Once you have finished configuring the page settings and adding content, click on the "Publish" button located in the top right corner. This will make the Sign up page accessible to your website visitors.
Signup
Subscribe

The Mono theme includes a custom-made Subscribe page. To add this page, follow these steps:

  1. From your Ghost admin dashboard, navigate to the Pages section (located in the left tab).
  2. Click on the "New page" button in the top right corner.
  3. In the page editor, enter a title for your page. This will be displayed as the heading on the Subscribe page.
  4. Click on the page settings icon (located in the top right corner) and provide a description in the Excerpt field. This description will appear below the heading on the page. Additionally, you can also add a feature image.
  5. IMPORTANT: In the page settings, make sure to set the Page URL field to "subscribe". It is essential to use this specific URL name for the feature to work correctly. If you choose a different URL, this functionality may not function as intended.
  6. Refer to the image below for an example of how the Subscribe page should be set up.
  7. Once you have finished configuring the page settings and adding content, click on the "Publish" button located in the top right corner. This will make the Subscribe page accessible to your website visitors.
Subscribe
account

The Mono theme includes a custom-made Account page. To add this page, follow these steps:

  1. From your Ghost admin dashboard, navigate to the Pages section (located in the left tab).
  2. Click on the "New page" button in the top right corner.
  3. IMPORTANT: In the page settings, make sure to set the Page URL field to "account". It is essential to use this specific URL name for the feature to work correctly. If you choose a different URL, this functionality may not function as intended.
  4. Refer to the image below for an example of how the Account page should be set up.
  5. Once you have finished configuring the page settings and adding content, click on the "Publish" button located in the top right corner. This will make the Account page accessible to your website visitors.
Account
membership

The Mono theme includes a custom-made page for displaying the membership tiers (yearly and monthly) on your website. To add this page, follow these steps:

  1. From your Ghost admin dashboard, navigate to the Pages section (located in the left tab).
  2. Click on the "New page" button in the top right corner.
  3. In the page editor, enter a title for your page. This will be displayed as the heading on the Membership page.
  4. IMPORTANT: In the page settings, make sure to set the Page URL field to "membership". It is essential to use this specific URL name for the feature to work correctly. If you choose a different URL, this functionality may not function as intended.
  5. Refer to the image below for an example of how the Membership page should be set up.
  6. Once you have finished configuring the page settings and adding content, click on the "Publish" button located in the top right corner. This will make the Membership page accessible to your website visitors.
Membership
Background Color

To customize the theme's background color, simply follow these steps:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Select the desired background color on the Background color setting.
  4. Click the Save button located in the top-right corner to apply the changes.
Text Color

To customize the theme's text color, simply follow these steps:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Select the desired text color on the Text color setting.
  4. Click the Save button located in the top-right corner to apply the changes.
Fonts

The Mono theme offers the versatility of utilizing Google fonts, providing you with two distinct font options on your website. The primary font is predominantly employed for titles, buttons and links and the secondary font for paragraphs. In the event this setting is left empty, the default fonts will be automatically applied. To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Please enter the fonts by their respective names in the designated field (Fonts) from the Google Fonts page, with each font separated by a comma. For example: Roboto Mono, Roboto
  4. Click the Save button located in the top-right corner to apply the changes.
Custom pages

The Mono theme offers the flexibility to utilize custom pages. Choosing custom account pages will result in the creation of links such as sign-in, sign-up, subscribe, and account, replacing the default Ghost pop-ups. If you select none, no links will be generated to direct users to the custom pages. To adjust this setting, please follow the steps outlined below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Check/uncheck the toggle button for Use custom pages.
  4. Click the Save button located in the top-right corner to apply the changes.
  5. IMPORTANT: In order for custom pages to work, you need to create pages with the following Page URLs: 'signin', 'signup', 'subscribe' and 'account'. Please refer to documentation for these custom pages.
Logo scale

The Mono theme allows you to scale your logo image. To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Select the desired scale factor on the Logo scale dropdown.
  4. Click the Save button located in the top-right corner to apply the changes.
Text style

The Mono theme allows you to change text style to be either uppercased, lowercased, capitalized or none. To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Select the desired text style on the Text style dropdown.
  4. Click the Save button located in the top-right corner to apply the changes.
Text Thickness

The Mono theme provides the option to change the text thicknes of titles (300, 400, 500 or 600). To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Select the desired text thickness on the Text thickness dropdown.
  4. Click the Save button located in the top-right corner to apply the changes.
CTA Style

The Mono theme provides the option to change the CTA style to Square Bracket, Mixed or Normal. To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Select the desired CTA style on the CTA style dropdown.
  4. Click the Save button located in the top-right corner to apply the changes.
Desktop image ratio

The Mono theme provides the option to change the image aspect ratio for post and author cards on desktop devices (Auto, Alternate Align Bottom - alternating between 4/5 and 4/3 aspect ratios, Alternate Aligh Top - alternating between 4/5 and 4/3 aspect ratios, 3/4, 4/5, 16/9, 4/3, 3/2, 5/4 or 1/1) . To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Select the desired image aspect ratio on the Card image aspect ratio desktop dropdown.
  4. Click the Save button located in the top-right corner to apply the changes.
Mobile image ratio

The Mono theme provides the option to change the image aspect ratio for post and author cards on mobile devices (3/4, 4/5, 16/9, 4/3, 3/2, 5/4 or 1/1) . To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Select the desired image aspect ratio on the Card image aspect ratio mobile dropdown.
  4. Click the Save button located in the top-right corner to apply the changes.
Use Page animations

The Mono theme allows you to use page animations. To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Check/uncheck the toggle button for Use page load animations.
  4. Click the Save button located in the top-right corner to apply the changes.
Show Excerpt

The Mono theme offers the flexibility to display an excerpt/bio under the post/author cards. To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Check/uncheck the toggle button for Show excerpt on cards dropdown.
  4. Click the Save button located in the top-right corner to apply the changes.
Custom pages layout

The Mono theme offers the flexibility to choose between 4 different layout types for Tag, Tags, Authors and Membership pages (Normal, Sticky, Reversed or Hidden). To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Select the desired layout type on the Custom pages layout dropdown.
  4. Click the Save button located in the top-right corner to apply the changes.
Homepage layout

The Mono theme offers the flexibility to choose between 4 different layouts for Home page (Full Info, Socials, Newsletter or Hidden). To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Select the desired homepage layout on the Homepage layout dropdown.
  4. Click the Save button located in the top-right corner to apply the changes.
post header type

The Mono theme offers 6 options for the post header layout: Wide Contered, Wide, Narrow Centered, Narrow, Vertical Left and Vertical Right. You can easily switch between these layouts by following these steps:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Post dropdown under the Site design section.
  3. Select the desired header on the Post header type dropdown.
  4. Click the Save button located in the top-right corner to apply the changes.


Feel free to experiment with all layouts to find the one that complements your content presentation the most.

Authors Metadata

You can choose between two authors metadata styles (Default or Featured). To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Select the desired authors metadata style on the Post authors metadata style.
  4. Click the Save button located in the top-right corner to apply the changes.
Add Headings to TOC

You can decide if you want to add post/pages heading to the table of contents to the fixed section indicator. You can add the headings for: Posts and Pages, Posts Only, Pages Only or None. To modify this setting, follow the steps below:

  1. Access the Design settings page in your Ghost admin dashboard.
  2. Open the Site-wide dropdown under the Site design section.
  3. Select the toc setting on the Add headings to table of contents dropdown.
  4. Click the Save button located in the top-right corner to apply the changes.
formspree Form link

To ensure that the contact form on your Contact page functions correctly and delivers messages to your desired email address, you need to customize the Formspree form link by providing additional information. The contact form in Mono theme utilizes the Formspree service. Follow the steps below to customize the contact form settings:

  1. Create an account on Formspree and create a project.
  2. Unzip the "mono.zip" file and navigate to "partials" -> "components" folder. In there open the "form-page.hbs" file.
  3. Navigate to line "36" where you will find the following code snippet:

    <form class="contact-form" action="https://formspree.io/f/x" method="POST" id="contactForm">
  4. Enter your Formspree form link in the "action" attribute. For instance, if your Formspree link is: action="https://formspree.io/f/mqkovbaw" then the code snippet on line "36" should look like this:

    <form class="contact-form" action="https://formspree.io/f/mqkovbaw" method="POST" id="contactForm">
  5. Save the file and rezip all of the theme files back to "mono.zip".
  6. Upload the "mono.zip" file back to Ghost Dashboard and click the Save button.
socials

The Mono theme lets you easily add social icons and their corresponding links. You can include as many social platforms as you'd like.

Set up Facebook and Twitter socials:

  1. Go to your Ghost admin dashboard and navigate to General Settings.
  2. Find the "Social accounts" section.
  3. Enter the URLs of your Facebook and Twitter profiles.


Set up custom socials:

  1. From your Ghost admin dashboard, navigate to the Pages section (located in the left tab).
  2. Click on the "New page" button in the top right corner.
  3. IMPORTANT: In the page settings, make sure to set the Page URL field to "socials". It is essential to use this specific URL name for the feature to work correctly. If you choose a different URL, this functionality will not work.
  4. In the page content, add an 'Image' element and upload your desired social icon. Link the image to the social platform's URL by adding it to the image 'Link' field. You can also add a 'Caption' to the social icon image, which will serve as a link description and enhance your SEO. Repeat this process for each social icon you want to include.
  5. Refer to the image below for an example of how the Socials page should be set up.
  6. Once you have finished configuring the page settings and adding content, click on the "Publish" button located in the top right corner.
Socials
theme translation

The Mono theme supports translation, allowing you to translate all static text on your website into different languages. By default, the theme is in English, but you can add your own translations. To do so, follow these steps:

  1. Download and unzip/extract the theme files.
  2. Locate the "locales" folder and open it.
  3. Inside the "locales" folder, you'll find a file named "en.json". Duplicate this file and rename the duplicate to the language you want to translate to. Ensure that you name it using a valid language code. For example, "es.json" for Spanish and "pl.json" for Polish.
  4. Open the translated file using a text editor.
  5. The file will have a structure like this:

    {
         "Back": "Back",
         "Newer Posts": "Newer Posts",
         "Older Posts": "Older Posts"
    }

    To change the translation, modify the text on the right-hand side while keeping the left-hand side unchanged. For example, to translate into Spanish (es.json):

    {
         "Back": "Volver",
         "Newer Posts": "Artículos Siguientes",
         "Older Posts": "Artículos Anteriores"
    }
  6. Translate all the text strings accordingly and save the file.
  7. Re-zip all the theme files and upload the updated theme to your Ghost admin panel. Publish the theme.
  8. Navigate to General Settings in the admin panel and locate the "Publication language" section. Change the locale name to the language you've translated the theme into. For example, "en" for English, "es" for Spanish, etc.
  9. Click on the Save button at the top right corner to apply the changes.
text change

To modify the static text in the Mono theme, follow these steps:

  1. Download and unzip/extract the theme files.
  2. Locate the "locales" folder and open it.
  3. Inside the "locales" folder, you'll find a file named "en.json". Open this file in a text editor.
  4. The file will have a structure like this:

    {
         "Back": "Back",
         "Newer Posts": "Newer Posts",
         "Older Posts": "Older Posts"
    }

    To change the text, edit the right side of each key-value pair while keeping the left side unchanged. For example:

    {
         "Back": "Previous",
         "Newer Posts": "New Stories",
         "Older Posts": "Old Stories"
    }
  5. Modify all the desired text strings and save the file.
  6. Re-zip all the theme files and upload the updated theme back to your Ghost admin panel. Publish the theme.


By following these steps, you can customize the static text in the Mono theme to better suit your preferences and provide a personalized experience for your website visitors.

posts per page

To change the number of posts displayed per pagination page in the Mono theme, follow these steps:

  1. Download and unzip/extract the theme files.
  2. Locate the "package.json" file and open it in a text editor.
  3. In the "package.json" file, locate the following section of code:

    "posts_per_page": 6

    Change the number 6 to your desired value. For example, if you want to display 8 posts per page change it to 8:

    "posts_per_page": 8

  4. Once you have made the desired changes, save the "package.json" file.
  5. Rezip all the modified theme files and upload the updated zip file to your Ghost admin panel.
  6. Publish the updated theme to apply the changes to the number of posts per pagination page.


Please be cautious while modifying the theme files and ensure you have a backup in case any issues arise during the process. If you are unsure about making code modifications, it's best to seek assistance from a professional or developer who can help you with the desired changes while ensuring the integrity and stability of your website.