• Submit Ticket
  • My Tickets
Themeix Support Portal
  • Submit Ticket
  • My Tickets

Docs: Learn Ghost Theme

/Ghost Themes / Learn Ghost Theme /
  • Learn LMS Theme Introduction
  • How to add Blog Post for Learn LMS Theme
  • How to add Course for Learn LMS
  • How to add lessons for Learn LMS
  • Navigation Settings for Learn LMS
  • How to fix the author image in Learn Ghost theme?
  • Topics Page Not working in Learn Ghost Theme?
  • Course / Lesson page not working??
  • How to add comment for the Ghost Blog?
  • How to add dynamic dropdown Navigation?
  • How to run gulp on the computer?
  • Ghost Theme Installation
  • Ghost Contact Page
  • Featured Post in ghost
  • Set up the Navigation menu in ghost

Learn LMS Theme Introduction

Learn – Ghost LMS theme is an elegant solution for a learning management system. It has premium and free course options.


Open in New Tab

How to add Blog Post for Learn LMS Theme

To add Blog Post,

01) Add Content

Add a title, and blog content, and upload the featured image.

02) Add Tags
For every blog post, you must add (01) one internal hashtag.
Example : #blog

You can use the public tag as well.

03) Add Author

For every blog, you have to add the author’s name.


Open in New Tab

How to add Course for Learn LMS

01) Add Course Information ( Make sure you are in POST not PAGE )

First add the course title, description, and other necessary meta information.

We recommend using the Ghost Public Preview option to show the course description. For premium courses, you should restrict the post access, so the user can see the course description if you don’t use the Ghost Public Preview option.

We used Ghost Public Preview option here

Course Description

02) Add Tags
For every lesson, you must add the 2 internal hashtags.
Example : #course-id-2 #course

Here you can add Public Tags as well as the category of each course.
Example: UI UX Design

Note : Please follow the same tag order and format while adding the new course. Example : course-id-2, course-id-3, course-id-4 etc. If you use a different tag for the ID it will not work. Also, you can use the public tag but it should be the after #course tag.

03) Course Access

There have three different types of post access available in Ghost CMS. If you want to add your course as Free then just select Public

For premium Lessons, you must add specific access tiers. We recommend using the course name as access tier(s)

04) Add Author

For every lesson, you have to add the author’s name.

05) Select Template ( Course Layout )


Open in New Tab

How to add lessons for Learn LMS


01) Add Content ( Make sure you are in POST not PAGE )

Add a title, lesson content and upload the featured image.

02) Add Tags
For every lesson, you must add the 2 internal hashtags.
Example : #course-id-5 #lesson

We don’t recommend adding any public tag here.

Note : Please follow the same tag order and format while adding the new lesson. Example : course-id-2, course-id-3, course-id-4 etc. and then #lesson

03) Lesson Access

There have three different types of post access available in Ghost CMS. If you want to add your lesson as Free then just select Public

For premium Lessons, you must add specific access tiers. We recommend using the course name as access tier(s)

04) Add Author

For every lesson, you have to add the author’s name.

05) Select Template


Open in New Tab

Navigation Settings for Learn LMS

You can quickly set up the dynamic navigation menu in the Ghost Learn LMS theme.
The screenshot of the settings from the admin dashboard is provided below :


Open in New Tab

How to fix the author image in Learn Ghost theme?

After installing the demo content there might be missing author images. You can simply replace the author images from the ghost admin panel.

At first open your Ghost Admin, then go to the Settings > Staff

Now replace the image for the staff user.


Open in New Tab

Topics Page Not working in Learn Ghost Theme?

After installing the Learn Ghost Theme, you should create a page for Topics and make sure you select the custom template.

Learn Ghost Theme



In our theme we added page-topics.hbs so if you use different name it will not work.

How to change topics page URL in Learn Ghost Theme?

To change the topics page URL. You should create a page first and then rename the file page-topics.hbs with your new page name.


Open in New Tab

Course / Lesson page not working??

Please upload the routes.yaml file from the ghost admin dashboard.
You will find the routes.yaml file inside the root of the theme folder.


Open in New Tab

How to add comment for the Ghost Blog?

