Getting started · Skylab - Responsive Creative Portfolio WordPress Theme Documentation

# Getting started

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form http://themeforest.net/user/MegaTheme or create a support ticket by following this link https://megatheme.ticksy.com/

# Installing The Theme

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress

### Installing The Theme

Extract the zipped package downloaded from ThemeForest to your desktop, in the extracted package you will find skylab.zip file which is the WordPress theme.

Alternatively you can download skylab.zip file from ThemeForest by clicking the “Installable WordPress file only” zip file as shown in the screenshot below.

You can install the theme in two ways:

- FTP: Extract skylab.zip file in skylab-package\Theme Files folder and upload the extracted folder to /wp-content/themes/ folder on your server.

- WordPress: Navigate to Appearance > Add New Themes > Upload page. Select skylab.zip file in skylab-package\Theme Files folder and upload the extracted folder. Press the Install Now button to upload and install the theme.

After uploading the theme, you have to activate it. Navigate to Appearance -> Themes page to activate the theme.

### Installing Plugins

Now that you have activated Skylab, you will see a yellow notice at the top of the screen. This notice is to let you know about the plugins that we recommend you install for use with the theme. Click “Begin installing plugins” and install/activate the plugins. You can also access this page by going to Appearance -> Install Plugins.

### Importing The Demo Data

If you did not you will need to install One Click Demo Import plugin first. Navigate to Appearance > Install Plugins and install and activate the plugin.

You can read more about One Click Demo Import plugin here https://wordpress.org/plugins/one-click-demo-import/.

The import script may run into your host's configured memory limit for PHP.

Before you import your WordPress demo data, make sure you increase your max upload size so your server doesn’t time out.

- php_value upload_max_filesize 32M
- php_value post_max_size 32M
- php_value max_execution_time 600
- php_value max_input_time 600
- php_value memory_limit 256M

Increase memory limit to 256 mb http://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP

If you have access to the php.ini file, you can manually increase the limit.

If you don't have access to your server's PHP.ini file, then try adding this to the bottom of the .htaccess file at the root of your WordPress site:

    # BEGIN Increase Max Upload Size
    php_value upload_max_filesize 32M
    php_value post_max_size 32M
    php_value max_execution_time 600
    php_value max_input_time 600
    php_value memory_limit 256M
    # END Increase Max Upload Size

Make sure you enable “show hidden files” with whatever FTP client you are using.

If you aren't confident enough to attempt the above yourself, or nothing has worked, then please contact your host directly - they will be able to help.

Navigate to Appearance -> Import Demo Data and click “Import” button below the demo you would like to import.

# Setting up the Homepage

To set up the homepage you must create a new page, you can do so by navigating to Pages > Add New. You can give this page a title. Choose “Blank Template” page template from the Page Attributes section and click “Publish”.

Once you have created your new page, navigate to Settings > Reading and configure the "Front Page Displays" setting. Select the static page option and choose the page you just created as your front page.

For building content the theme uses WPBakery Page Builder for WordPress plugin that is included in the package. This is drag and drop page builder for WordPress. Read more about the plugin by following this link https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431. If you are not familiar with WPBakery Page Builder plugin please read WPBakery Page Builder plugin documentation by following this link https://kb.wpbakery.com/docs/getting-started/.

### Using The WPBakery Page Builder

The WPBakery Page Builder is very easy and doesn’t really need much explanation, have a look at the screenshots below for a quick guide (you can also view this more comprehensive WPBakery Page Builder guide).

First, you will need to click the Backend editor button.

### The WPBakery Page Builder Backend Editor

The backend editor includes easy to use options to add page elements or select page templates.

If you click on the + symbol the WPBakery Page Builder will open a window to add elements. Here you will find all of the WPBakery Page Builder and Skylab page building elements. To add a page element simply click on it.

Use the page element options to customize your page. Each element has different options for customizations like colors, fonts, margin, images and more. Below is a map of the backend editor with helpful pointers for the editor options.

