Karis Theme Documentation

Last updated: April 13th, 2019

Welcome

Thank you very much for purchasing my theme. I've put a lot of hard work into it, and I hope you love it as much as I do. As far as the documentation is concerned, I have tried to cover as much as possible to help you get your new theme up and running and to help you customise it.

If you have any questions or problems that aren't answered here, please feel free to email me via my user page contact form here.

I love to hear your feedback - if you find any bugs or have suggestions for improvements please get in touch. Nearly all of the time I follow your advice and issue a rapid update to Karis.

If you like my work, please rate it. If you’re about to rate it with less than 5 stars, please let me know the reason first and I will do my best to improve the theme. Thanks so much!

WordPress Information

Since WordPress is constantly being updated information about how to install WordPress may become out of date, so you always can read official guide HERE.

Below are all the useful links for WordPress information:

Theme Installation

Once you've downloaded the installation file on ThemeForest, extract it and locate a file called karis.zip. You can install the theme by using one of two installation methods:

WordPress upload
  1. Login to WordPress Admin and browse to Appearance > Themes.
  2. Click on the Add New button and click Upload Theme.
  3. Click on Choose File and select karis.zip file.
  4. Click on Install Now.
  5. When your theme is successfully installed, click Activate to activate the newly installed theme.
FTP upload
  1. Using FTP client, login to the server where your WordPress website is hosted.
  2. Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory.
  3. Using FTP client, upload the karis directory to themes directory on remote server.
  4. Once uploaded, navigate to Dashboard > Appearance > Themes in the WordPress Dashboard and hit Activate below your newly uploaded theme.

When you use first or second method, please make sure that you're uploading the karis.zip file, not entire package you downloaded. If you upload the wrong file you will get an error stating “Error: missing style.css stylesheet.”

Once installation is complete, your Karis theme will be ready to use. You should now see Karis theme as active.


Note: If you have existing content and featured images, you will have to install Regenerate Thumbnails plugin and run it from Tools > Regenerate Thumbnails.


Regenerate Thumbnails

If you already had images in your Media Library when you installed Karis, you will have to resize your image thumbnails. Follow these instructions:

  1. Go to Appearance > Install Plugins and install Regenerate Thumbnails plugin.
  2. Next, go to Tools > Regenerate Thumbnails.
  3. Click the Regenerate All Thumbnails button. It will take some time depending on the number of images you have. DO NOT close your browser.

Installing Required Plugins

When you first install the theme you'll see a popup on your dashboard from the theme asking you to install a number of plugins.

Allow the theme to install these for you.

Importing Demo Data

If it's a fresh site (or a test site) with no content, it's a good idea to import demo content to get you started. You don't need to do it on a live production site as it will import several posts, pages, and images.

I have created a folder labeled Demo_Content which contains an export for the Live Preview.

  1. Log-in to your WordPress backend and open your WordPress importer Tool > Import > WordPress.
  2. Click on Choose file and select the demo-content.xml.
  3. Check the box Download and import file attachments. This will download attachments for images included in the Live Preview demo.
  4. Click Upload file and import.

You now just need to wait for the importer to finish. This might take a few minutes depending on your hosting server speed.

Set Up Your Blog

Once you're done with theme installation, it's time to set up your blog. What to do next:

Theme Customizing

Customize area is one of the main feature in my theme. They give you abilities to made a changes to your site without touching a single line of code.

"Customize" give you an ability to live preview changes on the site. In this field you can change a theme's custom featured content, layout, customize menus and widgets and other. You can go to theme customize at Appearance > Customize section from WordPress admin area.

How to Set Up Menus

Setting up Navigation Menus works normally as it does for any WordPress Theme. If you're new to WordPress, you can learn more about menus in this article.

To create and activate your new menu follow the steps below:

  1. Log in to that site as an administrator.
  2. Go to Appearance > Menus panel.
  3. Give your menu a name and click Create Menu button.
  4. Add few simple links from Custom Links tab.
  5. Save your menu.
  6. Navigate to Manage Locations tab (at the top of the screen).
  7. Choose your new menu as Header Menu.
  8. Save changes.

Social Icons

To enable social icons in the Footer you need to set up your Social Links Menu:

  1. Go to Appearance > Customize > Menus.
  2. Click Create New Menu button.
  3. Add name for this menu (Social Links, for example).
  4. In Menu Locations select Social Menu and click Next button.
  5. Click Add Items button and in Custom Links type link to your social profile.
  6. Click Add to Menu button.
  7. Add other links to your social profiles.
  8. Click Publish button.

