Air is a Ghost blogging theme based on Airbnb's design blog. An example site can be found here
Table of Contents
- Getting Started
- Future Support
To use this theme in your blog, download this folder and place it into your Ghost blog's
Once that's done, you should be able to select Air as a theme from the Theme dropdown in the "General" tab of your Ghost Admin panel.
Adding a logo to the blog from the "General" tab will automatically create a fixed circular logo in the top left corner of the blog:
Post Title Formatting
Post titles can have a main title, colored in the accent color, and a secondary title, colored in a more subtle gray.
The two titles are formatted by adding a semicolon to separate each type. Setting the post title as "Montreal;A Travel Guide" would result in:
Adding Social Links and Tags
Currently, Ghost does not support retrieval of all possible tags used in a blog. You can click on tags from posts to see all posts with that tag but if you want to list all your tags on the menu, you must manually edit the
navigation.hbs file (line 24) in the
You can also add social media and other links here to customize the menu bar. I've added some sample links in there that are commented out for your reference.
Fonts and Colors
sass -w assets/scss:assets/css or if you have Compass,
compass watch from within the root directory to start making changes.
All the fonts and colors can be found and edited in
assets/scss/_config.scss. For example, the main accent color is set on line 2 and defaults to
Changing Default Image for Posts
Posts without images default to this placeholder image. Ghost blog post images are 700x298 and if you want to change the default post image, you can edit line 5 in
partials/loop.hbs and change the URL to point to another image.
- Adding support for a blog cover photo
- Adding an author page and support for multiple authors
- Support for featured posts