Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to publish your question here.
Thanks so much!
To use a WordPress theme you must have a working version of Wordpress already installed. For information in regard to installing the WordPress platform, please refer to the WordPress Codex here
After extract the main zip file, you'll see these folders and files:
This template works well for WordPress 3.9, update yours if needed.
Installing the theme can be done in two ways. You can upload the theme ZIP file using the built in WordPress theme upload, or copy the files through an FTP client.
Please refer this post.
Note: How to get the API Key of themeforest? Refer the post.
The video guide - Installation
After activating the theme, you would notice the message box on the top of admin pages to ask you install/activate some plugins, you could use them for free or cancel the messages.
To set up logo for your website, you need to:
The logo size recommended smaller than 180px(width) * 60px(hight), if you want to the logo is displayed clearly in retina screen, please upload a double size image logo(e.g. 360 x 120).
10 predefined colour scheme for your website, pleas go to ThemeOptions > Styling
There are many detail colour setting options for every scheme, you could define your own style base on the given scheme setting. You could also click on the small icon "?" on the right side description for every item to learn detail explanation for the option.
To set up the homepage, you need to create a page which you want to use it as homepage, after that, go to ThemeOptions > FrontPage section to select the page from drop-down menu.
If there have been some images in your site already, please click the button. It will generate the right size thumbs for the images.
Before building your custom menu, you need to create your pages first, then navigate to Appearance > Menus, it is recommended to create you menu from Pages or Links.
Anchor: You could link a menu item to a particular section in a page, and this feature makes it possible to build an one-page website. Following is how to use Anchor:
TheOne provide 7 formats for your post, theses formats would affect the style of your post in list and content page.
TheOne provide template with multiple options for your portfolio post, you just need to turn on the "Use Portfolio Template" switcher to activate the template mode:
The text content container could be on left, right or fullwidth, and you could setup the image list layout for the images.
You could add/manage your team members with the Team type post.
To add a new team member, please go to Team > Add New
To show the team members on webpage, you need to use the "Team" module from Page Builder:
You could add/manage your client information with the Clients type post with the similar interactions to Team.
To add a new client, please go to Client > Add New
Upload the client’s logo image to Featured Image.
To show your clients logo on webpage, you need to:
You could add/manage your testimonials information with the Testimonials type post with the similar interactions to Team.
To add a new testimonial, please go to Testimonials > Add New
To show testimonials on webpage, you need to:
You could add/manage your opening positions with the Jobs type post.
To add a new position, please go to Jobs > Add New
To show jobs on webpage, you need to:
You could add/manage your frequently asked questions with the FAQs type post.
To add a new question, please go to FAQs > Add New
To show your FAQs on webpage, you need to:
Navigation to BM Slider>Add new, You could create a top slider for page. In this panel, you could set the background image or video, add slider elements indlued: text(H1-H6), blur text, image, button and divide. You could select the slider in page option.
Go to Page / Add new, you could build all kink of pages you like. It is recommended to use Page Builder creating pages. Learn about how to use Page Builder.
TheOne provide a set of options to help you making amazing pages:
Revolution slider
TheOne provide drag & drop page builder for your pages and posts, press the button "Switch to Page Builder" to enable it. Following is a brief introduction for the page builder:
The modules could be placed directly into the panel or be dragged into a wrap, depending on your layout. A standard wrap have the same width with page content.
A fullwidth wrap have the following features:
Each section could be set in one Fullwidth wrap.
You could set up a background color for the text block, leave it empty if you don't want to show any background color.
Icon on Left
Icon on Top
You could set a bullet icon for every item
You could create a button and customise the size and colour.
Portfolio module is designed for you to showcase your portfolio post, on flip mouseover effect, the portfolio images could be previewed when mouse rollover.
Gallery is a image list to show a gallery from image post (featured image) or a set of library images, click the image it would open a beautiful light-box or go to a particular link.
Single Image module is to enter a single image to your post/page.
This module could create 4 types of message box: Success, Warning, Error, Information
Accordion and Toggle has the same style in front end, you could expand only one item in Accordion mode and could expand multiple items in Toggle mode.
Horizontal Tabs
Vertical Tabs
To show a testimonial module in page, you need to create testimonials from the left hand navigation: Testimonial > Add New, and assign every testimonial post a category, then when build the module, choose the category you want to use.
The Blog module could display the blogs in all format.
The usage is similar with Testimonial module
Divider module is to place a spacer or lines in the vertical dimension.
The Team Meta information would be hidden on mobile mode
The usage is similar with Testimonial module
The usage is similar with Testimonial module, and have a same style with jobs.
TheOne support the famous plugin "Contact Form 7", once you install it to your WordPress, the Contact Form 7 option would appear in the Form Type drop-down menu. Following image is the standard Contact Form module looks like in front end.
To enter a video to the page, you need to copy and paste the embeded code of the video, a example with Vimeo video:
Supported video:
For Vimeo and Youtube video, you could directly copy/paste the link of the video:
It is a section to place a slogan or other words with a mouseover background color and link.
This section is to help viewers share your current page out via social medias, by now it support: Twitter, Facebook and Pinterest
The Google Map module need you provide the name of your location.
If you want to use Google Map Style, please go to this page to edit the map style.
Build your price block by Price module, by now it support not more than 4 price blocks, and it is recommended to make the module fullwidth(1/1).
To use the Revolution Slider, you need to:
1. install the Revolution Slider plugin(there would be a tip which prompt you to install the plugin, we have bought the liscence and you could use it for free in this theme)
2. create your slider and name it in Revolution Slider panel(the left hand in admin panel navigation)
3. when using the slider module, set the first options "Slider Type" as "Revolution Slider"
4. Check the Revolution Slider documentation
Progress bar:
Pictorial:
Pie:
Column:
Big Number:
Liquid List could open the post content in current page with smooth animation:
The carousel module support the list be horizontal scrolled
Latest Post could display a particular category post as a list follow a post.
The Count Down module allow you assign a deadline and to create a timer automatically on front-end.
Once you have build a layout via the page builder, and you want to clone them to other page/posts, you could save the current layout to a template and load then in the other page/post page builder section.
The OnePage site including a page with several sections and a menu for this page at least.
Note: please use lowercase letters, do not use spaces and other characters.
Check the video
Note: the Fullwidth wrap / Archor name position is changed in latest version.
The Shortcode is assistant for article editing. You could add the shortcodes into WordPress editor or Text module of the Pagebuilder.
Please activate the BM Shortcode plugin.
The button looks like:
[button link="button URL" color="btn-dark"] Button Text [/button]
[button link="button URL" color="btn-light"] Button Text [/button]
You could define width, color, and style for line.
[line width="100%" color="blue" style="solid"]
[line width="20px" color="red" style="dot"]
[line width="100%" color="pink" style="dashed"]
[line width="100%" color="green" style="dashed"]
[line width="90%" color="brown" style="dashed"]
[line width="80%" color="grey" style="dashed"]
[line width="70%" color="dark" style="dashed"]
[line width="60%" color="black" style="dashed"]
Blank is used to insert a blank row spacer into your content.
[blank]
The style could be set "fullwidth" also.
[image style="standard" name="on" link="" target="off" caption="The cation of this image"]The image URL[/image]
[ux_gallery name="on"]196,195,194,193,192[/ux_gallery]
The numbers are ID of images. Please check how to find the image(media library) ID?
1) Log into WordPress admin panel, navigate to Media click on Library.
2) Switch from Grid View to List View, then mouse over the image, you will see an image ID in the bottom.
3) Open the image, and copy this image ID from the URL in your browser address bar.
[dropcap]S[/dropcap]celerisque sit sit sociis augue hac in, sit, enim amet ut lectus. Eu in? Mauris dis, et scelerisque? Adipiscing purus.
The Column shortcode support multiple witdh options between 1/6 to 1/2. Please add _last
for the last colunm of each row
[one_half]This is a one/half column. Eu denique fierent postulant pro, ea est audiam neglegentur. Mel ne dictas tacimates corrumpit, in erat iisque detraxit mea. Sea ex sonet salutatus. Eu sed idque dolorum, te erant tempor eum, nam movet ornatus ad. Ne sit probo cotidieque, et vel sonet dicam officiis, ex odio clita pro. [/one_half][one_half_last] This is a one/half column. Duo cotidieque efficiantur an. [/one_half_last]
2/3 + 1/3
[two_third]This is a two/third column. Eu denique fierent postulant pro, ea est audiam neglegentur. Mel ne dictas tacimates corrumpit, in erat iisque detraxit mea. Sea ex sonet salutatus. Eu sed idque dolorum, te erant tempor eum, nam movet ornatus ad. Ne sit probo cotidieque, et vel sonet dicam officiis, ex odio clita pro. [/two_third][one_third_last] This is a one/third column. Duo cotidieque efficiantur an. [/one_third_last]
1/3 + 2/3
[one_third] This is a one/third column. Duo cotidieque efficiantur an. [/one_third][two_third_last]This is a two/third column. Eu denique fierent postulant pro, ea est audiam neglegentur. Mel ne dictas tacimates corrumpit, in erat iisque detraxit mea. Sea ex sonet salutatus. Eu sed idque dolorum, te erant tempor eum, nam movet ornatus ad. Ne sit probo cotidieque, et vel sonet dicam officiis, ex odio clita pro. [/two_third_last]
1/4 + 3/4
[one_fourth] This is a one/fourth column. Duo cotidieque efficiantur an. [/one_fourth][three_fourth_last]This is a three/fourth column. Eu denique fierent postulant pro, ea est audiam neglegentur. Mel ne dictas tacimates corrumpit, in erat iisque detraxit mea. Sea ex sonet salutatus. Eu sed idque dolorum, te erant tempor eum, nam movet ornatus ad. Ne sit probo cotidieque, et vel sonet dicam officiis, ex odio clita pro. [/three_fourth_last]
1/5 + 4/5
[one_fifth] This is a one/fifth column. Duo cotidieque efficiantur an. [/one_fifth][four_fifth_last]This is a four/fifth column. Eu denique fierent postulant pro, ea est audiam neglegentur. Mel ne dictas tacimates corrumpit, in erat iisque detraxit mea. Sea ex sonet salutatus. Eu sed idque dolorum, te erant tempor eum, nam movet ornatus ad. Ne sit probo cotidieque, et vel sonet dicam officiis, ex odio clita pro. [/four_fifth_last]
2/5 + 3/5
[two_fifth] This is a two/fifth column. Duo cotidieque efficiantur an. [/two_fifth][three_fifth_last]This is a three/fifth column. Eu denique fierent postulant pro, ea est audiam neglegentur. Mel ne dictas tacimates corrumpit, in erat iisque detraxit mea. Sea ex sonet salutatus. Eu sed idque dolorum, te erant tempor eum, nam movet ornatus ad. Ne sit probo cotidieque, et vel sonet dicam officiis, ex odio clita pro. [/three_fifth_last]
1/6 + 5/6
[one_sixth] This is a one/sixth column. Duo cotidieque efficiantur an. [/one_sixth][five_sixth_last]This is a five/sixth column. Eu denique fierent postulant pro, ea est audiam neglegentur. Mel ne dictas tacimates corrumpit, in erat iisque detraxit mea. Sea ex sonet salutatus. Eu sed idque dolorum, te erant tempor eum, nam movet ornatus ad. Ne sit probo cotidieque, et vel sonet dicam officiis, ex odio clita pro. [/five_sixth_last]
[fixed_column margin_top="0px" margin_right="0px" margin_bottom="0px" margin_left="0px" width="600px"][height_light]This is a example of 600px Fixed Width Column.[/height_light] Mel ne dictas tacimates corrumpit, in erat iisque detraxit mea. Sea ex sonet salutatus. Eu sed idque dolorum, te erant tempor eum, nam movet ornatus ad. [/fixed_column]
The icons are supported with Font Awesome 4.7.
The "fa-music" is icon name, you will find the icon name here.
[icon size="fa-lg"]fa-music[/icon]
Medium Icon
[icon size="fa-2x"]fa-heart[/icon]
Large Icon
[icon size="fa-3x"]fa-plane[/icon]
The style is bullet of text list. The bullet icon is supported with Font Awesome 4.7.
The "fa-map-marker" is icon name, you will find the icon name here.
[list style="fa-map-marker"] Item 01 [/list][list style="fa-paper-plane"] The Text List support FontAwesome. [/list]
[switching_word size="h4" word1="Awesome" word2="Untouchable" word3="Foodful" word4="" word5=""]The Za theme is [/switching_word]
Theone is translatable(po/mo files ready) and multi-language ready.
To translate the static strings, it is recommended to download PO Edit here. After installing the PO Edit please follow the following steps:
Note: You will notice the content of "default.po" is very complex, you could use the reduced version named "defaule_frontend.po" to edit necessary strings which will be show on front end.
It is recommend to use the popular WPML wp plugin if you want to make a multi-languages site:
[ux_theme_option]theme_option_copyright
[ux_theme_option]theme_option_hidden_bar_email
[ux_theme_option]theme_option_hidden_bar_phone
[ux_theme_option]theme_option_hidden_bar_address
On admin panel the left hand, click "TheOne" to enter Theme Options
From Theme Options, you could:
Once again, thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to publish your question here.
Thanks,
SeaTheme