Documentation

Table of contents:

  1. Features
  2. Configuring
  3. Installing
  4. Making changes in CSS
  5. Changelog
  6. License
  7. Contact

Features

  • Made with Foundation 6 & Sass
  • Fully responsive design
  • Content focused
  • Major browser compatibility
  • Free lifetime updates
  • Disqus commenting system
  • Sharing options
  • Responsive embedded videos
  • Font Awesome v4.7
  • Reading time
  • Theme translations
  • Additional RTL version

Configuring

Before turning on your theme live, you should set up some of the functions you want to use. Most configurable files are located in clamo/partials/ folder.

  • I. Subscribers
  • II. Disqus commenting system - disqus.hbs
  • III. Google Analytics

I. Subscribers

This is optional: To enable Subscribers function go to yourblog.com/ghost/settings/labs/ and tick the Subscribers checkbox.

II. Disqus commenting system - disqus.hbs

If you want to use Disqus commenting system you will need to configure it by replacing your shortname Disqus ID. Read More
Disqus comments are enabled by default, if you want to disable, remove: {{> "comments"}} from post.hbs file.

  1. Open disqus.hbs file with your text editor (located in partials/custom folder).
  2. Now enter your Disqus shortname in the right place and save the file.

Example:

var disqus_shortname = 'example'; // required: replace example with your Disqus shortname

III. Google Analytics

This is optional: To connect Google Analytics:

  • Log in to your ghost dashboard and go to Settings/Code Injection and paste your Google Analytics code. Read More

Installing

  1. Log in to your Ghost admin panel.
  2. Go to Settings->Design and click Upload a theme.
  3. Now select and upload your Clamo zip file.
  4. Click Activate now and it‘s done, your new theme is now up and running.

Making changes in CSS

To make any changes in CSS files you can edit clamo.css, that is included in assets/css/ directory.
This file has been minimized to clamo.min.css, and by default is used in the theme.

This project also include sass version of CSS.
Sass version is in assets\css\sass-ltr\ directory or assets\css\sass-rtl\ if you have rtl version.

Structure of files:

  • clamo.scss - main css file, this file import all styles
  • clamo-variables.scss - here you can easily change colors of page elements
  • clamo-mixins.scs - pixels to rem converter
  • clamo-general-settings.scss - general settings
  • clamo-buttons.scss - buttons
  • clamo-page-navigation.scss - navigation
  • clamo-page-header.scss - page header
  • clamo-page-content.scss - page content
  • clamo-page-pagination.scss - pagination
  • clamo-post-page.scss - post page
  • clamo-subscribe.scss - subscribe
  • clamo-author-tag-page.scss - author/tag page
  • clamo-page-footer.scss - page footer

When you make any changes in this files, remember to compile clamo.scss to CSS.

You can use free open source compiler like koala http://koala-app.com/ ,available for Mac, Windows and Linux.

After compile remember to replacing the old clamo.min.css file with a new one.


Changelog

For detailed history of changes, see our Changelog at - golem.io/ghost-themes/clamo/changelog


License

Simple License - golem.io/license © 2018 golem.io


Contact

You can reach us at [email protected]golem.io