Documentation

Intro

KAYE is a responsive blogging theme for business and agencies: it's easy to set up and customize. Kaye provides a simple and clean design, highly customizable blog with brilliant fonts and color options. The .zip file includes:

  • assets: Folder containing :
    • css
    • img
    • js
    • index.html
  • documentation: Offline documentation.
  • kaye-theme.txt (Note: This is the only file you need in order to install this theme)

List of Available Features

  • All post types
  • Adaptive Design
  • Works on major browsers
  • Retina Ready
  • Icon Fonts
  • Analytics Ready
  • Disqus Comment System included
  • Localized Theme (your theme appears in every language Tumblr supports)
  • Custom CSS
  • Custom Fonts
  • Custom Colors
  • Like / Reblog / Share Buttons
  • Tags
  • Note Count / Permalink
  • Twitter / FLickr / Instagram / Dribbble / Recent Comments / Tagclouds Widgets
  • Custom Retina Logo
  • Many Social Icons Buttons
  • Free Support and Ongoing Updates.

Installation

Step 1

Log into Tumblr and click on the Settings (gear icon) on the top. From your left, select the blog you want to install this theme on, then click on Edit Theme then Edit HTML.

Step2

In the .zip file you downloaded from Themeforest you will find a text file containing the theme code: kaye-theme.txt

Open the file and select all and copy , then head to the HTML box and replace ALL the existing markup with your own.

For MAC Users: If you use TextEdit, please be sure you check "Ignore rich text commands in HTML files" before opening the text format. Find out how on here .

screen04

Step 3

Click on Update Preview. You will most likely not see any change yet, but head back to Appearance and click Save. Refresh your browser window and if everything went well, your blog should be updated with the new theme by now. To customize your theme, go back to Customize. Also, please remember that sometimes Javascript is not always updated while you are editing the theme. That means you will not see some widgets until you save and exit.

Step 4

This theme is already optimized for mobile, so you need to uncheck tumblr's feature "Use optimized mobile layout". Go to the Advanced section at the bottom of your panel.

Just uncheck. Save your changes and you're done.

screen06

Customization

Custom Fonts

You can choose between all fonts hosted by google to customize your typography. Just browser the Fonts Library and choose one.

Logo

KAYE allows you to upload a custom logo image.

First, look for the option "Enable Image Logo" and check it. The image you upload will be shown on the top of your blog (Header Section). I recommend using an .svg logo or .png image with a transparent background. If you are using a png logo, you can upload a higher resolution of your logo for retina displays: Logo Hi-Res.

Header

The header on the top of your blog features a background slider. You can upload up to three images. Hoewver, you don't need to upload exactly three images, you can upload just one for instance and it will be shown as a background. You can change all the colors. Also, all the custom pages you will add to the blog will be listed on the top navigation.

Host your images on your own hosting site or any hosting service, then fill the following fields to show the images:

  • Header Image URL 01
  • Header Image URL 02
  • Header Image URL 03

The header section also contain some text your can customize from your panel. On your customization panel, look for:

  • Intro Text: text paragraph you can fill with your own text
  • Intro Heading: Your slogan or welcome text
  • Intro Button: Action button ("Learn More").
  • Intro Link: You can link the button to any page (external/static tumblr page)

Services

This section is not enabled by default and you need to check "Enable Services Section" on your customization panel before seeing any change. You can use this section to show a list of services or features for your products.

On your customization panel, look for:

  • Services Section Text: Text paragraph, introducing your services.
  • Services Section Heading: "Our Services"
  • Services Section Icon [01/02/03]: Choose your icons from here.
  • Services Section Title [01/02/03]: A heading for each sevice.
  • Services Section Description [01/02/03]: Self explanatory.
  • Services Section Image: Image on the left column.

Promo Section

This section is not enabled by default and you need to check "Enable Promo Services Section" on your customization panel before seeing any change.

On your customization panel, look for:

  • Promo Section Text: Text paragraph.
  • Promo Section Link: Link your button to any page.
  • Promo Section Button: Self explanatory.
  • Promo Section Bg: Background Image.

