ghost theme
Ghost Theme tips, adding features and improving the performance, accessibility and SEO.
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…
Ghost CMS Price Helper Overview & Tips
The price helper is a function in Ghost that allows you to display prices on your
website in a consistent and user-friendly format. Ghost…
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…
Ghost CMS Match Helper Usage & Tips
The match helper allows comparing two values, in a way, it's similar to the
{{#has}} helper but it's useful in much more situations and…
Ghost Snippets: Custom Progress Cards & Steps
You can use progress indicators to add visual elements in your post and to inform
users about state or progress. We have two types of…
Ghost Snippets: Custom Stylish Tables
The HTML table is used for arranging data into the tabular design. Tables consist
of rows and columns and are often used on websites for…
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…
Ghost Snippets: Accordions
Accordions are on almost all websites in one shape or form, as it's a great way
to create an FAQ section or collapsible sections of text in…
Ghost Snippets: Custom Subscribe Forms
In content subscribe forms are ideal for prompting your readers to opt-in/subscribe
to your newsletter. Creating snippets will make it easy…
How to Self-Host Google Fonts in Ghost CMS
Google Fonts are widely used nowadays, many Ghost
Themes have such fonts integrated by default and this can be an issue because
Google…
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 Add Different Logos for Dark & Light Themes in Ghost
Many Ghost themes provide different themes or color schemes, like dark & light theme.
These usually detect the user preference and show…
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 Segment Subscribers with Member Labels in Ghost
Labels are useful for managing, segmenting, and keeping track of your members. Labels can be applied manually in Ghost Admin, going to a…
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…
Ghost Snippets: Custom Alert Boxes
The Ghost editor is really great, providing many options for different types of
content that could go into posts. However sometimes you…
How to Update Your Ghost Theme When We Release New Versions
Ghost CMS is constantly developed, new features being added regularly. To keep up
with these changes we maintain and update our themes to…
How to Add Members Specific Section in Your Ghost Template
Starting with Ghost 4.0 memberships and newsletters are natively part
of the platform, Ghost is not just a blogging platform anymore…
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 Use the Public Preview & Custom Content CTA in Ghost CMS
Starting with Ghost 4.0 one of the new features is the the public preview card/divider
which can be used on any post or page to make some…
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 Deploy Your Ghost Theme with GitHub Actions
The Deploy Ghost Theme GitHub action is a great tool to improve the usual workflow when it comes to updating Ghost Themes. The most common…
How to Add Google Fonts to Ghost Themes.
Google Fonts is one of the most popular services when it comes to adding custom fonts to websites. In fact, most of our Ghost Themes are…
Ghost Theme Structure & Organization
In this tutorial we will explore the basics of a Ghost Theme, more specifically the file structure and organization. Ghost themes use the…
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…
How to Use Ghost Filter Expressions
Filtering content is an important part of any website, and the filter parameter in Ghost Themes gives us the possibility to fetch content…
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 Customize Our Auden Ghost Theme
With the release of Auden we changed our approach, we are not using Sass for preprocessing CSS. We switched to PostCSS . This brings…
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 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 a Custom Page to Your Ghost Theme
In this tutorial we will focus on creating a static page with a custom layout for a Ghost theme. Fist take a look at your theme and check if…
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…
Get Posts using the Ghost Public API
Ghost is built on top of a RESTful JSON API. This is used for all data access
inside of Ghost. This feature is available since Ghost 0.7.…
Tools We Use Developing Ghost Themes
The right web development tools can save time and energy. This tools can also make the work more efficient. Web development tools have come…
How to customize our Ghost Themes
Nowadays there are a lot of tools that help a developer in creating great products easier.
We also use such tools, to be more productive and…