W&M - Creative 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 W&M 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.

wm.theme.zip 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 W&M package from Themeforest.net, 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 W&M.theme.zip, 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 W&M download package. Once unzipped you will see a zip file named W&M.theme.zip, 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&M.theme.zip file and upload it
  4. Now you will see the W&M 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 update


You don't need to go to the Themeforest website to donwload newest version theme. We offer easiest way to update theme base on Usename or API Key and you just need to choose update from Themeforest or Awethemes Server

How to get your API Key from Envato/Themeforest

  1. Go to your account and select SETTINGS
  2. Select Tab API Key
  3. Generate any API Key
  4. Copy Key

Insert Your API Key: Theme Settings > Update

Username: Fill in Username that you use to purchase on the Envato/Themeforest

API Key: Fill in your API Key that has been produced by Envato/Themeforest.

Just wait a tick, progress update will complete. Take a look at the following screenshot:

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: chulan.theme.zip. This is what you will need to upload to your WordPresss installation

Theme Setup


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

  1. Recommended Plugins
  2. Importing Demo Content

Recommended Plugins


For the best display of the theme, you also need to install two other plugins:

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.

Theme Menu


W&M 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.

Create custom menus


With wordpress, you can easily create a custom menu which usually use as a navigation menu of theme. In this section we will outline the steps involved in creating the menu for this theme

  • Go to Appearance > Menus in your dashboard.
  • To create a new menu, click the create a new menu link link, then just type in a Menu Name and click the Create Menu button
  • After you create your first menu, you will notice that two new options appear to control the following:
    • Auto add pages – If checked, new pages will be added automatically when you create them.
    • Theme locations – Allows you to decide where you would like your custom menu to appear in your theme.

  • Adding Sections: Here is available sections which have been created. You only need to easily adding sections to your menu by checking the proper checkbox for the sections you want and then click Add to menu button.
  • Change to your sections link and Navigation name
    • URL: We wants you to change our default domain to your domain, please see below image
    • Navigation Label – Enter your custom link text here. This overrides the default name of the menu item, replacing it with the name you give it instead.
    • Title Attributes – Adds custom hover text (a tooltip) and improves usability for impaired visitors using assisted devices.
    • Remove – Lets you delete the item from the menu completely.
    • Cancel – Allows you to cancel any changes you have made to it.

  • Adding Pages: After you have created pages in Dashboard > Pages > Add New which will show up in the list for insertion into your custom menu. Checking the proper checkbox for the pages you want and then click Add to menu button.
  • Adding Custom Links: Want a menu tab to link directly to another website ? Fill in your URL where you want to take someone when they click on it, add Link Text to specify name, and then click Add to Menu.
  • Adding Category Pages: Simply check the box of the categories you’d like to add, then click Add to Menu
  • Changing order and creating sub-menus:
    • To change the order and placement of menu items by dragging and dropping the items to change their order.
    • To create sub-menus or "drop-down" style menus, drag individual items to the right to "nest" them under a given parent tab. You can undo this by dragging them to the left.

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

Create Shortcode


In the content editor that allow you to easily add and edit complex formatted to post and page by using build-in shortcode. Such as Button , alerst, tabs, accordion, dropcap, list style, process bar, video.

In addition to you can use one free plugin that is Shortcodes Ultimate to get other a kind of shortcode

Custom Code

Add new fields Subscribe


1. Create a new list or open your current list

2. Click Signup Forms to edit style

3. Click generate form:

4. In add field section, click Text:

5. Change fields settings

6. Back to View subscribers and check new fields is displayed or not?

7. Now open and edit file section-subscribe.php, scroll to form tag

8. Add new input

    <input type="text" class="wm-name" name="data[NAME]" placeholder="" value=""/>

Change name to your tag which changed on form of mailchimp

After completed all steps above, return your site and check.

Note: you can create many fields as you want, just complete all steps above.

Custom CSS & Javascript


Sometime you want to modify any elements in theme according to your ideas through CSS and Javascript/Jquery code. So in order to do that let's go to Flawleshotel Theme > Dashboard > Header

  1. Custom CSS: insert your css code into Textarea field of Custom CSS
  2. Custom Javascript/Jquery: insert your script code into Textarea field of Custom Script

Theme Sections


For help on how to create any new section whatever you want to. In this new section , you can also use functions a other sections. Take a look at this following screenshot:

Go to the Theme Settings > Dashboard > WM Setting > Section tab

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 (it will not be displayed) and the body, you can insert media (image) also
  • 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. Full Introduction
  3. Skills
  4. Social Contact

When you click on each team member, a popup will appear, showing the detail information

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 skills
  7. Add portfolio's featured image, which will display at 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 Pricing Table


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

  • Interface setting

  • Display home page

Create Services


You also go to Service in the Dashboard and Add new

  • Interface setting

  • Display home page

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

Theme Options


To customise and style the site in your own way, all you need to do is just go to WM Theme > Theme Settings in the Dashboard Sidebar and follow some guidance bellow:

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 8 default beautiful style colors

2 - Custom Color

Besides, we also offer you function to custom color you want

3 - Navigation Setting

We also provide you 3 styles of navigation.

  • Style 1: Navigation will display right below Header section
  • Style 2: Navigation will appear above Header section with logo on the left
  • Style 3: Navigation will appear right below Header section with logo at the center

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

4 - 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. Pattern
    3. Slider
    4. Video
  • Logo: Disable or enable your site's logo
  • Title
  • Slogan
    There are 2 types of slogan. You can take a look here:


  • Button
  • Social (Here, click Add More button to add more social network you want)

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

Blog Header

Customise Header region at Blog page


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 5 types of title and subtitle for all sections :

    Style 1:
    Style 2:
    Style 3:
    Style 4:
    Style 5:

  • Content Setting
    • For About, Service section ,we offer 4 types of Feature list :

      Style 1:
      Style 2:
      Style 3:
      Style 4:
    • For Skill section:
      View Here:
    • For Team section:

      Style 1:
      Style 2:
    • For Work(Portfolio) section:

      Style 1:
      Style 2:
    • For Funfact section:

      Style 1:
      Style 2:
    • For Pricing Table section:

      Style 1:
      Style 1:
    • For Idea section:
      View Here:
    • For Testimonial section :
      View Here:
    • For Twitter section:
      View Here:
    • For Subscribe section:
      View Here:
    • For Clients section:
      View Here:
    • For Latest Post section:
      View Here:
    • For Contact Form section:
      View Here:
    • For Address section :

      Style 1:
      Style 2:
  • Parallax Setting

NOTE: You can change visibility buy click checkbox DISPLAY

3 - Map Secton Setting

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 twitter.com when you log in you twitter account


You can get API key here after log in

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 google Font

Theme Modules


Currently, there are two modules Security and Widgets. You can use whatever you want to by enable or disable

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 http://domain.com/chulan/wp-login.php. 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: http://domain.com/chulan/wp-login.php?awe_key=qRm9qJyTcZaD0 )

  • 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 Widgets


We usually update widgets in this section. There are so many widgets, you can enable or disable which you want to

Theme Translation

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

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 http://www.poedit.net/
  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.

General information

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.

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.

Update Functionality Plugin


When you're noticed that Please update WM Functionality Plugin to 1.3 Version . Please don't worry, just small update from us. The following is the detailed instruction how to update this plugin:

  1. Go to Plugin, search WM Functionality Plugin
  2. Deactive & Delete this one

  3. The alert will be appeared and you have to click Begin intalling Pluign

  4. Continue you have to install and active as normal