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.

1. Install

1.1. Install 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 When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

 

  1. FTP Upload: Using your FTP program, upload the non-zipped theme folder into the /wp-content/themes/folder on your server
  2. WordPress Upload: Navigate to Appearance > Add New Themes > Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.

Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your chosen theme.

1.2. Install Required Plugins

This theme comes bundled with some plugins. They are :

  • Contact Form 7 – Used for contact form and newsletter signup
  • Revolution Slider– Create beautiful and creative slider
  • Nextop postype and function– Core of theme –  it contains the functionality and posttypes of this theme
  • WPBakery Visual Composer – Page builder – This plugin will allow you to build your page easily.
  • Woocommerce – Best WordPress Plugin for Ecommerce.

Please remember that all of plugins above is include with our theme. So you not need to purchase any more.

When you active this theme, you can download these plugins in the notice about requirement plugins in the top page.

 

next-plg-install

1.3. Setting up sample content (optional)

To help customers building pages faster, we also provide our sample data, which is included with theme package. (please note that this is work best at fresh WordPress installation ).
We provided a function that allow you to one click import demo, please go to this section to read about that.

2. Theme Option

This theme provide a lot of options that you can easier to modify.
In Admin panel > Theme options  , then you will see.
I will describe these option for you as below :

2.1. General Option

This section is for basic setup. That you can set your logo, go to top button,…

 

  • Upload logoUpload mobile logoUpload fixed header logo :
    to change the main logo , logo in mobile , logo fixed menu of your website.


  • Enable smooth scroll :
    This option will make mouse scroll become smooth.


  • Show main navigation :
    This option will allow you to hide / show the main menu.


  • Choose contact form booking profile :
    You can choose your custom contact form for your detail profile page. (Click to the button Booking in detail profile page, you will jump to this contact form) .
theme-option

 

CUSTOM HEADER :

If you want to change the style of header, here is the best place to do it.

 

  • Content layout – Choose your style for your header, below is a screenshot for each style :

    Default : 

    header-default

    Center :

    header-center

    Non-slide: 

    non-slide

    Transparent : 

    header-transparent

    Full : 

    header-full

    Homeslide : 

    header-homeslide

  • And you can control header more effective with rest options.
nextop-custom-header

 

CUSTOM FOOTER:

If you want to change the style of footer, here is the best place to do it.

 

  • Content layout- Choose your style for your footer, below is a screenshot for each style :

    Default:

     

    nextop-footer-default

    Transparent : 

    nextop-footer-transparent

    Footer-full : 

    nextop-footer-full

  • You can custom your footer text, color and background color by the rest options.
nextop-customfooter

 

2.3. Main menu setting

 

  • As you can see here, this is place that you can control typo of your menu (navigation).
  • We allow you to fully customize it, you can change font, size, style of menu item.

But if it’s not necessary, please don’t modify it. It may break our style, that’s what we don’t want 🙂

nextop-mainmenu

2.4. Styling option

This section allow you to change the styling. It contain 3 child sections :

  • Theme style setting : Change the body style
  • Button color : Change the button style
  • Sidebar color : Change the sidebar text style.
nextop-stylingoption

2.5. Blog option

This section have 2 child sections, option for single blog page and archive blog page.

Blog Archive Option (for archive blog page): 

  • Archive layout : To change the layout page, we provide 4 layout :1. Default  : Demo
    2. Sidebar : Demo
    3. Grid : Demo
    4. Sidebar Grid : Demo


  • Also, as you can see in screenshot, we provide a lot of option to enable/disable the page elements.
nextop-archive-option

Blog Single Option (for single blog page): 

  • This section is for single blog page.
  • You can disable the elements that you don’t want to show.
nextop-single-option

2.6. Social Setting

  •  This section allow you to put your social link to social button :
    social-link-front
  • If you leave social field to blank, social button will be disappear.
 option-social

2.7. Advance option

Allow you to turn on responsive mode.

2.8. Demo Importer

  • If you want to speed up building page. You can use this section.
  • This section will provide you a set of demos, just import the demo that you like.
  • Note : work best for fresh WordPress page.
nextop-demo-import

2.9. Import/Export

  • This section allow you to import or export the Theme option.
  • You should use this feature when you want to set option faster.

3. Page Option

Along with the Theme Option, this theme provides another kind of option called Page Option.

 

  • When render the page, Page option will be prioritized over Theme option . 
  • You can use page option in Edit page.
    Please check the image in the right
  • With page option, you can change font type, header, footer style, logo,..
nextop-page-option-general

4. Page Template

  • Page Template is the useful feature that bring to you the ability to set up the specific pages easier (Just choose the template then save).
  • To understand Page Template, you can refer this article.
  • To use Page Template, in edit page, you will see the Template option in the right column (like this image)
nextop-page-option-general

 

Below is a list of pages templates that are included in this theme :

4.1.Template Architech

  • This template allow you to create creative page for your projects.
  • Because it will show your  projects so you may need to create your Project first (In admin > Project > Add new)

4.2. Template Archive

 

 

  • In case you want to display your archive in specific page, template archive will allow you that.
  • Please look at the video in the left, you will see 🙂

4.3. Template with sidebar

  • If you want sidebar in your web page, you can use Template choose sidebar .
  • Let’s check the tutorial video
  • Template gallery will show your gallery, so you have to create your gallery if you don’t have one (In Admin > Gallery > Add new)
  • Let’s check

5. Custom Posttypes

Custom posttype is the kind of post that serve for some specific business.
Create a custom posttype is similar to post .
Below I will show you how to create a custom posttype :

  1. In left column in admin panel

  2. Click Add New in post type name

  3. Set data for post type and then Save
