Tags

nexttop, model, artis, agency, bookmodel, Beautheme

Overview

A Premium WordPress Theme by Beautheme

Thank you for purchasing our theme. This file is really helpful for you if you have any question about our theme, and please feel free to contact us via our user page contact form here.

This version includes online shop, plugins updated, change the folder’s structure to optimise website.Specially, This nextop theme was designed with a full-featured booking model.

In this user guide you will find all required information to get your site up and running: starting from theme installation and setup, to usage of different post types, page templates and shortcodes.

Our themes are compatible with the WordPress versions 4.5.2 or higher ( PHP 5.2.4 or higher, and mysql 5 or higher).

Most JavaScript enabled Browsers will make them work with no issues. They are designed and optimized for desktops, tablets and smartphones.

Currently we are testing themes in:

  • Google Chrome (Mac and PC)
  • Firefox (Mac and PC)
  • Internet Explorer 11 and later
  • Safari (Mac and PC)

 

 

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.

 

IMPORTANT!!!

  • Some of the images included in the demo site are for showcase only and not distributed in the package.
  • Server requirements: PHP 5.3 or greater, max_execution_time 120, memory_limit 64M, post_max_size 32M, upload_max_filesize 32M, allow_url_fopen ON.
  • Check to ensure that your web host has the minimum requirements to run WordPress
  • Always make sure they are running the latest version of WordPress
  • You can download the latest release of WordPress from official WordPress website
  • Always create secure passwords FTP and Database

 

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

Manual Installation

Install your wordpress page.
After install your wordpress page, install the nexttop theme follow this step.
Login your dasboard with your username and password, in the left menu Choose Appearance -> Themes

install-1

 

After themes choose add new and then Upload theme

Choose file nexttop_install.zip Unzip from Themeforest download pagkage (Do not unzip it one more time.)

Screen Shot 2016-05-09 at 01.18.20

 

 

After install success click Active

Screen Shot 2016-05-09 at 01.20.45

 

Install require plugins

Nexttop  theme require you to activate some plugins for it, click the link Begin Intalling plugins you will see all the plugins require and recommend for this theme and follow the step

Screen Shot 2016-05-09 at 01.16.34

 

 

Importing Sample Content

Login your dasboard with your username and password, in the left menu Theme options-> Demo import

Screen Shot 2016-05-10 at 17.50.03

 

  • Some of the images included in the demo site are for showcase only and not distributed in the package.
  • Server requirements: PHP 5.3 or greater, max_execution_time 120, memory_limit 64M, post_max_size 32M, upload_max_filesize 32M, allow_url_fopen ON.

After imported the demo content, your site will like our sample site. You also set the primary menu and static page again for your site.

Screen Shot 2016-05-10 at 18.48.03

 

Screen Shot 2016-05-09 at 16.33.44

Static Front Page

By default the front page (“Home“) of your WordPress site will display your latest posts. You can change this so readers see a static page instead, and can view your posts on a different page.

  1. Log into your WordPress Dashboard.
  2. Click on Settings > Reading.
  3. Choose the radio button labeled A static page (select below).
  4. Choose your Homepage for Front Page, and choose your Blog page for Posts Page.
  5. All done. Your Blog is now fully functional.

After making these changes, posts will no longer show on the front page of your blog. The static page "Home"will show there. Visitors will need to click on the link to "Posts" page to see your posts.

Screen Shot 2016-05-09 at 01.27.24

 

 

Main Menus

After creating your menu(s) select in the Theme Locations section. You can display a single menu in multiple locations.

  1. Log into your WordPress dashboard and click on Appearance > Menus.
  2. Enter a Name for your Menu and click on Create Menu.
  3. Add Pages to your menu by checking off the check boxes and hitting Add to Menu
  4. To re-order the pages of your menu items simply drag and drop them into place.
  5. After your menu is completed hit Save Menu.
  6. After Your menu is saved you’ll need to choose your navigation from the dropdown list under the ‘Theme Locations’ section.
  7. Hit save and you are all complete. Your menu is now setup.

Screen Shot 2016-05-09 at 01.28.44

 

Beside, You need to setup menu mobile

 

Screen Shot 2016-05-09 at 17.03.02

Pages

This theme have 7 styles layout for homepage.You can see link demos:

 

  1. Home Trending
  2. Home Slide
  3. Home About
  4. Home Artis
  5. Home Agency
  6. Home Beauty
  7. Home Model

 

2 layout about

 

  1. About
  2. About photographer

 

3 layout Personal

 

  1. Personal
  2. Detail artis
  3. Detail model

 

4 layout Gallery

 

  1. Gallery mansory
  2. Gallery mansory grid
  3. Gallery mansory padding
  4. Gallery three columns

 

