Kaya Theme Setup Guide

Welcome to the Kaya WordPress theme setup guide. Click on the section below that you’re looking for. If you’re looking for general information about the theme, demos or example of live sites running Kaya, please visit the main Kaya WordPress Theme page.

Recommended Plugins

We recommend the following plugins to enhance your experience with Kaya:

  • GitHub Updater
  • iThemes Security
  • WP SpamShield
  • Yoast SEO

We recommend these plugins to extend the functionality of Kaya:

  • Contact Form 7
  • Max Mega Menu
  • myStickymenu
  • QuickieBar
  • Redirection
  • Slider Revolution
  • Visual Composer

Kaya Child Theme

If you’d like to make customizations to the Kaya theme beyond what is available in the Customizer and Page Settings, please use a child theme. For your convenience, you can download a ready to go child theme for Kaya by clicking here.

For more information on child themes as well as why and how you should use them, click here to read the WordPress developer information.

Installing & Activating Kaya

To add Kaya to your site, use the GitHub Updater plugin and then follow the instructions in the video to the right.

You’ll need to know the GitHub URL for the theme: anphira/kaya

Page Settings

Page specific settings are available on each individual page. The settings entered here will only apply to that specific page.

Accessing the Theme Customizer

All of the general theme settings for Kaya are in the theme customizer. Here is the list of customizer sections and what each of them is for.

  • Site Identity
  • General Options
  • Colors
  • Font Options
  • Header Options
  • Menus
  • Widgets
  • Social Media URLs
  • Static Front Page
  • Footer
  • 404 Error Page
  • SEO Options
  • Additional CSS

Site Identity

Site Title

This is the title of your site. If your site is for a business, it’s usually the name of your business.

Tagline

This is the tagline for your site. This is usually a short descriptive about what the purpose of site or business is.

Upload Logo

Here is where you can upload your logo. Make sure that it is already sized appropriately.

Display Site Title and Tagline

When this box is checked, the title & tagline will be displayed in the header of the page, unless you have uploaded a logo. If you have uploaded a logo this checkbox is essentially useless.

Site Icon

This is commonly referred to as your favicon. This icon will be displayed in the browser bar for desktop computers and can be used as the icon for phones & tablets.

General Options

These are a number of theme specific items for your site.

Grid Width

If you are applying the grid to your site, this is the width that will be used. 1140px wide is the default. If you would like something besides 1140px wide, enter it here.

Apply Grid to Main Site Content

This applies the grid value specified above to the main content of the site.

Default Sidebar Setting for Pages

This is the default setting for sidebars on Pages. This can be overridden on individual pages.

Default Sidebar Setting for Posts

This is the default setting for sidebars on Posts.

Display Comments on Pages

Check this box if you want to display comments on Pages.

Display Comments on Posts

Check this box if you want to display comments on Posts.

Limit the Blog Excerpts

Enter a value here if you’d like to limit the size of the blog excerpt displayed on blog archives.

Stylesheet Version

The theme automatically revs the stylesheet based on the date & time stamp of when style.css was saved. If you need to change that, you can enter a specific stylesheet version here. Most users will leave this blank.

Google Analytics

Enter your UA number from Google Analytics. The appropriate code for Universal analytics will automatically be added to the <head> section of your site.

Contact Form 7 Redirect URL

If you are using Contact Form 7 and want to redirect people who fill out your contact form to a thank you page URL, enter that URL here.

Add code before </head>

Enter code here if you need to add content to the <head> section of your website. This is common with tracking codes for various advertising platforms.

Add code just after <body>

Enter code here if you need to add content just after the opening <body> tag of your website. This is common with tracking codes for various advertising platforms.

Add code just before </body>

Enter code here if you need to add content just before the closing </body> tag of your website. This is common with tracking codes for various advertising platforms.

Colors

Heading Section:

Header Background Color

This is the background color of the header section. Note, if in the Header Options section you select “Make Header Transparent” this color will be ignored.

Menu Background Color

This is the background color of the menu area

Main Content Section:

Allows you to set colors for the main content part of the site (everything between the header & footer).

  • Heading Color
  • Text Color
  • Link Color
  • Link Hover Color
  • Button Color
  • Button Hover Color
  • Button Text Color
  • Button Hover Text Color

Footer Section:

Allows you to set color options for the footer. These include:

  • Footer Background Color
  • Footer Heading Color
  • Footer Text Color
  • Footer Copyright Area Background Color
  • Lower Footer Text Color
  • Social Icon Color
  • Social Icon Background Color

Font Options

Header Options

Menus

Widgets

Social Media URLs

Static Front Page

Footer

SEO Options

404 Error Page

Additional CSS

Upgrading Kaya to the Latest Version

If you’ve used the GitHub updater to initially install Kaya, updating the theme is very easy to do.