Sublime ghost theme getting started guide

Sublime ghost theme getting started guide

Sublime is an elegantly designed theme, perfect for building online publications and magazines. One of the important achievements of this theme would be the optimum reading experience that it creates for its users. The post view has been designed for providing a distraction free environment to the readers, without compromising on the basic options (comments, email subscription, post sharing etc.) that are expected on a blog.

On the home page, what we wanted to achieve was simplicity - a design which wouldn't overwhelm the first time visitor. we wanted the reader to be able to grasp the complete structure of the site with just a single look.

Notice that we haven't used normal numbered pagination in the post feed and reason behind that is, most people are reluctant to use the pagination because of the complete reloading of site. We haven't used infinite scroll either, because with infinite scroll, people can never see the footer. best way to handle this was to create a load-more button, which on click, loads a new set of posts without reloading the page.

Another thing that we've given big priority was to provide a good reading experience on tablets and mobile devices, because that's where people do most of their reading these days.

More Details -

  • Works with the latest Ghost version – 2.x
  • Supports all inbuilt features of ghost
  • Responsive layout
  • SEO optimised
  • Email subscription form
  • Disqus comments
  • Post sharing icons
  • Text highlight sharing
  • Social media icons included for - Facebook, Twitter, Instagram, Github, Pinterest, Linkedin, Youtube, Tumblr, Medium, Reddit, 500px, Dribbble.
  • Optimised for great reading experience on phones, tablets and desktops
  • Support for dropdown menus in navigation
  • Free and regular updates

Developer Friendly

Sublime has a clean, well written modular code, which you can easily customise according to your needs. We are using sass for styling and gulp task manager for compiling the code. A variables file is also included, which could be used to easily tweak the color scheme of the theme.

The theme uses gulp and nodejs for the development purposes.

$ npm install 
$ npm run dev

You can edit scss and js files in /assets/src/ , which will be compiled to /assets/built/ automatically.

The build Gulp task minifies all the css and js files and packages the theme files into dist/<theme-name>.zip, which you can then upload to your site.

$ npm run build

Styling Guide

Here comes a paragraph. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Heading One

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.

Heading two

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.

Heading three

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.

Heading four

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.

Images

Still
Photo by Sarah Dorweiler / Unsplash

Video

The Process of Interior Design
Inspiration comes from everywhere: books, art, people on the street. It is an interior process for me.
Hi. I've been on the road for 6 years, visited 70-something countries and documented everything here on my blog along the way. Thanks for stopping by !
More posts by Jane Doe.
Older

Get the latest posts delivered right to your inbox.

Or subscribe via RSS with Feedly!
Share
Twitter icon Twitter Facebook icon Facebook Pinterest icon Pinterest Reddit icon Reddit
Thanks for Subscribing