4 layout New

 

  1. New default
  2. New grid
  3. New sidebar grid
  4. New sidebar list

 

Contact

 

  1. Contact

Template

Template blank, template blank artis and Template galley

1.The blank template that users can drag and drop Visual Composer elements to use and customise

 

2.Like blank template, Artist blank template will display elements including 2 types of text fonts (Federo and Arapey) for whole page (please have a look the image below)

 

home-artis

 

3.This is gallery template that users can show gallery with 3 style grid, grid with padding and list in page

 

02-homegallery

 

Template choose sidebar

+ This is a blank template, but it has more option to choose sidebar to display

+ Users can choose position to display sidebar (on the right or left) and choose types of sidebar to display:
Screen Shot 2016-05-11 at 16.44.09

Template archive default, grid, sidebar grid, sidebar list

+ This template is to display news based on our styles. There are 4 styles for 4 templates:
1. Template archive default

 

news

 

2. Template archive grid

 

news2

 

3. Template archive sidebar grid

 

news3

 

4. Template archive sidebar list

 

news4

 

Theme Options

Go to Appearance > Theme Options in your WordPress admin to access the theme options panel. You can also backup your theme options by clicking on the backup tab. That is a great way to move your custom options from site to site. See below for screenshots of our theme options panel.

Screen Shot 2016-05-10 at 18.51.46

 

 

General settings

General settings: these options apply to your site logo, scroll, go to top, disable main menu, choose contact form for booking form.

 

General-settings

 

 

 

Header & Footer: these options apply to your site header and footer, copyright

Custom header

custom-header

 

Custom footer

custom-footer

 

Main menu: these options apply to the main menu

 

main-menu

 

Styling Options

Styling Options: these options apply to the theme color, button color and sidebar color

 

styling-theme

 

Button color

 

styling-theme1

 

Sidebar color

 

styling-theme2

 

Typography Options

Typography Options: these options apply to the typhography

 

typography

 

Blog Options

Blog Options: these options apply to the blog archive page and single page

 

blog-option

 

Single post options

 

blog-single-option

 

Social Options

Social Options: these options apply to the social

 

social-option

 

Advanced Options

Advanced Options: these options apply to the theme

 

advanced-option

 

Demo import

Demo import: these options apply to import sample content

 

import-demo

 

Import/Export options

Import/Export

 

import-export

 

Widget Area

Login your dasboard with your username and password, in the left menu Choose Appearance ->Widgets

Screen Shot 2016-05-09 at 17.06.26 side-bar

 

 

Postype

List Gallery

gallery_1 gallery_2

 

Gallery Postype is used to show Gallery.

 

gallery_1

 

Details gallery

 

gallery-detail

Tours Postype

List tours

tour_1 tour_2

 

Tours Postype is used to show Tours.

tours_1

Member Postype

List member

member_1 member_2

 

Member Postype is used to show Member.

 

member_list

Timeline Postype

List timeline

Timeline_2

Timeline_1

 

Timeline Postype is used to show Timeline.

timeline_sc

Profile Postype

List Profile

profile_1 profile_2

 

Profile Postype is used to show Profile.

Screen Shot 2016-05-10 at 14.18.05

Cooperator postype

List Cooperator

cooperator_1 cooperator_2

 

Cooperator Postype is used to show Cooperator.

Screen Shot 2016-05-10 at 14.19.51

Album postype

List album

 

album_1 album_2

 

Album Postype is used to show Album.

Screen Shot 2016-05-10 at 14.20.46

Element visual composer

To Use The Element visual composer Generator, Follow The Steps Below
  1. Open a page or post and go to the Visual Composer editor
  2. Click Add new element button
  3. In the popup window, select “Beau Theme” tab
  4. Select an element from list

 

Screen Shot 2016-05-11 at 15.22.26

 

About text

About text has 4 style in option to select

 

1.  Style title top

 

 

style-title-top

 

2. Style title left

 

Screen Shot 2016-05-10 at 14.17.39

 

3. Style image center

 

style-img-center

 

4. Style about model

 

style-title-top

 

Setting for about text

 

about-text-1 about-text-2

 

 

 

Show slide album

Style show slide album

Screen Shot 2016-05-10 at 14.20.46

 

 

Setting for show slide album

 

Screen Shot 2016-05-11 at 11.58.59

Become a model

Style element Become a model

 

Screen Shot 2016-05-11 at 12.05.32

 

Setting for Become a model

 

Screen Shot 2016-05-11 at 12.04.35

Contact form

Style element Contact form

 

contact_form_1

 

Setting for Contact form

 

Screen Shot 2016-05-11 at 12.08.53

Style element Show single gallery

Screen Shot 2016-05-11 at 13.34.29

 

