Documentation for Beuh WordPress Theme

Responsive One Page Portfolio


Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Support is not mandatory by ThemeForest authors, but I do offer limited support for my customers. I only provide support for my themes and their core features and functionality. I cannot guarantee my themes will function with all third party components, plugins, web browsers, and server environments. If you plan on adding numerous plugins to this theme, please note I can not fascilitate support of any conflicts they might cause with the default Beuh One Page Portfolio Theme functionality. The Beuh One Page Portfolio Theme is presented as is.

This Theme comes with many custom  options which can be activated at your wordpress admin panel(theme option). You can either choose to upload the theme to your server via ftp (only upload the unzipped folder "beuh" into the folder wp-content/themes/) or via wordpress upload function. While using WordPress admin panel uploading option, make sure to upload only "beuh" zip file (Note: Don't upload the whole archive file that you received by themeforest).

Notice: if you are new to wordpress and having problem in installation, you might want to check out this link: http://codex.wordpress.org/Installing_WordPress
Once done, you can activate the theme as usual
at Appearance->Themes->"Beuh Responsive Portfolio Theme".

Dont forget to install and activate all required plugins for this themes.

You can import the sample data that i provided in documentation folder. Its file with xml extensions. Go to Tool->Import and choose Wordpress and install importer plugin for it. After that click Activate Plugin & Run Importer and upload the sample data for it.

Notice:

You will have some report about "failed to import..". It's normal, due the images license so i can't provide some images from the demo site, you just need replace it with your own images.

 

One Click Demo Importer

You can use the One Click Demo Import feature to import everything. You can go to Appearance->Import Demo Data

For Homepage

For Blog/News

And you're done. Now you can set the theme option.

Go to Appearance->Theme Options and you will see some options list here.

  1. General Setting. This section contain options to set the styles,logo and preloader
  2. Slider Setting. You can create slider list for homepage/main slider here.
  3. Footer Setting. This section contain options to set the footer text and footer social icon
  4. Video Background Setting. You can set the video background setting in here.This options only affect on page that using Homepage Video template.
  5. Youtube Background Setting. You can set the youtube video background setting in here.This options only affect on page that using Homepage Youtube template.
  6. Sections Setting You can set each section Main title, subtitle and detail here (black background section).
  7. Clients Section Setting You can set the client list and columns here.
  8. Parallax Section/Big Background Image . You can set the parallax/big background image section here.
  9. Footer Setting You can set the footer section text in here.
  10. Homepage Custom Layout. You can set the homepage custom layout here. This options only affect on page that using homepage Custom Layout template.

Most of theme options has explanation inside of it.

 

Importing Theme Options Setting

You can import the option that i used in demo. To import it go to Appearance->Options Backup and open the options.txt file in documentation sample_data folder. Copy all the code inside of it and paste it into Import Theme Options box. And you're done.

Go to Appearance->Theme options->Homepage Custom Layout. Create your new list for sections in Section list.

There is 7 section that you can add in your homepage. This is the list for each section

  1. About Section This is section to display about post and team post.
  2. Works Section This is section to show your works/portfolio section with filter.
  3. Services Section This is section to show your services post
  4. Contact Section This is section to show your contact post
  5. Parallax One Section This is section to show the first parallax that you set on "Parallax Section/Big Background Image"
  6. Parallax Two/Testmonial Section This is section to show the secondparallax that you set on "Parallax Section/Big Background Image"
  7. Parallax Three Section This is section to show the third parallax that you set on "Parallax Section/Big Background Image"
  8. Google Map Section. This is the section to show google map.
  9. Custom Section . This is the section to show the custom post type of custom section. You can create custom parallax background/black background section/white background section/gray background section.

You can reorder the list that you already created. You can add/remove section here.

After you've done creating the section list, you can choose what background that you want to use in homepage in Home Section Background Setting.You can set the slider/video/youtube background at the Slider/Video/Youtube Option

After all done, create new page and select the template into Homepage Custom Layout template and set the front page with those page.

This is the video to show how to create the Homepage Custom Layout

 

Menus can be found under Appearance -> Menus. For more detailed usage of the menu manager, read this: http://en.support.wordpress.com/menus

There is 2 different menus location.

  1. Main Menu in Homepage Its the menu that only display in homepage( static page with Homepage Templates)
  2. Menu in Blog and Pages. Its the menu that display in every pages except the static page with Homepage Templates.

This is the setting that i used for Main Menu in Homepage. You can create different  order or name for each menu item, but remember the every anchor for the section.

You can see the menu setting in sample data for reference.

 

Noted For External Link on Homepage Menu

If you want to add external link in homepage, try to add class "external" for that menu. Eg. For Blog page, you must add "external" class inside the menu link class. You can see the video tutorial below about creating menu about this (at the end video)

 

Most of sections on this theme is created from custom post type. Make sure you have installed Beuh WordPress Theme Plugin Bundle to make the custom post type for each section. You can automatically install it after you finish upload and set the theme into gedebvge theme. You can find this plugin inside documentation folder.

You can choose your post format for some custom post(video/slider/audio/gallery slider) in post metabox(below the wordpress editor).

Here are the list of custom post type for the sections:

And for Homepage  Slider,Video background, Youtube Background, Parallax Background and Client list you can create it on theme options.

You can see the image here for the explanation

You can see how to create the portfolio & setting in here.

 

You can see this video to see how to create the custom section.

 

After you finish create it you can add it into custom homepage layout. You can even use the shortcode inside this section.

You can edit the po/mo files inside lang folder into your own languange using tools like Poedit

For Gedebvge WordPress Theme Plugin Bundle you can open the mo/po files in lang folder of this plugin.

You can see detailed documentation about translation this theme into your languange in wordpress documentation here

For Slider Background,Parallax Background,  Big Image on post and Portfolio

1300x800px

For Team Posts

800x800px

For Client Image

250x100px

For Portfolio Thumbnail

800x533px

For Image on Google Map Marker Content

250x125px

There is few plugin used in this theme.

<p>[text* your-name placeholder "Your Name..."] </p>
<p> [email* your-email  placeholder "Your Email..."] </p>
<p>[tel tel-997 placeholder "Your Telephone..."]</p>
 <p>[textarea* your-message x4 placeholder "Your Message"]</p>
[submit class:contact-btn "Send Message"]

After all set, you can copy the shortcode from it and insert it into the contact post. eg: [contact-form-7 id="352" title="Contact form 1"]

 

Recomended Plugin

If you want to add your own font using google font, you can try to use this plugin  Easy Google Fonts

If you want to add boostrap 3 shortcode you can used this plugin (only supported wp 3.9+) Bootstrap Shortcode

 

 

How to update Beuh Wordpress Themes

1. Login into your Themeforest account and go to downloads (Dashboad > downloads)

2. Download the theme into your computer

3. Install an FTP program (Filezilla is free)

4. Retrieve your FTP login information from your hosting admin panel and login into your hosting via FTP

5. unzip the item main file

6. Locate theme.zip (eg : beuh.zip) and unzip it. make sure your unzipping software do not create extra directory with the same name nested into each other. In other words you should find the theme files once you click the theme main folder. Otherwise your themewill not function correctly and you will see your theme is un-styled. 

7. drag and drop theme main folder into your FTP program with the destination : “YOUR_HOSTING_ROOT/YOUR_SUBDIRECTORY/wp-content/themes/”

8. FTP program will give a warning that there is an existing with the same directory name, choose replace all.

8. it will take varying from 15 to 30 minutes to replace all files. After you're done with it, try to update the "Beuh WordPress Theme Plugin Bundle". Firstly, deactivate and delete the older Beuh WordPress Theme Plugin Bundle . And there will notice "This theme requires the following plugin: Beuh WordPress Theme Plugin Bundle." Click "Begin installing plugin and then activate it again. Or you can manually upload the plugin from"Add New Plugin". The plugin zip files is inside documentation folder. And you're done.

 

IMPORTANT:

All the customization/modification for the old theme will be deleted. If you have create customization/modification try to rename the old theme or create the old theme into child theme, so the change will not be deleted. You can check this link to know how to create child theme http://codex.wordpress.org/Child_Themes

 

My blog link/another external link not working in homepage menu/navigation. What should i do?

Try to add class “external” for menu that contain external link. See the video (at the end) for creating menu

 

My portfolio/team posts are not opening, the page just scrolls down without any content to show. How can i fix that?

Try to refresh the permalinks, go to Settings->Permalinks. Change the “Common Settings” into “Post name”(checklist). And Save that. After that you can revert it back to your own permalinks settings.

 

This theme is using  the following images, icons or other files as listed.

 

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help, if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the theme on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section and contact me via my profile here.