Viska - Creative One Page Wordpress Theme

Thank you very much for purchasing our theme. This document will guide you through the setup process of this theme. If you have questions about our theme that isn't covered in this documentation, please post your question here.

Download package contents


Once you have downloaded and unzipped the viska package you will be faced with a list of files and folders. An explanation of these is as follows. Any item not mentioned here should be ignored for the moment. This is a zip archive of the theme.
Documentation This is the help documentation. To view simply open index.html found inside this folder

Installing Theme


Once you have downloaded the Viska package from, there are 2 ways of installing this theme. These are as follows:

Method 1

  1. Unzip the download package using Winzip or equivalent.
  2. You will see another zip archive file inside called, unzip this file also using Winzip or equivalent software and using an FTP client (eg. Filezilla), upload its contents to your WordPress installation. You will need to place the folder into the following location: wp-content/themes
  3. Now inside your WordPress admin area, go to Appearance > Themes and there you will see the W&M Theme.
  4. Click Activate to activate the theme. If you do not see the theme in this screen, you have done something incorrectly. Review the last few steps again.

Method 2

  1. Unzip the Viska download package. Once unzipped you will see a zip file named, this is a compressed version of the theme.
  2. Now inside your WordPresss admin area, go to Appearance > Themes > Add new > Upload theme
  3. Click browse and locate this W& file and upload it
  4. Now you will see the Viska theme in the Themes page.
  5. Click Activate to activate the theme. If you do not see the theme in this screen, you have done something incorrectly. Review the last few steps again.

After install theme, you will need to install some plugins, just click Begin installing plugins and active it.

Theme Installation Errors


Do not upload the Themeforest download package directly to your WordPresss site, because this will lead to errors. Make sure to Unzip this package and inside you will find the theme zip archive: This is what you will need to upload to your WordPresss installation

Theme Setup


Before you start using the Viska Theme, a few setup steps are required. This section will walk you through these steps.

  1. Recommended Plugins
  2. Importing Demo Content

Theme Menu


Viska theme contains only one menu location - Main Menu. In this section we will outline the steps involved in creating the menu for this theme.

  1. Go to Appearance > Menus in the main admin menu.
  2. At first you will probably need to add a menu, give it a name & click Create Menu. The new menu will appear in a tab in this location. Click on this tab to begin adding menu items.
  3. Use the dialog boxes on the left hand side of the page to add items to your menu. Select the master page you created as well as all of the sub sections or child pages and click "Add to Menu".
  4. Now you can drag the newly inserted menu item to their correct sequence and rename their titles if required.
  5. Choose Theme locations - Main menu in Menu Settings
  6. After you have added and edited the menu items click Save Menu in the bottom of this area.

Importing Demo Content


Some buyers like to install their theme and have it look exactly like the preview site. If this is something you would like to do, then follow the steps in this section. This step is optional so feel free to skip it. The subsequent sections will provide all the instructions you need to insert your own content manually.

The dummy content inserted in this step will not contain the beautiful images seen in the demo. These images cannot be included because they are commercial images, which we have purchased for theme demonstration only and we do not have a redistribution license for these assets.

  1. Install and activate the W&M theme. (See section above)
  2. Go to the W&M options > Import Demo
  3. Click the large orange Import button once only.
  4. The theme will now import our demo content into you site. You might need to wait a few minutes.
  5. This importer will basically import posts, pages, comments, custom fields, categories, tags, sidebars, widgets, menus and all configuration from our preview content export file.

Add content

How to create new Post?


From the POST menu in the left-hand side of the Wordpress Dashboard, you select Post > Add New

  • Step 1: Enter your post title in the upper field
  • Step 2: Enter your post body content in the main post editing box below
  • Step 3: After that, In the Layout Setting box, you can choose 1 out of 3 Layout Templates listed below and then custom style / script as well if you want
  • Step 4: There are 7 available formats in Format pane for you to choose: Standard, Gallery, Audio, Link, Video, Image and Quote
  • Step 5: To add Post's category by clicking "Add New Category"
  • Step 6: Add Post's tags
  • Step 7: In the Add Media Box, you can upload images, video, audio, link and quote
  • Step 8: Clicking "Add Video" button to add video into an article, you need to get the video's link from your browser.
  • Step 9: When you are ready, click Publish button

