To install the theme, clone this repository into your theme folder of your ghost installation:
$ cd path-to-ghost/content/themes
$ git clone https://github.com/wbkd/ghost-wbkd.git
After that, restart the blog and select the webkid theme in your ghost admin panel.
Due to restrictions of the Ghost templates, some values are hard-coded at the moment. To customize the theme, you have to edit the Handlebars templates in the theme folder.
Disqus
To enable the Disqus comment module, you have to add you Disqus username in the post.hbs
file:
var disqus_shortname = 'example'; // required: replace example with your forum shortname
Navigation
For changing the navigation links and labels, you have to edit the partials/header.hbs
file.
<!--Change this to customize the navigation-->
<div class="taglist-wrapper clearfix">
<ul id="taglist" class="taglist">
<li><a href="{{@blog.url}}">Home</a></li>
<li><a href="/tag/javascript">javascript</a></li>
<li><a href="/tag/nodejs">nodejs</a></li>
<li><a href="/tag/data-visualization">data visualization</a></li>
<li><a href="/tag/d3">d3</a></li>
<li><a href="/tag/maps">maps</a></li>
</ul>
</div>
Sidebar Widgets
There are three widgets in the sidebar: About, Social and Latest Articles. The latest articles are pulled automatically from the RSS-Feed of your page. If you want to change the url of your RSS-Feed, you have to edit the assets/js/webkid.js
file.
The other two widgets are configured in the partials/sidebar.hbs
template.
<!--Change this to your homepage-->
<p>See our latest projects at <a href="http://www.webkid.io">webkid.io</a></p>
<!--Change the links to your sites-->
<div class="sidebox box social clearfix">
<ul>
<a href="/rss" target="_blank" class="social-item rss"><li><i class="fa fa-rss"></i></li></a>
<a href="http://twitter.com/webk1d" target="_blank" class="social-item tw"><li><i class="fa fa-twitter"></i></li></a>
<a href="http://github.com/wbkd" target="_blank" class="social-item github"><li><i class="fa fa-github"></i></li></a>
<a href="http://webkid.io" target="_blank" class="social-item home"><li><i class="fa fa-home"></i></li></a>
</ul>
</div>
Moritz Klack and Christopher Möller of webkid.io.