Ghost CMS Guides & Tutorials
Practical guides and tutorials for changing and customizing your Ghost Theme. Subscribe to get them directly into your inbox.
How to Serve JSON or XML Data in Ghost
Ghost CMS is a popular content management system that is widely used for creating
and managing dynamic content such as blog posts or…
How to Change Your Default Post Template in Ghost
In Ghost CMS, the post.hbs file is a handlebars template file that is used to
display individual blog posts on the website and contains…
How to Open External Links in a New Tab in Ghost
By default, all links in your posts are opened in the same browser window. There are advantages
and disadvantages for both cases, but since…
How to Automatically Add Member Labels From Referral Traffic in Ghost?
Referral traffic is an important metric to watch as it sends potentially valuable
visitors to the website from trusted websites. Referral…
How to Add a Scroll Top & Progress Indicator Button in Ghost
When your page is very long you may want to give your users an option to quickly
scroll back to the top of the page. In such cases, the…
Custom Pages in Ghost CMS Themes
Pages in Ghost CMS are basically a subset of posts, the difference being that they
are excluded from all collections and feeds. Pages are…
Ghost CMS Search Using Fuse.js
Search is becoming more popular than ever, consumers have become so accustomed to
searching for information that providing a search…
Ghost Custom Theme Settings
With Ghost 4.20.0 custom settings are added to Ghost and these new settings will be available in the Ghost Admin UI, which makes theme…
How to Create a Custom Navigation Template in Ghost
Little things can make a big difference. Your website navigation is a great example.
The navigation structure and UX have a huge impact on…
How to Use the Ghost Subscription Forms in Your Theme & Posts
Subscription forms are an essential part of Ghost, especially with the addition of the membership feature, allowing you to grow an email or…
How to Add Breadcrumbs to Your Ghost Theme
Breadcrumbs are series of navigational links that connect together to show you
exactly where you have navigated on a website and can be a…
How to Show Post or Newsletter Issue Number in Ghost
You might want to display the issue number for your newsletters or posts on your
site and there are different ways you can do that in Ghost…
How to Create a Featured Post Slider in Ghost
Having a featured post section on the homepage is a good way to highlight some of your content and with the featured flag in the post…
How to Add Reading Time to Ghost Blog Posts
When you get a visitor to your site, most probably you want them to stay on your website as long as possible and nowadays visitors often…
How to Create a Post Archive for Your Ghost Theme
Many readers want to browse old posts or find posts that they read but don't have
the the link for anymore. Even though blogging favors…
How to Add Tag Dropdown to Your Ghost Theme
There are a lot of ways you could list your tags in Ghost , one of
the most common ways is creating a tag cloud (or a list of tags) while…
How to add Image Lightbox to Ghost Themes
First of all what is Lightbox? Lightbox is a basically a window overlay that appears on top of a webpage, usually dimming the background and…
How to Configure Ghost with Mailgun
If you are using Ghost Pro Mailgun is configured by default and works out of the box but if you use the Self Hosted version of Ghost for…
How to Make Custom Templates in Ghost Themes
By default every Ghost Theme contains post.hbs file which defines how your posts are rendered, but a great feature in Ghost Themes is the…
Ghost Themes as Progressive Web Apps
Progressive Web Apps are web applications that have been designed with three main ideas behind: capability, reliability and installability…
How to Install Ghost CMS via Ghost-CLI
To install Ghost CMS you need a supported version of Node.js .
Check the supported Node versions by Ghost. With Node.js installed we get…
How to Show Related Posts in Ghost
How do I get users to read more of my content? you may think sometimes.
Well, one of the methods that can help on this is Related Posts…
How to Integrate Google Analytics with Ghost
Adding Google Analytics to Ghost blog is really easy, especially since we have
the Code Injection feature in Ghost. First, let's make…
How to Add Search to Ghost Using ghostHunter
Having search functionality is quite important for a blog or any website with a
lot of content. Even though Ghost does not has this feature…
How to Add Syntax Highlighting to Ghost
Ghost is a great publishing platform, but by default it
doesn't include syntax highlighting. If you run a code related blog on Ghost you…
How to Add Facebook Comments to Ghost
Ghost doesn't come with a built-in comment system. We already made a tutorial how to add
Disqus commenting system to your Ghost theme…
How to Add Disqus Comments to Ghost
Ghost does not have a built-in comment system yet, so in this post I will show you the steps to setup Disqus Comment System on your Ghost…