Because we believe in customer driven approach please help us make KOBA even batter and tell us about what you need by requesting / suggesting new features or ideas. Your feedback is very important!
Once you’ve downloaded the installation file on ThemeForest, extract it and locate a file called koba.zip. You can install the theme by using one of two installation methods.
WordPress upload :
- Login to WordPress admin
- Go to admin panel > Appearance > Themes > Add New > Upload Theme
- Click on “Choose File” and select koba.zip
- Click on “Install Now”
FTP upload – If you wish to install via FTP, here are the steps you need to take:
- Using FTP client, login to the server where your WordPress website is hosted
- Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website’s root directory
- Using FTP client, upload the Koba directory to themes directory on remote server
Once installation is complete, Koba theme will be ready to use. You should now see “Theme Options” appear in the WordPress admin panel.
Koba is based on page templates, built-in WordPress settings (Settings -> ie. General) and custom theme settings (Theme Setting -> ie. Navigation)
Note: Some sections/temapltes ie. Blog have settings in two places, at the bottom of the page (we call them metaboxes) and Theme Settings -> Blog
Koba comes with 6 page templates. Page template is a set of “characteristics” you can assign to a page to make it look in a specific, theme defined way. Each template has its settings explained in details below. We have:
- Home Template
- Blog – blog loyout – read more furhter below
- Contact – contact layout – read more furhter below
- Gallery – gallery layout – read more furhter below
- Menu – food menu layout -read more furhter below
- Default Template -read more furhter below
- Set your Homepage
By default your homepage is set to post page – it means it lists all your posts from all categories – this is how WordPress works. If you would like to have our home template do as follow:
Create new page Pages -> New and apply page template Homepage
Go to Settings -> Reading – > Front page displays -> Static page -> Choose your page here
Note: The image on your home page is your featured image for your page with Homepage template assigned to it.
- Upload Logo
Theme Options -> Home -> Logo & Background
- Optionally change / add background
Theme Options -> Home -> Background image
- Optionally change / add image overaly color
Theme Options -> Home -> Background image overlay
- Home notice
Theme Options -> Home -> Home notice
- Opening hours
Theme Options -> Home -> Opening hours
Opening hours can be se to Post type or single.
If Post type is selected you need to create each day and provide relevant information you would like to present on that calendar day or custom date.
To create day go to:
- Day -> Add Day
- Name the day ie. Monday or Christmas
- Choose day type, either Day of the week or Custom date
- For Day of the week choose what calendar day it is.
- Or if Custom date choose what date it applies to.
- Fill in the Day description
Note: You need to create day for each of the week days. If there is no day, there will be no information presented.
Thanks to this solution you can provide day related information ie. happy hour, promotions, special prices etc.
If there is day marked as Custom date it will be presented instead of the default Day of the week but only on that custom day.
Note: If you usually are open on Monday but for some reason you will be closed you can add Custom date and it on that date the information will be presented instead.
If you want to use current day stamp, please use [date] tag in your description.
ie. today is [date] & we are open till 21!
If Single is selected you need to fill in the Opening hours content under Theme Options -> Home -> Opening hours and it will be served everyday.
You can disable the Opening hours functionality by setting it to Off
Blog page & post(s)
To create blog you need to create Page -> New page ie. blog and apply template Blog template to it. Once that is done you need to have categories Posts -> Categories -> Add and posts themselves Posts -> Add new, you assign post to a chosen category otherwise they will be in “uncategorized”.
Go to Theme Options -> Blog to adjust some basic settings, there is category setting in the matabox on that page that lets you to choose just some categories or all after all.
Our blog uses “read more” tag which is available from your TinyMCE toolbox, you can place it anywhere within the content to limit what displays in the blog view archive. So we do not force you to have a 50 words excerpt or no excerpt at all, you define how it look yourself, when creating each posts you decide where to put “read more” tag yourself. You do not have to use it all all, this way post will be presented in full text in the list view.
Start with creating page, go to Pages -> Add new and assign Gallery template to it.
Go to the page you have just created and at the bottom of the page choose gallery type Create gallery from posts or Create gallery from images.
1. If Create gallery from posts is selected, you need to create categories Gallery -> Gallery Category and than create galleries themselves Gallery -> Add Gallery Item
Give your gallery a title, this is not presented anywhere, it is just for you, add images, also make sure you have featured imaged set, which will serve as the album cover.
2. If Create gallery from images is selected all you need to do is upload images you want to present.
There are some general gallery settings in Theme Options -> Gallery
Create page Pages -> Add new and assign Contact template to it.
Once your page is published go Theme Options -> Contact and fill in the details here.
Create page Pages -> Add new and assign Menu template to it.
Start with adding your food items Food Menu -> Add Food Menu Item and assign your items to category(ies), create category here Food Menu -> Food Menu Categories
Food Menu -> Add Food Menu Item
Fill in the Title, Item Subtile, Description and Price, assign to category. There is no need for uploading featured image.
Food Menu Layouts
There is 3 types of menu layouts at your disposal. you can change them at the bottom of your page, additionally you can place custom menu (Appearance -> Menu) to link between different menus and other pages if required.
There is no reservation template as such, simply create a page, name it reservation and fill in with the details you find suitable.
Other pages ie. About
For any other page you need to simply create a page, by default it will have Default template assigned to it, next populate it with text, images as required. Anything you can with Tiny MCE editor is the limit.
Off – canvas
There is a hamburger icon in the upper left hand corner of the screen, which reveals off-canvas panel. To populate it with content, go to Theme Options -> Off-canvas
Note: There are some additional settings this section
Typography lets you adjust typography and colors lets you adjusts colors.
Koba comes with 3 pre-defined menu locations: main, left and mobile menu. Create navigation by going to Appearance -> Menus:
- Name your navigation
- Drag and drop elements from left to your navigation to create a structure
- Choose location
- Save menu
To change menu item description go to Appearance -> Menus, if it is not visible got to Screen Options (top of the page) and make it visible by checking the box next to it.
There are no particular social settings, we let you create a navigation menu Appearance -> Menus and place it as a Left menu to make it look as in our demos, this menu does not have to be Social only, it is up to you.
Due to the structure of the theme there are multiple places you find typography settings, when setting up the theme you will notice that many sections have their own typography settings.
For example Navigation has Theme Settings -> Typography and Off-canvas has Theme Settings -> Typography and so on. You need to go section by section to change typography.
If there is a typography setting you are looking to change and cannot find in a give section, it needs to be changed under Theme Settings -> All Templates -> Typography
Color settings works in similar fashion to typography. Many sections have their own color settings, additionally there Theme Settings -> All Templates -> Colors
Koba is built with SEO in mind. We know how crucial it is. By default it generate all the SEO from the page / post content. We recommend to go to Theme options -> SEO settings & social and fill the details there.
Additionally you have options to fill in the meta fro each page individually. Uploading featured images for pages is also a good idea as it will be used when sharing to social media ie. Facebook, Pinterest etc.
If you plan on using 3rd party plugin for SEO simply turn off Enable built in meta tags to avoid conflicts.
Miscellaneous / FAQ
3rd party plugin does not work?
Our theme uses AJAX to make our theme amazing, unfortunately not plugins will be able to handle it. If there is a problem. Try disabling AJAX under Theme Settings -> General -> Enable Ajax Loading If it helped you identified the issue. You can ask 3rd party developer to help you out with this if you want to have AJAX enabled, or you can simply leave it disabled and our theme will used another secret technology 😉
How do I add favicon
Customization -> General -> Brand identity
How do I change names / labels / part of UI etc.
If there is no setting for it than you need to adjust it in the po/mo files with
- Loco translate Wodpress plugin – which is recommended for both translating and adjusting the word choice.
- or you can use more powerfull, also free Poedit app for Mac and Windows.
Other common issues?
If you have a feature you need or think would make Koba even batter please tell us about it.
When opening a ticket, please provide as much details as possible, try to avoid statements like “it does not work” or “it is broken” as it we are not fortune tellers so we cannot guess ; -)
If possible provide URL and temp pass and login to you site.
We do our best to get back to you within 24 hours, if we don’t in 48 hours, please e-mail your ticket ID do email@example.com