Installing WordPress

WordPress is well-known for its ease of installation. Under most circumstances, installing WordPress is a very simple process and takes less then five minutes to complete. Many web hosts now offer tools to automatically install WordPress for you. However, we strongly recommend that you install WordPress yourself, the following guide will help http://codex.wordpress.org/Installing_WordPress.


Theme Installation

Theme can be installed in two different ways:

  • Installing through WordPress
  • The Traditional installation using FTP client

Installing through WordPress

Installing a theme through WordPress is quite easy and it will take only few minutes of your time. First thing you need to do is to access your wordpress admin panel, after you’re done with that navigate to Appearance / Themes. Click on the Install Themes tab and then Upload from the navigational bar right below it. After that, go to the Choose File button, find widely.zip and click Install Now. Widely theme is now successfully installed, all you have to do now is to activate it.


Very important note if you bought the theme from Themeforest: Please do not upload the whole file you downloaded, make sure that you locate widely.zip file inside the main file you have downloaded.

The Traditional installation using FTP client

First things first, you will need an FTP client (example FileZilla which is free, easy to use and it works on Windows, Mac and Linux) to access your web host server. Now that you have access to your wordpress installation files simply transfer your unzipped theme to your server in the ..wp-content/themes/. The only thing left to do after that is activating the theme, to do that go to your wordpress admin panel and navigate to Appearance / Themes, search for Widely and click “Activate” right below it.

Very important note if you bought the theme from Themeforest: Please do not transfer the whole file you downloaded, make sure that you locate widely.zip file inside the main file you have downloaded.

For more detailed explanation on how to install themes, visit this link.


First Steps

There are several things you have to do in order to have fully functional theme.

Go to Settings / Reading and set the theme to display your latest posts.

yourlatestpost

Next important thing to do is setting your permalinks. Go to Setting / Permalinks and under Common Settings set “Post name”.

Permalinks

When you are done with setting permalinks, Go to Pages / Add New and create pages with templates you wish to use.

wid page attributes

We will talk more about Pages and Page Templates later on.


Importing Demo Content

If you want your site to look like our Demo version all you have to do is import demo content. Downloading XML file is quite easy, just follow this link to your account on Themes Kingdom website and click on the “XML” icon to download demo files.

Here is a step by step explanation on how to import demo content:

  1. Login into your wordpress admin panel.
  2. Go to Tools / Import.
  3. Click on the WordPress, install the plugin if you don’t already have it.
  4. When the plugin is opened click on the “Choose File” button.
  5. Select XML file you previously downloaded.
  6. Select authors to assign to posts. You may choose an existing author or create a new one.
  7. WordPress will then import each of the posts, pages, custom post types, comments, and categories contained in our demo version.
  8. Done! Very important thing to do after you are done with importing demo content is updating menus. To do that go to Appearance / Menus and under the Menu Settings in the bottom of the page check “Primary Menu”, then click Save Menu button to save changes (We will talk more about menus in the next chapter).


For more detailed explanation on how to Import demo content, visit this link.


This is the place where you create menus. Like many other themes, this one uses wordpress built in menus feature. To find it login into your wordpress admin panel and navigate to Appearance / Menus. In the following screenshot you will find instructions how to create navigation for your website.

menus-sa brojevima - resized

  1. Click on “create new menu” to add new menu.
  2. Here you should define a name for your menu, after that click on the Create Menu button right next to it.
  3. Select pages you want to add to your menu. When you are done with selecting pages, click on “Add to menu” button below. You can also add custom links, posts, categories etc. as you can see in the panels below.
  4. Don’t forget to save changes after adding any of the elements, to do that click on the “Save Menu” button.
  5. If you want to customize or delete menu item, click on the arrow icon in the top right corner of the menu box to expand it. Inside you will find:
    • Navigational Label This field represents title of menu item that the visitors of your site will see.
    • Title Attribute is an alternative text. This text will be displayed when you mouse over this menu item.
    • To delete menu item, click on Remove
  6. This menu editor allows you to create multi-level menus. To do that simply hold your left mouse button and drag desired menu items left or right. Dragging menu items slightly to the right will make them sub-menus for the menu item that is above them. You can also change the order of appearance of menu items by dragging them up or down. Remember to save the changes when you are done with editing (No4).
  7. Set “Primary Menu” check box to checked if you want this to be your primary menu.