After setting all the properties, you can see the final view of a post as below:

How to create new page?


In the Dashboard Sidebar, select Pages > Add New

Add the page's name, select layout setting and then choose the template for each page. You can create so many pages as you want.

For example: Creating Blog page

Theme Options

Dashboard settings


This section allows you to customise and style almost your site.

Basic Tab

1 - Style Color

This section allows you to customise your site's skin and color. We offer you 5 default beautiful style colors

2 - Custom Color

Besides, we also offer you function to custom skin color that you like

After finishing the customisation, just click on Save button at the bottom

3 - Skin

There are 2 skin versions dark or light but you can customise your own favourite skin color

Introduction Screen Tab

This section allows you to customise the Header region at your homepage: Background, Logo, Title, Slogan, Button and Links

  • Background Settings: We offer you 4 types of backgound:
    1. Static
    2. Color
    3. Slider
    4. Video

  • Logo: Disable or enable your site's logo

  • Slogan:You can choose slogan type that you want: Statistic and Slider

  • Title

After all complete setting , you will have what you want as below screenshot

Introduction Blog Screen

Customise Header region at Blog page

And this is how it looks like:


1 - The First

First, you can drag and drop to change the section's order at Home page (Please see screenshot below)

2 - The Second

To customise each section, just click on it and change the settings. Each section, you can edit:

  • Header Setting

    We offer 6 types of title and subtitle for all sections

  • Custom setting for each section:
    • For About section, you can upload background image with animation and enable button as well. You can see here:


      Final view

    • For Service section:


      Final view

    • For Funfact section: Enable or disable funfact section

      View here

    • For Team section:


      Final View

    • For Skill section:

      Final view

    • For Work(Portfolio) section:

      Final view

    • For Idea section:
      View Here

    • For Twitter section:

    • For Pricing section:

    • For Latest Post section:

    • For Clients section:

    • For Testimonial section :

    • For Address section :

    • For Map section:

      Custom the google map display settings

      How to get Longtitude and Latitude of your location
      1. Visit Google Map
      2. Right click to your location you want to display,choose "What's here?" and Longtitude and Latitude will display in Search Box (Screenshot guide below)

      Custom tooltip's heading and content and upload marker logo.

Logo & Favicon

You can upload logo and favicon in General Settings and Logo & Favicon tab

  1. Logo Upload

  2. Favicon Upload

Layout Setting

In Blog layout tab, you just choose one out of three default layout and then Save


To get the properties to fill in the requested boxes, you need to follow these steps:

  1. First, go to this page and log in if necessary.
  2. Follow the instruction to create Twitter Application.

After creating the app successfully, just click on API Keys tab to get the API key and API secret to fill in Consumer Key and Consumer Secret. Next. you also need to create Access Token to get Access token and Access token secret to add into Access Token and Access Token Secret. User name is the text after when you log in you twitter account

Copyright text

To change the copyright text, you go to Footer tab and edit the text

Social Footer

We offer you 13 default social links, which display in the footer region of the theme. You can enable theme and add link

Typography Setting


Custom text and typography in all pages

  1. Custom Font Navigation Menu

  2. Custom Font Heading

  3. Custom Font Link Anchors

  4. Import any Font you want

Theme Sections

Create About


From the left-hand side of the Dashboard, select the About Us > Add New and you can start to follow steps in below screenshot to creat new About Us Section.

Note: About Us section includes some other small parts named Funfact, Skills and Features.

  • About: Add the title and description (body), you can insert media (image) also if you want.
  • The view at homepage:

  • Funfact: Just choose the icon, add number and text
  • And this is how it looks at homepage

  • Skills:
  • The final view:

  • Features:

Create Team


