Installing WordPress

WordPress is well-known for its ease of installation. Under most circumstances installing WordPress is a very simple process and takes less than five minutes to complete. Many web hosts now offer tools (e.g. Bluehost, mediatemple) to automatically install WordPress for you. However, if you wish to install WordPress yourself, click below button to read about Famous 5 Minute Installation. 5 Minute Installation Guide

Alternatively you may be interested on below topics:

Disclaimer Please note that we do not give support or any questions related on how to install and maintain wordpress. For any faulty installation that may cause your website or our theme malfunction you should refer to wordpress support forum. Alternatively you can get help from your web hosting.

Theme Installation

Once you download VEGA Theme, unzip the main item. you will see the following folders:
Theme
Theme files that you will need to upload them into your wordpress themes directory
Documentation
Includes theme documentation for VEGA theme.
Licensing
Lisence for theme and other items used on theme

VEGA can be installed in two different ways:

  1. Installing through wordpress
  2. Uploading through FTP (File transfer protocol)

Installation through Wordpress:

Installing a theme through wordpress is quite a simple process. After you have logged into wordpress account and are ready to go, in the admin panel’s sidebar navigate to appearance and then select themes. After that, click on the install themes tab and select upload from the navigation bar right below it. Click “choose file” button and locate your theme zip file (VEGA.zip) then hit install now. After VEGA has been installed locate and click activate. Please be informed that you should not upload the whole item you have downloaded from Template Monster as you will get an error of broken stylesheet file. Instead locate the VEGA.zip file inside the main file you have downloaded.

Warning! While installing your theme through wordpress admin, you may encounter an error message saying “are sure you want to do this?”. This is mainly due to your hosting php settings. VEGA theme zip file is roughly around 6mb and in some hostings the default value for max_upload_limit left default which is 2mb. To solve this problem you should either increase your maximum upload size (to 10mb) on your hosting admin panel or ask your host to do it for you if you do not have the privilege to alter your server php settings. This is a very common request and they should be able to help you out. Once the limit is increased you can re-try the install and you’ll be all good to go.

Installation Through FTP

  1. Download the Theme archive and extract the main theme zip file it contains (VEGA.zip).
  2. You may need to preserve the directory structure in the archive when extracting these files. Some softwares like "winrar" create a sub directory with the same directory name they have unzipped. uploading theme to your server via FTP with this structure is WRONG and you will face with some errors.
  3. Use an FTP client (for example filezilla) to access your host web server
  4. Transfer your unzipped theme to your server in the wp-content/themes
  5. Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your uploaded theme.

Importing Demo Content