Set Up Your Homepage

To set up a simle blog page:

  1. Go to Appearance > Customize > Content Area Settings.
  2. Select one of content layouts to display.
  3. Click Publish button.

Customizing the Colors & Backgrounds

Karis comes with custom accent color settings for elemets.

  1. Go to Appearance > Customize > Colors.
  2. Customize the colors to your liking and click Publish button.

How to Update Theme

You can update your theme by performing the following steps:

  1. Download the latest Karis file from ThemeForest.
  2. Extract it and locate karis.zip.
  3. Extract karis.zip and locate the karis folder.
  4. Replace content of the karis folder to the /wp-content/themes/karis folder of your web site.

Also you can use for update Envato Market plugin.

Child Theme

Child themes are separate themes that rely on a parent theme for most of their functionality. If you are using a child theme, WordPress will check your child theme first to see if a specific functionality exists. If it doesn’t, it will use the parent theme. This is great because it allows you to modify only what you need.

Child themes should always be used if you plan on modifying even a single character in your theme.

If you plan to edit the theme files, like style.css, I`m suggesting you to install both karis.zip and karis-child.zip themes, then activate the child theme. Child themes are great because allow you to edit the theme and also lets you update the original theme in the future, without loosing your edited files work.

More about child themes and how to use them you can read here: LINK.

Translation Theme

You can find .POT file in next folder wp-content/themes/karis/languages/

  1. Install Loco Translate Plugin - LINK.
  2. Read more HERE.

Supported plugins

Theme supports the following plugins:

  1. Developer Share Buttons.
  2. Contact Form 7.
  3. MailChimp for WordPress.

Developer Share Buttons

A simple, customisable share buttons and social profiles widget.

With this plugin you can share your posts and pages and display links to your social profiles in widget.

Installing Developer Share Buttons can be done either by searching for Developer Share Buttons via the Plugins > Add New screen in your WordPress dashboard or by using the following steps:

  1. Download the plugin via WordPress.org.
  2. Upload the ZIP file through the Plugins > Add New > Upload screen in your WordPress dashboard.
  3. Activate the plugin through the Plugins menu in WordPress.
Settings:
  1. Go to Settings > Developer Share Buttons and set up default services to share and social links.
  2. Go to Appearance > Widgets and add Developer Share Buttons Profiles widget to your sidebar.

Contact Form 7

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup.

Installing Contact Form 7 can be done either by searching for Contact Form 7 via the Plugins > Add New screen in your WordPress dashboard or by using the following steps:

  1. Download the plugin via WordPress.org.
  2. Upload the ZIP file through the Plugins > Add New > Upload screen in your WordPress dashboard.
  3. Activate the plugin through the Plugins menu in WordPress.
Settings:
  1. Go to Contact > Contact Forms and edit your contact form.
  2. Copy your contact form shortcode.
  3. Go to Pages > Add New, add title for page and insert this shortcode to page text field.
  4. Press Publish button. Contact form will be displaying on this page.

MailChimp for WordPress

Allowing your visitors to subscribe to your newsletter should be easy. With this plugin, it finally is. This plugin helps you grow your MailChimp lists and write better newsletters through various methods.

Installing MailChimp for WordPress can be done either by searching for MailChimp for WordPress via the Plugins > Add New screen in your WordPress dashboard or by using the following steps:

  1. Download the plugin via WordPress.org.
  2. Upload the ZIP file through the Plugins > Add New > Upload screen in your WordPress dashboard.
  3. Activate the plugin through the Plugins menu in WordPress.
  4. Set your API key in the plugin settings.
Settings:
  1. Go to MailChimp for WP > Forms.
  2. Insert the code below into the form.
  3. Show a sign-up form in your sidebar using the MailChimp Sign-Up Form widget.
  4. Or go to Appearance > Customize > Content Area Settings and enable Top or Bottom MailChimp Form.
Form code:
<div class="subscribe-box">
	<div class="subscribe-box__text">
		<h4>Subscribe to our Newsletter!</h4>
		<p>Subscribe to our email newsletter to receive useful articles and special offers.</p>
	</div>

	<div class="subscribe-box__form">
		<p>
			<input type="email" name="EMAIL" placeholder="Your email address" required />
		</p>

		<p>
			<input type="submit" value="Subscribe" />
		</p>
	</div>
</div>

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

Don`t forget to rate theme