Documentation
An overview of Upking, how to install and use, theme options and examples, and more.
An overview of Upking, how to install and use, theme options and examples, and more.
We would like to thank you for purchasing Upking!
This documentation file helps you to understand the whole theme concept and how it works. You should read all sections of the file before start your work. Here have multiple detailed explain of elements, theme sections and included video tutorials.
If you have any questions that are beyond the scope of this help file, please check out and search for Forum page.
After that you still can't find the solution yet, please leave a ticket on Support system then support agents help your issue.
Surely you have already installed WordPress on your server. If you don't installed it yet and you are new to WP and have problems installing it, you might want to check out following tips.
You need to download theme files after you've purchased the it. Following image describes downloads section of the item and you have 2 download choices.
Downloading All Files gives you a all-files.zip file with all the content listed below
Downloading the installable WordPress theme only gives you the Upking.zip file.
You can either choose to upload the theme via WordPress upload function or via ftp to your site.
Appearance -> Themes
Install Themes
tabUpking.zip
file (it is located in the folder you've downloaded from ThemeForest).Install Now
buttonwp-content -> themes
directoryAppearance -> Themes
of your dashboard and Activate the theme.After the activation you see this notice at top of your dashboard. This theme requires those three additional plugins and you need to install those.
Please click on Begin insalling plugins.
Envato Toolkit plugin requires MarketPlace username and API Key. You can get API key from your Settings tab of ThemeForest account. Lets provide those infomation and get theme update anytime and easily.
Theme has dedicated data option. You should click one of those link and select your desired home page layout.Every our demo is meticulously designed to accurately represent a specific industry; Medical & Hospital, Hosting, Fitness, Charity, etc. We’ve built an incredible system that makes it super easy to import full demos, pages, posts, theme options, widgets and other individual portions of each our demo we offer.
Please wait for a while until imports all the content.
Previous option helps you to include minimized demo content on your site reason for quick include. But you can have full demo data with regular XML data imports.
Please make sure you backup your existing theme folder before updating. Additionally we recommend performing the update on a development site before making it on your live site.
Hope you have provided your account information in Envato Toolkit plugin. If you go to the plugin page, you'll see similar to following image. Let's click on Update automatically link at right bottom. This is a most efficienat and easy way to integrate latest verion on your site.
After clicking to auto-update, you’ll see the confirmation that everything worked correctly.
Go to the Appearance => Themes and activate another theme than Upking such as TwentyTwelve, TwentyThirteen or Upking child theme. Delete the old version of the theme because folder name existing error comes up when we try to install it without deletion. Then install the theme again as you see early in this documentation.
Usually updating a theme means replacing the old files with the new ones. You can see changelog.txt file from the new download archive and you can get updated files list as modified/added and deleted. Upload and overwrite those files on your theme directory.
If theme changed lots of files and you really hard to collect changed files, there is a better way to do it when it comes to WordPress themes.
WordPress treats two version of the same theme as different themes. That is, if you have Upking v1.2 and v1.3 in your wp-content/themes folder they are treated as two different themes independent of each other.
That means you can have multiple version of the same theme installed on your blog. So whenever there is a new version of your theme available, instead of replacing or deleting the files of the older version follow this procedure.
The main advantage of following the above procedure is you can quickly switch back to the old version of the theme if you find any problems with the new version or if it clashes with any plugins you are using.
Theme options is a custom admin page which actives with plugin. These theme option pages can be very simple with a handful options or it can have tons of customization options split into either pages. You have to know only where your desired options exist and how they are capable of. Please take some time to navigate through each tab and read options' description.
Group | Class | Description |
---|---|---|
General |
Container width | This are the width of your site. You can use pixels or percentages for the value. There are any max or minimum. |
Select Preloader | Please select your loader | |
Site Layout | You can choose between Wide, Boxed or Attached layout. | |
Attached layout top space | Only works with Attached Layout. | |
Attached layout bottom space | Only works with Attached Layout. | |
Body Background | You can change your background of body background. | |
Content area top space | Here is the you can insert your content top space. | |
Content area bottom space | Here is the you can insert your content bottom space. | |
Color | ||
Brand Color | Here is the you can select brand color here. | |
Title Heading Color | Here is the you can select color here. | |
Header Background Color | You can change your color of header background. | |
Text Color | Here is the you can select color here. | |
Ancient 1 Color | When you click on menu it will show active color. | |
Ancient 2 Color | Active Accordion, Toggle tabs and Comment reply link etc for your site's color saturation. | |
Body Background Color | Here is the you can select of background color. | |
Outer Boxed Area Background Color* | This setting is you can select background color here | |
Font | Logo font | Please select your Line Height, Font Size, and Font Family texts font from 600+ google fonts. |
Body font | ||
Heading (H1) font | ||
Heading (H2) font | ||
Heading (H3) font | ||
Heading (H4) font | ||
Heading (H6) font | ||
Header | ||
Header Layout | You can choose their header image using the theme customizer. | |
Logo image | Upload your logo image. If you leave it empty, your logo will show as text with your site title. | |
Header sticky background | You can change your color of header sticky background. | |
Page title | ||
Page Title Background | You can choose their page image using the theme customizer. | |
Page Title Layout | This setting is you can select background color here | |
Footer | ||
Themeton Footer Layout | You can choose their footer image using the theme customizer. | |
Copyright text | Please write a Copyright text | |
Post | ||
Post Layout | You can choose their post layout using the theme customizer. | |
Post right sidebar | Declare default right sidebar area | |
Related Posts | Please turn this off (uncheck) if you want to disable it. | |
Related posts number | Please change this post if you want to disable it. | |
Post title enabled | Please turn this off (uncheck) if you want to disable it. | |
Top featured image | Please turn this off (uncheck) if you want to disable it. | |
Next & Previous links | Please turn this off (uncheck) if you want to disable it. | |
Author Info Box | Please turn this off (uncheck) if you want to disable it. | |
Top featured image | Please turn this off (uncheck) if you want to disable it. | |
Page | ||
Page Layout | You can choose their post layout using the theme customizer. | |
Page right sidebar | Declare default right sidebar area | |
Page title enabled | Please turn this off (uncheck) if you want to disable it. | |
Top featured image | Please turn this off (uncheck) if you want to disable it. | |
Author Info Box | Please turn this off (uncheck) if you want to disable it. | |
Page Meta Details | Please turn this off (uncheck) if you want to disable it. | |
Portfolio | ||
Portfolio Main Page | This is the description field, again good for additional info. | |
Post right sidebar | Declare default right sidebar area | |
Portfolio Detail Page Layout | You can choose their Page Layout using the theme customizer. | |
Portfolio right sidebar | This is the description field, again good for additional info. | |
Portfolio left sidebar | This is the description field, again good for additional info | |
Top featured image | Please turn this off (uncheck) if you want to disable it. | |
Related portfolios number | Please change this portfolios if you want to disable it. | |
Portfolio singular title enabled | On/Off | |
Author Info Box | On/Off | |
Portfolio Meta Details | On/Off | |
Portfolio Description | On/Off | |
Portfolio Category Layout | This is the description field, again good for additional info. | |
Excerpt length | The number of words. | |
Archive, Category & Tags Layout | ||
Archive Layout | Declare archive default layout. Specially for all regular sections including index page and custom taxonomy etc. | |
Archive right sidebar | This is the description field, again good for additional info. | |
Archive left sidebar | This is the description field, again good for additional info. | |
Archive Posts Style | This is the description field, again good for additional info. | |
Archive Meta Details | Please turn this off (uncheck) if you want to disable it. | |
Sidebar | ||
Sidebars | Please add your custom sidebars here and insert widgets on Appearance => Widgets. Left and Right sidebars are permanently and won't be deleted. | |
Social Media | ||
Social shares | No validation can be done on this field type | |
Social shares visibility | No validation can be done on this field type | |
Social links | Add your social with link address those separated by pipe. Possible options: Blogger, Deviantart, Digg, Dribbble, Dropbox, Facebook, Flickr, Forrst, Google+, Instagram, LinkedIn, Myspace, Paypal, Pinterest, Reddit, RSS, Skype, Soundcloud, Spotify, Tumblr, Twitter, Vimeo, VK, Xing, Yahoo, Yelp, Youtube, Email and Custom link. | |
404 page | ||
Error page main page | Select from page | |
Demo Importer | ||
Demo Importer | Works best to import on a new install of WordPress | |
Demo Importer | ||
Import Options | ||
Export Options | Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site) |
After the installation, you can configure something on following place for Visual Composer. You might want to allow VC for your custom post types initially. About Visual Composer
After the installation, you can configure something on following place for Visual Composer. You might want to allow VC for your custom post types initially.
After the installation, you can configure something on following place for Visual Composer. You might want to allow VC for your custom post types initially.
Visual composer has tons of elements that presents content view. But our theme has more advanced elements that enriches this beautiful theme. Please hit on the tab and find elements and use them for your need. Every element has a purpose and detailed options. You can see their live result on the demo pages. Enjoy :)
This plugin an optional plugin but highly recommended for your theme. It includes multipe shortcode on your Visual composer layout. Post Types, VC elements and Multiple blog layouts
You'll find Page options at bottom of your main editor. Please read the option name and description and use them for customize your every single page.
Menu system works through WordPress core functions. Then I hope you don't have any trouble with it. We extended menu options with a few options such as Menu Icon and Mega menu options. Please look at next images and follow the steps for your menu.
Our theme is compatible with Contact form 7 and please put following markup on the Form field of your form. Then your form turns similar into our style that presents on Contact page.
<div class="uk-grid"> <div class="uk-width-1-2@m uk-width-1-1@s">[text* text-759 class:uk-input placeholder "Name *"]</div> <div class="uk-width-1-2@m uk-width-1-1@s">[email* email-98 class:uk-input placeholder "Email Address *"]</div> <div class="uk-width-1-1@m uk-width-1-1@s mt4">[text* text-799 class:uk-input placeholder "Message *"]</div> <div class="uk-width-1-1@m uk-width-1-1@s uk-text-center mt6">[submit class:uk-button class:uk-button-default "Send Email"]</div> </div>Subscribe form
You can have subscribe form by MailChimp for WordPress plugin. Install the plugin and add a widget instance on footer sidebar area.
CSS helper classes
Sometimes hard to implement small css features by predefined options. Then we've prepared some helpful classes those can used on any custom places and style your content. Most of page builder elements have Extra class field and you can allow following classes on them.
Class name Description .brand-color
Styles text color by current brand color .image-shadow
Adds shadow on image element .text-white
Sets text color as white .text-light
Sets text color as white .text-dark
Sets text color as black .text-thin
Sets text font weight 100 .text-thin-300
Sets text font weight 300 .hidden-xxs
Hides element on lower screen. Smaller than 480px wide .text-center
Text center .text-right
Text right .text-left
Text left .list-inline
Allows ul/ol to inline style. .no-margin
Disables element margin. Efficient usage is on Rows .no-margin-top
Disables element margin top .no-margin-bottom
Disables element margin bottom .no-padding
Disables element padding .no-padding-top
Disables element padding top .no-padding-bottom
Disables element padding bottom Sources and Credits
Thank you to all who developed following projects/products. We really appreciate your support and time. We definitely couldn't do this template without you. We wish you all the best.
Special thanks to:
Images
- PhotoDune.net - Team images, some slider backgrounds
- PublicDomainArchive.com - Background images, portfolio image & gallery images
- Joshua Jadon - Book cover images on Home7, didn't included on download
- KLM - Be My Guest collection by Julian Burford
- IconFinder.com - Free social logo PNGs
- SubtlePatterns.com - A couple of transparent background textures
Open Source Projects
- Twitter Bootstrap
- Isotope
- jQuery
- Owl Carousel Slider
- MediaElement HTML5 Player
- Less By Alexis Sellier
Premium Projects
- Visual Composer by WPBakery
- Revolution Slider by ThemePunch