Blog Section

Please notice: Some of this changes will only take effect after you Save and Exit your Customization Panel. Sometimes, you may not see them soon.

Title for all Post Types

As you might already know, not all tumblr post types provice a Title option. So, we'll have to fake it on all post types.

Look for "Add Title To all Posts" and check this option in order to show a title for each of the following post types: Image, Photoset, Video, Audio. When you are making a new post, be sure to write your title as the first paragraph, this way:


Lead Paragraph

Your first paragraph will become your title for every post you make.

Also, if you wish to show a lead paragraph (the opening paragraph of an article), you can check the option "Add Lead Paragraph To all Posts". When you make a new post, your second paragraph will be set as lead.


Dropcap to Text Post

You can also choose to add a dropcap to all text posts. A Dropcap is a formatting option that allows you to insert a fancy capital letter that drops down below the line of text.

Just check "Add Dropcap" on your customization panel. This is how it will look (you can change the dropcap color).


Float Images

Kaye provides a simple option to float all images on text posts only. The images will be floated to left and right one after the other, like it's shown on the demo's page. If you want this feature just check "Float images on Text Posts". When this feature is disabled, images will be shown at their original size (but they will still be responsive, which means their width will never exceeds the post's width.)

Sidebar

This is the section containing the following Widgets: Categories, Description, Tagcloud, Recent Comments, Twitter, Instagram, Dribbble, Search, Social Icons.

Categories Widget

In order to show a main Wordpress-like categories navigation, we will simply use the tha tag pages provided by Tumblr. To enable this widget you need to check Show Categories Widget on your customization panel. Look for Tag [Number] on your customization panel and fill it with your own tag. You can display up to 5 different tags. Do not add your blog-url, please. Simply add your personal tag, e.g. "pictures".

About Widget

This section will be populated with your blog's description and user picture.

Tag Cloud Widget

To enable this widget you need to check Show Tags on your customization panel. This widget will automatically show a cloud list of all the tags you used, sorted by the most popular.

Twitter Widget

In order to enable the twitter widget, you will have to authorize Tumblr to connect with Twitter. Head on to your Settings and select the blog you wish to display your latest tweets on. Then click on Sign in with Twitter. Once you are signed in, the last three tweets will be displayed on your blog. That's all.

Recent Comments Widget

Firstly, you need to set up Disqus.

KAYE uses disqus comment system to display comments on your posts, all you need to do to enable it is adding your own Disqus Shortname and save.

To show the latest comments on your blog, check the option "Show Recent Comments".

Instagram Widget

To show your last pictures from Instagram, first be sure to check the option "Enable Instagram Feed" on your sidebar. Then click here and get your Instagram User ID and Instagram Access Token.

Dribbble Widget

To show your last show from Dribbble, first be sure to check the option "Enable Dribbble Feed" on your sidebar. Then fill in Dribble Username Widget with your own username.

Social Icons

Social Icons will be displayed only when enabled. To enable this widget, simply check Show Social Icons on your customization panel.

To link your icons with your own profiles, simply complete the [Social Network Of Choice] username field!

Flickr Widget

To show your last pictures from Flickr, first be sure to check the option "Enable Flickr Feed" on your sidebar. Then click here and get your Flickr ID. Simply past that number in the Flickr ID field.

Ask

Ask feature allows users or anonymous readers to ask you questions. A link will be shown on the top of your blog when Ask is enabled. To enable this feature:

  • Click Settings (the gear icon) at the top of your Dashboard.
  • Click the blog you’d like to update on the left side of the page.
  • In the Ask section, check the box that says “Let people ask questions.”
  • Under “Ask page title,” fill in the title you’d like to name the Ask page and the Ask link on your blog.
  • If you want to allow anyone to ask questions, check the box that says “Allow anonymous questions.”
  • Hit “Save.”

Analytics

To track your visitors, simply fill the Google Analytics ID with your own ID!

Options

screen06

Support

If you need help or have a bug/problem to report, feel free to contact me. You can send me a message via Themeforest or just email me to support@mimesis-themes.com

Credits