Setting for Show single gallery

 

Screen Shot 2016-05-11 at 13.42.31

List Cooperator

List Cooperator has 2 style in option to select

 

1.  Style slide

 

Screen Shot 2016-05-10 at 14.19.51

 

Setting for Style slide

 

Screen Shot 2016-05-11 at 13.48.01

 

2. Style normal

 

Screen Shot 2016-05-11 at 13.45.58

Setting for Style normal

 

Screen Shot 2016-05-11 at 13.47.43

Show list gallery has 4 style in option to select

 

1.  Style mansory

 

gallery_1

 

2.  Style mansory grid

 

gallery_2

 

3.  Style three column

 

gallery_3

 

4. Style mansory padding

 

gallery_4

 

Setting for Show list gallery

 

Screen Shot 2016-05-11 at 13.51.55

List member

Style element List member

 

Screen Shot 2016-05-11 at 14.28.08

 

Setting for List member

 

Screen Shot 2016-05-11 at 14.33.07

 

If you do not know where get ID? It Here

 

member_1

Map nexttop

Style element Map nexttop

 

Screen Shot 2016-05-11 at 14.36.38

 

Setting for Map

 

Screen Shot 2016-05-11 at 14.36.00

Show new

Show new has 4 style in option to select

1.  Style mansory

 

mansory

 

Setting for Style mansory

 

Screen Shot 2016-05-11 at 14.40.09

 

2.  Style Horizontal

 

mansory_1

 

Setting for Style Horizontal

 

Screen Shot 2016-05-11 at 14.45.58

Profile personer page

Style of element Profile personer page

 

personal_page2

 

Setting for Profile personer page

 

Screen Shot 2016-05-11 at 14.48.07

Profile tab category

Profile tab category has 3 style in option to select

1.  Style List odd

 

profile-tab-style-odd

 

2. Style List horizontal

 

profile-tab-style-horizontal

 

3. Style List horizontal padding

 

profile-tab-style-horizontal-padding

 

Setting for Profile tab category

 

option_1 option_2 option_3

Profile

Element Profile have style for model and artis

For model

 

Screen Shot 2016-05-10 at 14.18.05

 

For artis

 

Screen Shot 2016-05-11 at 15.05.28

Setting for Profile

option_1 option_2 option_3

Service grid

Service grid has 2 style in option to select

1.  Style number

 

Screen Shot 2016-05-10 at 14.18.20

2. Style icon center

Screen Shot 2016-05-11 at 15.16.20

Setting for Service grid

 

Screen Shot 2016-05-11 at 15.17.49

Show slide image

Style of element Show slide image

 

Screen Shot 2016-05-11 at 15.24.21

 

Setting for Show slide image

 

Screen Shot 2016-05-11 at 15.24.02

Show Timeline

Style of element Show Timeline

timeline_sc

Setting for Show Timeline

 

Screen Shot 2016-05-11 at 15.26.07

 

If you do not know where get ID? It Here

 

Timeline_2

Show Tours

Style of element Show Tours

 

tours_1

 

Setting for Show Tours

 

Screen Shot 2016-05-11 at 15.49.05

 

If you do not know where get ID? It Here

 

tour_1

List Tours

Style of element Show Tours

list-tours

 

 

Setting for List Tours

 

Screen Shot 2016-08-23 at 16.37.06

Show single product

Style of element Show Single product

single-product

 

Setting for Show Single product

Screen Shot 2016-08-23 at 16.46.17

 

List product by category

Style of element List product by category

list-product

 

Setting for List product by category

Screen Shot 2016-08-23 at 16.46.57

 

Testimonial

Style of element Testimonial

testimonial

Setting for Testimonial

Screen Shot 2016-08-23 at 16.47.12

Show video

Style of element Show video

 

Screen Shot 2016-05-10 at 14.18.28

 

Setting for Show video

 

Screen Shot 2016-05-11 at 15.51.47

Service about

Style of element Service about

Screen Shot 2016-05-11 at 15.53.36

Setting for Service about

 

Screen Shot 2016-05-11 at 15.53.23

Beau instagram show

Style of element instagram show

 

instagram

 

Setting for Beau instagram show

 

Screen Shot 2016-05-11 at 15.55.44

Slide show

Masterslide

Theme của mình sử dụng plugin Masterslide để hiển thị trong theme nên nó có thể tham khảo document tại đây

Screen Shot 2016-05-09 at 16.33.44

Language

Nếu bạn muốn chuyển đổi theme của chúng tôi sang ngôn ngữ bạn muốn, bạn chỉ cần sử dụng file ngôn ngữ đi kèm theme của chúng tôi và làm theo hướng dẫn của video sau.

More item from Beautheme