Below explanation is an step by step explanation on how to import our demo website content, please read carefully and if you face any problems that is not covered here, open a thread in our support forum.
  1. Login into your WordPress Admin section (http://www.your-web-site.com/wp-admin)
  2. Go to Theme Option -> Import/Export in admin panels.
  3. Click on the WordPress and follow the instructions if Import plugin isn’t installed yet (3.0+).
  4. Click on "Import" button.
  5. please note in our dummy content none of the images will be downloaded because of copyright restrictions. You will need to add your images manually.
  6. WordPress will then import each of the posts, page, custom post types, comments, and categories contained in this file into your blog.
  7. Notice that the Sidebar and Footer Widgets are not replicated on your imported demo content. You should be the one to create the widgets. To create widgets, navigate to the left sidebar menu of the WordPress’ Dashboard, then Appearance > Widgets. Just drag and drop the widgets on to the widgets area on the right side of the widgets page.
  8. After this, you should also update the Menus by going to Appearance > Menus. Locate the Theme Locations box and select from the drop-down “Main Navigation” and "Footer Navigation" as respect to the locations the selectbox label indicates. Click the Save button under it to save the changes.
  9. Done! You should now have the dummy/demo content similar from the Live Preview of the theme.

Increasing the WordPress Memory Limit

  1. Edit your wp-config.php file and enter something like:
    define('WP_MEMORY_LIMIT', '96M');

    Note Please note that WordPress memory can be different to the server – you need to set this regardless of server memory settings

  2. If you have access to your PHP.ini file, change the line in PHP.ini If your line shows 32M try 64M:
    memory_limit = 64M ; Maximum amount of memory a script may consume (64MB)
  3. If you don’t have access to PHP.ini try adding this to an .htaccess file:
    php_value memory_limit 64M
  4. If none of the above works then talk to your hos

Updating Wordpress Theme

There are 2 methods to update our wordpress themes to newer version. These new updates are essential if you want to have a bugfree website as we give new features and improvements to the theme over time. some of these updates might be needed in order to make the theme compatible with wordpress newer versions. there is no risk on losing your settings and pages. However if you had done modifictations on theme files, then they will be lost.

Update Through Wordpress Admin Panel

  1. For this method you should first install Theme Upgrades Tool
  2. Unzip the file you just downloaded from Template Monster and locate the WordPress Theme. (eg. VEGA.zip)
  3. Log into your WordPress Dashboard.
  4. Click on “Appearance > Themes”.
  5. Still within the Themes section, on header tab, click on “Install Themes”, then on header second tab click "Upload".
  6. Click “Browse…” and locate the new theme file. (eg. VEGA.zip)
  7. In the “Upgrade existing theme?” option choose “Yes” from the dropdown list.
  8. Click “Install Now”.
  9. Click “Activate”.

Method Two

  1. Login into your Template Monster account and go to downloads (Dashboad > downloads)
  2. Download the theme into your computer
  3. Install an FTP program (Filezilla is free)
  4. Retrieve your FTP login information from your hosting admin panel and login into your hosting via FTP
  5. Unzip the item main file
  6. Locate theme.zip (eg : VEGA.zip) and unzip it. make sure your unzipping software do not create extra directory with the same name nested into each other.
  7. drag and drop theme main folder into your FTP program with the destination : "YOUR_HOSTING_ROOT/YOUR_SUBDIRECTORY/wp-content/themes/"
  8. FTP program will give a warning that there is an existing with the same directory name, choose replace all.
  9. Then you are ready to Go !

Theme Navigations

This Theme uses wordpress built-in menus feature which can be found in your wordpress dashboard > appearance > menus. In this section we will go by explaining every detail regarding usage of below tools as well as some other cool features we added such as maVEGA a mega menu and using 1500+ icons for your Menu items. We pointed sections with numbers and while explaining we may ask your attention to the screenshot for clear undrestanding. From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor and start implementing below steps.
  1. Click on create a new menu (Refer to No 2).
  2. You should define a name to your menu (eg: main menu, footer menu)
  3. Click the Create Menu button.
  4. Your new custom menu has now been defined and you are ready to drag and drop menu items.

Creating your menu

From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor and start implementing below steps.
  1. Click on plus icon to add new menu (Refer to No 1).
  2. You should define a name to your menu (eg: main menu, footer menu)
  3. Click the Create Menu button.
  4. Your new custom menu has now been defined and you are ready to drag and drop menu items.

Adding Items to a Menu

  1. The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts are hidden by default. If you have'nt spot it yet, its on wordpress backend header right-side. if you click on "Screen Options" it will slide down. so you can easily check items to hide or show.
  2. Refer to No 3. These panes will alow you to drop any sort of item to your menu. for example No 2 will let you to add paegs, the rest are your custom links, posts, categories and so on.
  3. The general technic of these panes are pretty simple, select the item and click on "Add to Menu" button. after a moment you will see the item appeared on your menu white space.
  4. Please remember you should always save your changes by clicVEGA on "Save Menu" which can be found on header and footer right section.

Deleting a Menu Item

  1. Locate the menu item that you want to remove in the menu editor window
  2. Click on the arrow icon in the top right-hand corner of the menu item/box to expand it.
  3. Click on the Remove link. The menu item/box will be immediately removed.
  4. Click the Save Menu button to save your changes.

Customising Menu Items

  1. Locate the menu item that you want to customise in the menu editor window
  2. click on arrow icon in the top right-hand and exapnd.
  3. The Navigation Label: This field specifies the title of the item on your custom menu. This is what your visitors will see when they visit your site/blog.
  4. The Title Attribute This field specifies the Alternative ('Alt') text for the menu item. This text will be displayed when a user's mouse hovers over a menu item.

Creating Multi-level Menus

When planning the structure of your menu, it helps to think of each menu item as a heading in a formal report document. In a formal report, main section headings (Level 1 headings) are the nearest to the left of the page; sub-section headings (Level 2 headings) are indented slightly further to the right; any other subordinate headings (Level 3, 4, etc) within the same section are indented even further to the right. The WordPress menu editor allows you to create multi-level menus using a simple 'drag and drop' interface. Drag menu items up or down to change their order of appearance in the menu. Drag menu items left or right in order to create sub-levels within your menu. To make one menu item a subordinate of another, you need to position the 'child' underneath its 'parent' and then drag it slightly to the right.
  1. Position the mouse over the 'child' menu item.
  2. Whilst holding the left mouse button, drag it to the right.
  3. Release the mouse button.
  4. Repeat these steps for each sub-menu item.
  5. Click the Save Menu button in the Menu Editor to save your changes.

Adding Your Menu to Your Site

Please refer to No 7 in screenshot. VEGA supports 4 theme locations. if you have created your navigations, in order to display them in front-end you should assign your menus to specified locations accordingly.
  1. Primary Menu : Will act as your main navigation.
  2. Primary Left Menu : If you choose header style 3 this menu will show on left side of your logo.
  3. Primary Right Menu : If you choose header style 3 this menu will show on right side of your logo.
  4. Footer Menu : Will appear on footer.
  5. Shop Menu : Will appear on shop page.

Theme Option Settings

Theme Option settings is the core of your theme. A place you can customise from A-Z. Its in fact theme settings same like other themes, however we put alot of time and effort to build a solid framework. It exhibits options and settings in a way you can find them easily, and many other features. We are not going to explain every single option in option tree since we added description for each option and most of them are self descriptive. In this documentation we will cover some major sections that has a workflow and needed to be explained in steps to avoid any confusion.
Before we move on to other sections let us introduce some geneal stuff here :
  1. Your Theme Version indicator. so you can always see what version you are using.
  2. Main Navigation. General sections.
  3. Save changes that will save ALL changes you have made in theme option, only the pane you are currently viewing.
  4. Reset section will return all settings to default state on current pane only.
  5. Reset all will return all settings to default state on all panes.

Uploading Your Logo

In VEGA theme inorder to update the logo, you need to navigate to Theme Option > Header, there you will find Custom Logo option which accpets logo.

Styling & Coloring

Here is where all the magic happens! Here you can customize your websites backgrounds, header, footer, typography and many more. In Option settings click on Customizer from left hand main navigation.

  • Customizer :The only advanced and easy to use background selector we have seen so far! We dont even see a need to explain how to work with that. you just play around with it and everything will come naturally. you will not cunfused or overwhelmed. This section introduces element's color for your theme such as loader color, page title background color, menu color, menu link color and so on, also this section introduces you to how to change the font typography, sizes, weight, line height and so on. It's pretty self explaintory.

Custom CSS & JS

If you need to apply some small CSS tweaks, then you are in right place. Please note that you should always have a copy of your custom codes as sometimes you may mistakenly reset theme options to defaults and lose all your custom css. Alternatively you may consider maVEGA a child theme if your customisation is beyund just few lines of css. below are some links to how to create your own child theme :