Widgets

Widgets are used to add content and features to your sidebar and footer. There are default wordpress widgets and and custom widgets that come with the theme. Adding and removing widgets is quite easy, just follow the instructions below:

  1. Login into your wordpress admin panel and navigate to Appearance / Widgets.
  2. Choose a widget you would like to use, and drag it into the sidebar to right (shown in No3). Widgets will become active after a page refresh.
  3. Widget area where you place desired widgets.
  4. You can add, remove or customize widgets in widget areas. To do that click on the arrow icon in the top right corner of the widget box to expand it. You can also change the order of appearance by simply dragging widgets up and down.
  5. When you are done with customisation click on the “Save” button to save the changes.



widgets

Custom widgets

Newsletter widget

Newsletter widget works with two services – Sendloop and MailChimp. You can choose between the two:

  • Sendloop will require your username and list ID which you can get here http://www.app.sendloop.com/. After you sign up and create a list, go to “Subscribers” tab and select that list and you will be able to see list ID in the address bar like in the screenshot below.


  • wid sendloop

  • MailChimp requires API key and API lists. MailChimp API key can be generated here http://admin.mailchimp.com/account/api/


  • chimpapi

    and MailChimp API list is available here http://admin.mailchimp.com/lists/. After you sign up, go to Lists tab, select desired list (or create one if you don’t already have it) and go to Settings / List Name & Defaults to see it.



    mailchimplist-2


Both Sendloop and MailChimp will require that you to have an active account.

wid newsletter

Twitter Stream widget

Twitter widget will display desired number of latest Tweets. It requires you to have Twitter account and Twitter API key. To insert username and API key login to your wordpress admin panel and navigate to Widely / Social. You can find all the instructions how to setup twitter here.

twitter stream_widget

Theme Settings

Widely theme has custom settings admin panel which allows you to customize the theme and set different features to it. Login into your wordpress admin panel and navigate to Widely and you will see four different tabs:


Here we will explain each of the tabs and all their features.

General Options

General options allows you to set global options for the theme, such as header logo, favicon and so on.

wid gen opt

  1. Header logo: JPEG, GIF or PNG image, 300×95 pixels recommended up to 500KB.
  2. Favicon. Website icon, ICO file, dimensions: 16×16.
  3. Google Analytic code. Your Google Analytic code. Please paste whole code here.
  4. Footer Copy Text: Text that will be displayed in the footer. By default this options is used to display copyright information.


Home Page

Home page tab allows you customize your homepage.

wid home page

  1. Check this box if you want to use content from other page on home page.
  2. Select page whose content will be shown on home page.
  3. Check this box if you want to latest news to be displayed on home page.
  4. Check this box if you want to use call to action on home page.
  5. Insert call to action text.
  6. Insert call to action button text.
  7. Insert call to action URL.


Social

In Social tab you can set accounts for different social networks and enable or disable social share options.