posttype-createAdd new doc item
Below are the list of post types that comes with our theme,
each post type have its own attributes and purpose.

Let’s figure out !!

5.1. Posttype Project

  • This posttype are used to save projects .
  • It can be showed as single page or element in Architech Template.
  • To create it, please see tutorial video in the right.

 

  • This posttype can be used to save your galleries.
  • It can be showed in :
    – its detail page.
    Template Gallery
    – Element in Visual Composer Builder (show single gallery , show list gallery)

5.3. Posttype Tour

  • Tour posttype will allow you to notice customer about your tours.
  • Tour post type don’t have its single page.
  • Tour post type will be used by Visual Composer Page builder (Element Show Tour and Show List tour)

5.4. Posttype Member

  • Member is a small posttype to save your team member.
  • It don’t have single page
  • Can be used in Visual Composer Builder with element “List Team Member” and “List Member”

5.5. Posttype Timeline

  • Posttype timeline is used to save your milestones , events, projects.
  • It don’t have single page
  • You can show it by Visual Composer Builder (Show Timeline)

5.6. Posttype Profile

  • This posttype is used to save the profile of artists or models .
  • To settup , please refer the video in the left

5.7. Posttype Cooperator

  • You can add your cooperator here and show it will element in VC Builder
  • It require only image cooperator , name and link to cooperator page.
postype-coop

5.8. Posttype Album

  • This posttype  is used to save albums
  • You can add multi local audio files to album

5.9. Posttype Testimonial

You can put all your feedbacks from your customers in here.
It will be used by Visual Composer.

6. Visual Composer Elements (Part 1)

Our theme are fully integrated with Visual Composer page builder.
We also provide you a bunch of  our creative elements, let’s figure it out :

6.1. About Text

How’s it look like Setting up
abouttext  

6.2. Show Slide album

How’s it look like Setting up
 

 

6.3. Banner with image

How’s it look like Setting up
 

 

6.4. Become model

How’s it look like Setting up
  • Title element : 
    — Looking for creative model —
  • Description element : 

    Lorem ipsum…

  • Text submit button :
    Give me a change
  • Link submit button :
    http://nextop.com/signup

 

 

Setting up How’s it look like
  • This shortcode will show all gallery images (Gallery posttype)
  • Just need to choose your gallery .

6.6. Show hight fashion

How’s it look like Setting up
 

6.7. List cooporator

How’s it look like Setting up
How’s it look like Setting up

6.9. List Member

How’s it look like Setting up

6.10. Show List Product by category

How’s it look like Setting up

6.11. Show List Tour

Setting up How’s it look like
This shortcode will show all your tours (Admin panel > Tours) , just need to set few things :

  • Title list tours  :
    SALE OFF 80% — DEAN’S TOUR
  • Description list tours :
    Best artist ever …
  • Link list tours to click :
 

fireshot-capture-11-test-page-test-next-top_-http___localhost_wp-test-nexttop_test-page_

6.12. Map Nexttop

Setting up How’s it look like
This shortcode will show google map, can be used in About page, Contact page,..

  • Icon map :
    Choose the icon for map.
  • Latitude of map 
  • Longitude of map

For lat and long, you can go to this page to get : http://www.latlong.net/

6.13. Show News (Posts)

How’s it look like Setting up

6.14. Show list product today

Setting up How’s it look like
This shortcode will show all your products
Option :

  • Title element :
    Today’s product
  • Select category (to filter by category)
  • Select product (to filter by products)
  • Number product show (to limit products show)
today-product

6.15. Profile Persional Page

How’s it look like Setting up

6.16. Profile tab category

How’s it look like Setting up

6.17. Profile

How’s it look like Setting up

 

7. Visual Composer Elements (Part 2)

7.1. Service Grid

How’s it look like Setting up
 

7.2. Short Paragraph

Setting up How’s it look like
  • This Element will show small text like the right picture.
  • There are only 3 option :
     – title
    –  content left

    – content right
 

7.3. Show Single Product

Setting up How’s it look like
  • This Element is similar to element Profile , but for Product.
  • Options :
    1. Select product show
    2. Image product left : Main image
    3. Show icon hot
    4. Content : Enter content for section
    5. Text button : enter text for button (Buy Now for example)
    6. Link view all : Enter link + text to view all.

7.4. Single Testimonial

Setting up How’s it look like
  • This Element is use to add a testimonial.
  • Options :
    1. Author
    2.Content
    3. Color (For testimonial)
    5. Text button : enter text for button (Buy Now for example)
    6. Link view all : Enter link + text to view all.

7.5. Show Slide images

Setting up How’s it look like
  • This Element will show a swiper slider.
  • All you need is choose images to show.

7.6. Static list image

Setting up How’s it look like
  • This Element will show list images.
  • All you need is choose images to show.

7.7. Show Testimonial

Setting up How’s it look like
  • This Element will show all testimonials from your site (Admin> Testimonial).

7.8. Text with social

Setting up How’s it look like
  • Options :
    1. Title.
    2. Description.
    3. Social Link

7.9. Show Time line

Setting up How’s it look like
  • This element will display your timeline.
  • Options :
    1. Title section timeline.
    2. Choose timeline (that available in Admin panel > Timeline).

7.10. Show title and description

Setting up How’s it look like
  • We mostly use this element to show header of sections .
  • Options :
    1. Title
    2. Description
    3. Enable bottom dot
    4. Enable bottom line

7.11. Show tours

Setting up How’s it look like
  • You can use this element to announce your tours, we do that too 😉
  • Options :
    1. Title tours
    2. Select tours
    3. Select featured tour

More item from Beautheme