After adding elements make sure to save your page.

### Using Slider Revolution

Add the slider shortcode inside a WPBakery Page Builder module at the top of your custom page or post. Just add a Revolution Slider module as the first page element and select the slider you would like to use.

If you are not familiar with Slider Revolution plugin please read Slider Revolution plugin documentation by following this link https://www.themepunch.com/revslider-doc/slider-revolution-documentation/.

# Menu & Theme Options

### Menu

To create a custom menu, go to Appearance → Menus in your dashboard, create menu and assign it to “Display location”.

You can read more about menus here http://en.support.wordpress.com/menus/

The themes comes with 4 menu locations:

1. Primary Menu — available in the header of your site.
2. Secondary Menu — available in the header of your site.
3. Secondary Menu in Header — available in the header of your site.
4. Top Bar Menu — available in the header of your site.
5. Subfooter Menu — available in the footer of your site.

### Theme Options

The theme comes with a simple to use administration panel where you can configure a number of options to tailor the theme to fit your needs. You can access it by navigating to Appearance > Theme Options.

# Setting up the Blog

To set up the blog, create a new page, give it a title and click “Publish”. Next go to Settings > Reading and configure the “Front Page Displays” setting. Select “A static page” option and choose the page you just created as your Posts page. Otherwise, if you want to display your blog page as the front page, select “Your latest posts” option. Your blog page is now ready to display your posts.

# Setting up the Portfolio

### Adding Portfolio Items

If you did not you will need to install Portfolio Post Type plugin first. Navigate to Appearance > Install Plugins and install and activate the plugin.

To add a new portfolio item, navigate to Portfolios > Add New. Here you can add the title of the project, a description in the main text editor, upload media, type an excerpt and assign various categories.

# WooCommerce

To install shop you will need to install WooCommerce plugin. You can download it and read the documentation by following this link https://wordpress.org/plugins/woocommerce/

# Setting up the Contact page

If you did not you will need to install Contact Form 7 plugin first. Navigate to Appearance > Install Plugins and install and activate the plugin.

You can read more about Contact Form 7 plugin here https://wordpress.org/plugins/contact-form-7/.

To set up the page you must create a new page, you can do so by navigating to Pages -> Add New.

You can give this page a title. Choose “Blank Template“ page template from the Page Attributes section and click “Publish”.

# Widgets

The theme comes with 10 widget areas:

1. Main Sidebar — available with default WordPress blog posts.
2. Shop Sidebar — available with “Shop” and “Single Product” pages. Note: WooCommerce WordPress plugin must be enabled to use this widget area. You can download WooCommerce WordPress plugin here http://www.woothemes.com/woocommerce/.
3. Footer Area One — located in the footer of your site.
4. Footer Area Two — located in the footer of your site.
5. Footer Area Three — located in the footer of your site.
6. Footer Area Four — located in the footer of your site.
7. Subfooter Area One — located in the footer of your site.
8. Subfooter Area Two — located in the footer of your site.
9. Subfooter Area Three — located in the footer of your site.
10. Secondary Menu Area One — located in the secondary menu area.

You can read more about WordPress widgets here http://codex.wordpress.org/WordPress_Widgets.

You can add widgets by following these steps:

1. Go to WPBakery Page Builder > Widgets.
2. Choose a Widget and either drag it to the sidebar where you wish it to apskylab, or click the widget, (select a destination sidebar if your theme has more than one) and click the Add Widget button. There might be more than one sidebar option, so begin with the first one. Once in place, WordPress automatically updates the Theme.
3. Preview the site. You should find that the "default" sidebar elements are now gone and only the new addition is visible.
4. Return to the Widgets Panel to continue adding Widgets.
5. To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
6. To customize the Widget features, click the down arrow in the upper right corner to expand the Widget's interface.
7. To save the Widget's customization, click Save.
8. To remove the Widget, click Remove or Delete.