wbkd/ghost-wbkd

A ghost/journey theme.

ghost-wbkd

A ghost/journey theme.

⚠️ We are not using this theme for our blog anymore. The development of new features will be therefore discontinued. We will still maintain this repository merging pull requests and fixing major issues. If you like to help, introducing new features, please start opening a pull-request. ⚠️

Install

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.

Customize

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>

Authors

Moritz Klack and Christopher Möller of webkid.io.

ghost-wbkd's Issues

Javascript page layout is breaking

In your site, the JavaScript page layout is breaking. I am not sure whether it is theme's issue.

Sidebar Dates Wrong Month

Strangely, the dates after September 2012, are showing as +1 month. The post is November, 2012 but in the sidebar loop it shows as December 2012.

Post Date (true date) -

Sidebar Date (from webkid.js). FYI, the RSS has correct dates.

Ref: https://cybersins.com

Question: Syntax Highlighting

Syntax Highlighting, as I can see, is available in the demo. How can we use it in our own instllation?

Fatal Errors uploading to ghost(pro)

following error messages on upload.

Replace the {{image}} helper with {{img_url feature_image}} or {{img_url profile_image}} Replace the {{@blog.cover}} helper with {{@blog.cover_image}} Replace the {{#if image}} helper with {{#if feature_image}}, or {{#if profile_image}} Replace the {{#if @blog.cover}} helper with {{#if @blog.cover_image}}

Mobile menu is missing

In mobile, menu is not shown. I would expect to have top header as menu. That will be nice.

How to change header image size?

I am lost. Can't find a value to change that will allow a header image taller than 35 px.

Render menu by {{foreach navigation}}

I cannot use {{foreach navigation}} at header.hbs because it rendered nothing. How could I handle this? I know about navigation.hbs but I cannot include it in header.hbs.

Sidebar Issue - no ajax request

Why there is no ajax request to fetch rss sidebar last article? theme still original clone, there is no modification

side bar iteration issue

should be posts.length instead of 5.
for (var i = 0; i < posts.length; i++)

and one statement needs terminator.
if (!$parent) {
return;
};

Add subscribe button and footer

Can you please add

1. Subscribe button
2. Footer with recommended article(just like in default ghost theme) and header topics(like javascript, map)?

Facebook Icon for side bar

Is there a way to add icons to the sidebar?. For example I do not need the github icon, but would like to have a facebook icon on the side bar.