Zvikov Documentation
Theme installation Theme config options
Third-party scripts
Typekit and Google Fonts Google Analytics MailChimp
Support

v2.0.0
Last update: 29 Jan 2019

@HauntedThemes HauntedThemes

Theme installation There are 2 ways to install a Ghost theme

Manually upload theme folder inside Ghost

  1. Locate the theme directory within the download files, which can be found at:

    zvikov-master/zvikov.

  2. Login to FTP/SFTP of your blog of your provided hosting service.
  3. Navigate to the /content/themes/ directory within your Ghost installation.
  4. Upload the zvikov directory found in step one into the remote /content/themes/ directory.
  5. Restart Ghost.
  6. Login into your Ghost admin panel. This can be found at yourdomain.com/ghost.
  7. Navigate to the Settings > Design.
  8. In Themes section, click Activate where is says zvikov.
Or

Upload theme archive from Ghost Dashboard

  1. Login into your Ghost admin panel. This can be found at yourdomain.com/ghost.
  2. Navigate to the Settings > Design.
  3. In Themes section, click Upload and select within the download files:

    zvikov.zip.

  4. After the theme is uploaded click Activate now.

After activation

  1. Navigate to the Integrations > Custom integrations.
  2. Set name: Haunted Themes
  3. You will need to do 2 more simple steps to authenticate to Ghost Content API.
    1. Copy Content API Key from the integration that you set and put it in: /assets/js/main.js at line 18.
    2. Get the host of your current Ghost instalation. This should be your admin domain. Your admin domain can be different to your main domain. Using the correct domain and protocol are critical to getting consistent behaviour, particularly when dealing with CORS in the browser. All Ghost(Pro) blogs have a *.ghost.io domain as their admin domain and require https. Make sure you remove the last / from the url.

Content API Authentication is mandatory in order to use the theme properly!

Theme config options

Posts per page

posts_per_page inside package.json should be set to 1 for this theme. Any other value will break the structure of the theme.

Third-pary scripts

Typekit and Google Fonts

Zvikov by default uses Google fonts.

  1. Roboto Mono for headings.
  2. Roboto for paragraphs, lists, etc.

Zvikov also has been customized to support these fonts from Typekit:

  1. Roboto for headings.
    1. Light
    2. Light Italic
    3. Regular
    4. Italic
  2. FF Basic Gothic for paragraphs, lists, etc.
    1. Light
    2. Light Italic
    3. Regular
    4. Italic
    5. Demibold
    6. Demibold Italic

To use the above fonts you have to choose the fonts, create a kit and get the embed code.
Your embed code will look something like this:

<script src="https://use.typekit.net/xxxxxxx.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>

Replace xxxxxxx to your kit ID.

After you have your embed code you'll have to:

  1. Navigate to the Settings > Code injection.
  2. Paste your embed code inside Blog Header textarea and click Save.

If everything is ok with Typekit fonts you should remove Lora and Cabin fonts from partials/theme_head.hbs. Simply comment or remove the line.

Typekit is a subscription service for fonts. In order to use Typekit fonts you must have a paid account.

Google Analytics

The first step to setting up tracking is to create an Analytics property. Creating an Analytics property generates a tracking ID and a JavaScript tracking code snippet.
The Javascript code will look something like this:

<!-- Google Analytics -->
<script>  
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Replace UA-XXXXX-Y with your tracking ID.

Then you'll have to put the code inside Ghost:

  1. Navigate to the Settings > Code injection.
  2. Paste your embed code inside Blog Header textarea and click Save.

Support

If you have any questions or bug reports, please contact us at support@hauntedthemes.com or feel free to chat with us on hauntedthemes.com.