Hugo Wordpress Theme Documentation
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. Besides, It also have more pages (shop, landing, event) and layouts (hiphop, DJ)
To update version 2.0, please use the newest WooComerce version, Wordpress version, server configuration (upload maxfile size from 60MB)
Before updating the new version, please backup data, the cerrent theme version you are using (hugo 1.0.2), and all plugins you are using (beautheme-hugo (Hugo postype and function) version 1.0.2)
After uninstall these plugins, please go to theme folder and delete the theme. After that, you install the new version 2.0
After setup theme and required plugins, please follow this direction to setup thumb image for products and website
in Setting -> Media
1. Theme Installation
a) Automatic installation
Install your wordpress page.
After install your wordpress page, install the Hugo theme follow this step.
Login your dasboard with your username and password, in the left menu
Choose Appearance -> Themes
After themes choose add new and then Upload theme
Choose file hugo_install.zip Unzip from Themeforest download pagkage (Do not unzip it one more time.)
After install success click Active
b) Manual Installation
Unzip the file hugo_install.zip Unzip from Themeforest pagkage download and copy the folder you has been unzip upload to /wp-content/themes/
Install require plugins
Hugo 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
Importing Sample Content
If you want quick setup for your website, you can import our xml data sample that included in theme package that locate in
sample data folder, here the step how to import sample data :
- Login to WP-admin.
- Go to
Tools => Import menu and choose
- In upload field choose the xml sample data and upload it.
- Now you need to configure
Appearance > Themes option. theme options.
Import content style you want to demo.
Import simple setting with Json file, you can copy our json text and then paste it in the page option import.
We have 5 demo setting for 5 style in 5 folders:
- Light – default style
- Dark – dark style
- Formal – formal style
- Classic – classic style
- Pastel – pastel style
- Dj – DJ style
- Hiphop – Hiphop style
- Landing – Landing style
In each style folder we has files for setting, simple data and slider
- data_demo.xml – Data demo
- page_options.jon – Simple page option
- slider.json – Demo slider
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.
- Log into your Wordpress Dashboard.
- Click on
Settings > Reading.
- Choose the radio button labeled
A static page (select below).
- Choose your Homepage for
Front Page, and choose your Blog page for
- 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.
After creating your menu(s) select in the
Theme Locations section. You can display a single menu in multiple locations.
- Log into your Wordpress dashboard and click on
Appearance > Menus.
- Enter a Name for your Menu and click on
- Add Pages to your menu by checking off the check boxes and hitting
Add to Menu
- To re-order the pages of your menu items simply drag and drop them into place.
- After your menu is completed hit
- After Your menu is saved you'll need to choose your navigation from the dropdown list under the 'Theme Locations' section.
- Hit save and you are all complete. Your menu is now setup.
Build a simple page
- Login your Wordpress dashboard click on page->add new
- Using visual composer for build page
- Choose your footer style (in this theme we have 2 type of footer view on sidebar & footer)
- Choose your template for this page (We have 4 template for build site view it on template type )
- Choose your section for build the page (about visual composer view it on visual composer)
2. Visual Composer
This provide for you some element for build your custom page.
Our provide element:
This element allow you to create a simple title section with simple description
We have two option for chose, you can chose it in theme option or when you create page we have option for chose your footer.
Footer with widgets (4 columns)
Footer one column
Footer with widgets you can chose 3 or 4 or more columns (max 10 columns)
Single feature album
This element allow you to create a short description with single feature album.
This element allow you show the last twitter messages.
Show a detail album
This element allow you to create a section show a single album with list media.
Play a video with popup
This element allow you to create a section show a single popup with your title message and a simple content.
You can s eparation title by characters $.
This element allow you to show post under image format or video in slider, we have two option for this gallery square type or rectangle type
This element allow you to show your members under the slider
Next tours & tickets
This element allow you to show products in list with button buy ticket or sold out
This element allow you to create an navigation everywhere you want to show.
This element allow you to create an navigation everywhere you want to show.
Slider & playlist
This element allow you to show a slider with master slider and show a album playlist.
This element allow you to show a section with countdown full view.
Allow you to show post under two format list or default view.
This element allow you to show list album under grid and show a part of a page or not.
This element allow you to create a section with container or not, with background parallax or not. You can setup it in the Design tab
With other element please read this document on this link Read document Visual Composer: http://vc.wpbakery.com/
3.Post & postype
With this post we have 3 formats for it
With standard format you only choose it on feature news
With image format we have more option.
Choose your image upload from media or upload new file
Choose show on gallery this post will show on gallery section and not show in news page.
With video format we have same option but have filed embed format.
Embed allow you to embed video link and support at http://codex.wordpress.org/Embed
Chose show on gallery if you want it only show on gallery and not show on news page.
With audio format you can upload file mp3, oga, ogg file or type your url in filed Upload file. This format allow you to embed soundcloud too, you just copy soundcloud link and paste it in soundcloud embed.
Album post type
This post type allow you to create a album for a post create it follow:
Login your Wordpress dashboard click on Album -> Add new
Fill your album name, description, feature image, add more information. After add information you can add mp3 file for this album by click on Add row (you can choose multiple file and fill more information for it)
Member post type
This post type allow you create info of your member. Create new member:
In your wordpress dashboard click on Member -> Add new
Fill your member name and some information in here, choose feature image (it will become avatar and show on your page)
Album -> Add new
Product post type
Option one only show widget default follow our designed
Option two show custom widgets, for turn on custom widget you must chose Enable custom sidebar on theme option
Or you can choose your footer when you create your page we have new option footer type for this page.
Theme option allow you option your social link, custom show social icon on the page, choose your default footer, default sidebar and more and more option for your page, your website.
Import and export setting
We are using masterslider for create slider, You can import our simple data for it or create new follow this document: http://masterslider.com/doc/wp/
Hugo theme using woocomerce for show tickets and next tours for buy ticket we using woocomerce.
Setup and using it follow video on this link: https://www.youtube.com/watch?v=GzQrmke26cs
But with Hugo theme we fixed to show the ticket as our designed, for build this page only using visualcomposer for build it.
Setup Add to cart behaviour in Woocomerce -> Setting -> Add to cart behaviour check in checkbox named Redirect to the cart page after successful addition, and please uncheck checkbox named Enable AJAX add to cart buttons on archives.
Don’t forget setup your cat page in Woocomerce -> Setting -> Check out and chose your cart page, check out page
Mail chimp for Wordpress
Hugo theme using mailchimp for user subscribing in coming soon page if you want to show your coming soon page.
For using this plugin you mus have an account on mailchimp and get mailchimp api for setup ithttps://admin.mailchimp.com/account/api
In your Wordpress dashboard Click Mail chimp for WP and create new API, copy and pase Your API in Mailchimp Api key filed
More information for this plugin: https://wordpress.org/plugins/mailchimp-for-wp/
In this theme our using ajax load more for load more next tours and tickets Setup it follow step:
In your Wordpress dashboard click Ajax Load More -> Setting(For style and loop template) setting follow this figure:
After setting click save setting
Click on Ajax load more - > Repeat template, copy and replace Default Template with our code
You can find repeat template in folder repeat-template
Once again, thank you so much for purchasing our theme. If you have any question relating to the themes on ThemeForest, please contact us, we will try our best to solve it for you..