wid social

  1. Check this box if you want to enable RSS feed.
  2. Check this box if you want to show twitter field.
  3. RSS Feed URL: URL to RSS feed (e.g. http://www.themeskingdom.com/feed/).
  4. Google Plus Account: Enter your Google+ account (e.g. 123456789012345678901).
  5. Facebook: Enter URL to your Facebook profile (e.g. themeskingdom).
  6. Twitter: Enter your Twitter username (e.g. themeskingdom).
  7. Linkedin: Enter URL to your Linkedin account (e.g. themeskingdom).
  8. Using Twitter requires having a Twitter API key. You can find all the instructions how to setup twitter here.


Contact

In contact section you can change error and notification messages and change Google maps parameters.

wid contact

  1. Check this box if you want to show the map on contact page.
  2. Insert text that will be shown on the side of contact form.
  3. Subject for your contact form: Email subject when you get mail from contact form.
  4. Name error message. Message that will be displayed when name is missing.
  5. E-mail error message. Message that will be displayed when email is missing or is in incorrect format
  6. Message text error message. Message that will be displayed when message text is missing.
  7. Message on successful e-mail send. Message that will be displayed when message is successfully sent.
  8. Message for error on e-mail send. General error message. This error message is related to server or connection errors.
  9. Google map X coordinate: Google maps latitude.
  10. Google map Y coordinate: Google maps longitude.
  11. Google map zoom factor: Zoom factor – higher value, higher zoom in. Recommended value is 16.
  12. Marker Title: Text that will be displayed in balloon on the map marker.
  13. Google Map type: Map type. You can choose between hybrid, roadmap, terrain and satellite.


Pages

Pages are for content such as “About,” “Contact,” etc. Pages live outside of the normal blog chronology, and are often used to present timeless information about yourself or your site — information that is always applicable. You can use Pages to organize and manage any content.

wid page

  1. Page title.
  2. Page content.
  3. Page templates: Widely theme includes several different page templates. Page templates are used to display custom post types such as services, team members and so on.
    • Default page template. Multipurpose, without special properties.
    • Blog page template is used to display all blog posts in chronological listing.
    • Contact page template is page with contact form and map. Used to display necessary contact information.
    • Portfolio page template will display all portfolio items.
  4. Page headline. Insert page headline and page headline link.
  5. When you are done with customizing click on the Publish button to publish your page.


Posts

Posts are the entries that display in reverse chronological order on your blog page.

wid post

  1. Post title.
  2. Post content.
  3. Each post in wordpress is filed under one or more categories. This aids in navigation and allows posts to be grouped with others of similar content
  4. Add tags to your post.
  5. Set featured image. Featured image will be used as cover image.
  6. Video link. Insert video link.
  7. Post slider images. Add images for home page slider.
  8. – Link of the image.

    – Click upload button when finished adding image.

  9. When you are done with customizing click on the Publish button to publish your post.


Shortcodes

Shortcodes can be inserted into the posts. They are a great way to enhance post content or to outline important things.

inc shortcodes

In this theme you can use the following shortcodes:

Columns

Columns allows you to create text content in magazine-like style. Columns can be one half, one third and one fourth of the content area width.


cos column sc

  1. Column type. Select the type of the column. You can choose between one half, one third, one fourth and one sixth.
  2. Last column. Choose between regular or last column. Select last column when you are adding last column of your table.
  3. Column content. Text that will be displayed in column.
  4. When you are done with editing shortcode click on the insert shortcode button to insert it into content.


Buttons

Buttons can lead to internal or external links. Buttons have its own link, caption (Text) and style. Style affects button color, size and URL target (same or new window).


imm button sc

  1. Add button URL.
  2. Where to open link. Select to open link in the same or in new window.
  3. Button Style. Select color of the button.
  4. Button Size. Select size of the button. You can choose between default, large, small and mini.
  5. Button text. Text that will be displayed on the button.
  6. Preview of the button.
  7. When you are done with editing shortcode click on the insert shortcode button to insert it into content.


List

List allows you to add lists into the content. Lists have several different bullet styles that you can choose. Each list item has to be added through shortcode.


cos list sc

  1. Type of list. Select bullet style. Choose between plus, arrow, heart, check and star.
  2. List text. Insert text of the list item.
  3. Preview of the list.
  4. When you are done with editing shortcode click on the insert shortcode button to insert it into content.


Portfolio

Portfolio post type allows you to create portfolio items. All posts will be displayed in the page that uses “Portfolio” page template.

cha porfolio

  1. Portfolio item title.
  2. Portfolio item content.
  3. Add tags to your portfolio item.
  4. Portfolio items can be associated to categories, which will allow users to filter them by category on “Portfolio” page.
  5. Featured image will be used as cover image.
  6. When you are done editing your portfolio item, click Publish button.


Slides

In Slides section you can set slides for home page slider.

wid slide

  1. Slide title.
  2. Images must be set as “Featured image” in order to be shown in the slider.
  3. When you are done editing your slide, click Publish button.


Additional Support

If you need additional assistance for this theme, please submit a ticket to our support system.