Practical guides and tutorials for changing and customizing your Ghost Theme. Subscribe to get them directly into your inbox.
SubscribeLearn how to update your Ghost theme without losing your custom design settings. This guide explains why settings reset during updates and provides step-by-step solutions to preserve your theme customizations.
Learn how to easily create a custom homepage in Ghost using the page.hbs template. No code changes required — just use Ghost’s editor cards for a flexible design.
Learn how to customize the private site access template in Ghost, enabling you to create a personalized experience for your password protected site.
Enhance your Ghost blog's visual appeal with custom fonts. Learn to add, define, and apply fonts using simple steps and the Code Injection feature for a unique, brand-aligned look.
Optimize SEO for custom routes and collections in Ghost by setting detailed meta data, including titles, descriptions, and canonical URLs.
Dive into Ghost CMS's Date Helper to streamline your content's date formatting. From basic to advanced techniques, discover how to customize dates for maximum clarity.
Discover how Ghost's recommendations feature allows publishers to share their favorite sites with readers and be recommended by other publications. Find out how to manage recommendations in Ghost Admin, and create a custom recommendations page.
Learn how to add a scroll-based progress bar to your Ghost CMS site using plain JavaScript and CSS, enhancing user experience and engagement.
A step by step guide to changing the URL of your Ghost CMS site when self-hosting. From setting up your domain DNS and Ghost config, to creating the SSL certificate
Enhance user engagement on your Ghost theme with the Applause Button. Learn how to integrate this interactive feature and boost reader participation.
Guide on how to show related posts section in a Ghost Blog. Step by step instructions and code snippets to create related posts for a Ghost CMS Theme.
How to serve static JSON, XML or text data from your Ghost theme, with custom routes and template files.
Tutorial for changing the default post template in your Ghost theme. Change the existing template, or switch on of the custom ones your theme comes with.
How opening external links in new tab can affect user experience, analytics and time on site. How to achieve it in Ghost using HTML or Javascript.
How to apply member labels to new subscribers based on the referral traffic and UTM parameters. Tutorial to automatically generate member labels.
Tutorial to add a scroll to top button to your Ghost theme, to give users thee option to quickly scroll back to the top. Enhance it to work as a progress indicator at the same time.
Ghost CMS Custom Pages. How to create custom pages in your Ghost theme. Using routes.yaml, page templates and custom templates with examples.
Add Search function to Ghost with the Fuse.js library. Fuse.js overview and detailed guide for Ghost Themes including Content API setup, fetching posts, Fuse setup and markup & script for handling the search event.
Ghost CMS custom theme settings, types of custom settings and how to use them. Guidelines and use cases for settings with specific examples.
How to change the default navigation layout in Ghost or create a custom navigation template. Adding icons to your menu items.
How to use the sign up forms in your Ghost theme or Ghost CMS posts. Member subscription customizing and useful snippets to improve the subscription process.
How to add breadcrumbs to your Ghost theme and improve user experience and SEO. Guide to add and style breadcrumbs in Ghost CMS.
Add newsletter issue number using css. Tutorial using css counter for adding issue number to posts or newsletters in Ghost CMS.
Creating a featured post slider for your Ghost theme using the tiny slider plugin. Move your featured posts to the top of the page in Ghost CMS.
Adding reading time to Ghost Themes and customizing the default reading time text. Guide to translate the reading time text in Ghost Themes. '
How to add a post archive to a Ghost Theme. Create a Post Archive Page in Ghost and grouping by month or year.
How to add a tag dropdown to a Ghost Theme. Guide to add a category dropdown containing tags to Ghost.
How to Add Image Lightbox to Ghost Themes. Setup Lightbox Gallery for images within a post using minimal Javascript and CSS. Ghost CMS Image Lightbox.
Guide to setup Mailgun with Ghost CMS. How to configure Mailgun and update Ghost configuration then test the implementation. Setup for Ghost Members with Mailgun.
Ghost Custom Templates. Guide to create a custom template for your Ghost Theme. Examples on how to create custom templates and using them for posts and pages.
Guide to convert your Ghost Theme into a Progressive Web App (PWA). How to define a manifest file and create a service worker then test it using Lighthouse.
Guide on how to install Ghost CMS locally or on your server using the command line tool (CLI). Configuration options for Ghost.
Guide on how to integrate google analytics tracking with your Ghost blog or Ghost blog theme. Installing Google Analytics to Ghost Blogging Platform.
Guide on how to add search functionality to Ghost blog. Code snippets and instructions how to add search to your Ghost theme using the ghostHunter plugin.
Guide on how to add Syntax Highlighting to a Ghost theme using Prism. Step by step description on how to add a code highlighting plugin to your Ghost Blog.
Guide on how to add Facebook comments to Ghost. Step by step description and code snippets to help you install Facebook comments in your Ghost Theme.
Guide on how to add Disqus comments to your Ghost Blog. Instructions and code snippets to help you install the Disqus commenting system in your Ghost Theme.