Continue, you choose Team Member > Add new.Here you can add your team members with their detail information.

  1. Name, Avatar, Title/Position, Small Introduction
  2. Social Contact

Create Clients


From the left-hand side of the Dashboard, select Client > Add New

  • Enter client's name (it is not displayed).
  • Add client's url
  • Upload logo

Create Services


You also go to Service in the Dashboard and Add new

  • Interface setting

  • Display home page

Create Pricing Table


Add pricing table with details by going to Pricing table > Add new

  • Interface setting

  • Display home page

Create Testimonials


Just go to Testimonial > Add new and name the Title, upload photo and add quote

  • Interface setting

  • Display home page

Create Work / Portfolio


To add your portfolio, just go to Portfolio > Add new and set the properties.

  1. Add the work's title
  2. Add the work's content below
  3. Insert media. You have to choose the suitable media type: Video or Gallery-Image. Media will appear when you click on a certain portfolio.
  4. Choose Format for your portfolio. We offer you 4 types: Standard, Gallery, Video and Image. If you choose Standard, all the portfolio's information will be shown up. 3 other types only show images or video.
  5. Add portfolio's categories
  6. Add portfolio's featured image, which will display at home page

And this is the final view:

Theme Security


Here, we provide you a number of security modules which will help you to avoid danger

  • Private Site : Just allows author of website be able to see website's content
  • Captcha: Allowing dipslay security captcha on Some Pages (Login, Comment, etc).
  • Hide Login Page :
    If you enable this function, all of people do not have permission to access on this link/page Don't worry, you still can access Login page by using private link. The following step:
    1. In Secret Key Section: Click Generate Key Button , you will have got any of Key
    2. At the moment, in Hide Login Page section will appear a link which include code key was generated above. To easily imagine , take a look at this.
    3. Finally, to access Login Page, you just need to copy that link and paste to browser's address (For ex: )

  • Hide Wpadmin: If you enable this function, all of people do not have permission to access on this link/page http://localhost/chulan/wp-admin/
  • Hide PHP: Hidden all PHP wordpress files except files in textarea white list, these files you can add
  • Remove Wp Version: Hide WordPress core version number in URLs, such as CSS and JS to avoid a hacker knows which version of WordPress a website is running

Security Captcha


Using this module is the easiest way to add security Captcha in all your form

  1. Go to the Chulan Theme tab > Security > Generate Settings tab then enable module by choosing ON button

  2. Go to the Captcha tab after which is displayed on the tab menu. In the section, choose Setting tab. Here, you can active Captcha module for type of your Forms. For example: enable Contact form

  3. Let's continue, go the Contact Tab of left sidebar wordpress, then, choose your form and edit it

  4. After, copy Captcha Code in the Awe Captcha box and paste this code to box in left

  5. Finally everthing work perfectly , go to the home and will see the result following

Theme Translation

Translation Using POT File


To translate the theme using the POT file do the following

  1. Create a po file for your language, for example de_DE.po
  2. Copy all text from provided theme pot file into your po file
  3. Edit the po file with poedit
  4. Create the mo file
  5. edit wp-config.php file in your installation and set WPLANG so it matches your languages: define('WPLANG', 'de_DE');
  6. The Theme should now display all messages in your language.
Upon theme update, language files are NOT preserved.
You will need to manually restore your po/mo files right after the update.

Translation Using Plugin


To translate any of language, you can download this plugin Codestyling Localization and see the documentation for instruction

  1. Description
  2. Installation
  3. Screenshots

General information

Need help?


If you need help with setting up the template, please post your question here. There are a few notes:

  • Before you ask a question please make sure to scan the menu and read the specific section of your question.
  • If it's a specific Wordpress plugin question, Google (or any other search engine) is your friend and probably a hundred times faster in replying.
  • If it's possible, please provide a link to your (demo) website so our stuff are able to quickly scan for possible issues.

Report a bug


If you found a bug, please send us an e-mail with a (small) description of the issue. Your help is always apreciated.