To add comments to your Ghost blog, you will need to enable commenting in the settings. Here is a step-by-step guide on how to do so:

  1. Log in to your Ghost admin panel.
  2. Click on the settings icon in the left sidebar.
  3. Select the ‘Membership’ tab.
  4. Scroll down to the ‘Commenting’ section.

Now select the comment option

Save your changes by clicking the ‘Save’ button.

Once commenting is enabled, comments will appear on your blog post , and your readers will be able to leave comments on your articles.


Open in New Tab

How to add dynamic dropdown Navigation?

In the newsfeed premium ghost theme, we added dynamic dropdown navigation.

You don’t need to edit any files to make the dropdown menu in the Newsfeed Ghost theme. Just add the menu items from ghost admin dashboard.

For example, you want to add dropdown Menu for Pages,

Example :

Pages [has_child]
Authors [subitem]
Tags [subitem]
Blog Details [subitem]

In the admin dashboard, it will look like that,

For the Parrent Item ( Pages ) we added an extra selector [has_child] , which meanch Pages have the child sub items. So under that we used [subitem] for Author, Tags, Blog Details

Its very simple. If you import the demo, you will get the navigation item included there as like our demo.

How to get Multi-Level Dropdown?

In the Newsfeed Ghost theme, it support 2 level dropdown. So you can make the multi-level dropdown like the example below:

Here is the admin dashboard screenshot which should follow:

For the first level, we need to add [-] and for the 2nd level [--] also the [subitem] is common there.

How to add mega menu in Ghost Theme ( Newsfeed )?
How to use regular menu items in the Newsfeed Ghost theme?


Open in New Tab

How to run gulp on the computer?

Have you install Gulp on NPM?. If not, do the following.

Install the gulp command line utility

npm install --global gulp-cli


Verify your gulp versions

gulp --version

Install NPM Packages

npm install

Now run Gulp command

gulp

If you see any error for node-sass or gulp-sass please install it, by using the following command npm install node-sass , npm install gulp-sass


Open in New Tab

Ghost Theme Installation

Here following the easy steps for the ghost theme installation :

1. At first login to the admin panel of your Ghost blog. If you dont have the blog ready then complete the ghost installation first.  

Now login  to your blog. Example URL: yourwebsite.com/ghost

2. Select the Settings option from the left side of your ghost admin panel  and then navigate to the themes section.

Ghost Theme Installation
Select Themes Option from the Settings

3.  Click on the Upload a Theme button.

4. An upload option should appear. Now drag the theme ( theme_file_name.zip ) file in that area. You should get that zip file from our downloaded package.

5. Once completed the theme upload, click on Activate Now button and then activate the theme.

Ghost theme installation is really easy task. But if you are unable to do that. Please feel free contact us. We would happy to help you free for Ghost theme installation.


Open in New Tab

Ghost Contact Page

Please follow the steps bellow to create ghost contact page :

  • Create a new story called Contact for example.
  • Now add your desire content in that page by using the ghost editor.
  • If you want to add functional contact form then i would recommend you 3 best options.
  1. Google Form
  2. Jotform
  3. Formspree.io
  • Google form or Jotform can be easily embeded  in your page as iframe.
  • For the formspree.io you have to add the following code in your page :
<form action="https://formspree.io/[email protected]" method="POST">
 <input type="text" name="your-name" placeholder="Your Name">
 <input type="email" name="_replyto" placeholder="Email" class="float-right">
  <textarea name='message' placeholder="Message"></textarea>
 <button type="submit" class="btn-c buttonfx curtainup">Send Message</button>
  <input class='btn-c buttonfx curtainup' type="submit" value="Send">
 </form>

Open in New Tab

Featured Post in ghost

You can trun your general post to a featured post in ghost easily.

To set a post as featured, check the box next to “Feature this post” in the post settings menu. When a post is featured, a class of feature will be added to the  {{post_class}} in the HTML code for the post.


Open in New Tab

Set up the Navigation menu in ghost

To set up the navigation menu in ghost, open your Dashboard first.

The url of admin dashboard will be like https://yoursite.com/ghost

Now click the setting icon fom the bottom left panel.

You will get a screen where you can change your primary navigation menu items. Just setup navigation from there for your blog.

If you need any help to create custom style navigation in ghost, feel free to contact us


Open in New Tab

©2016 - 2021 Themeix. All Rights Reserved.
Loading...

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.