Gedebvge - Responsive One Page Portfolio Theme

• created: 05/19/2014
• latest update: 05/19/2014
• by: ridianur
• ridianur.com/

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 Gedebvge One Page Portfolio Theme functionality. The Gedebvge 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 "xovlox" into the folder wp-content/themes/) or via wordpress upload function. While using WordPress admin panel uploading option, make sure to upload only "gedebvge" 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->"Alamak 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.

For Homepage

• Create new page(Pages->Add New), set the title eg:Homepage in page attribute(right bottom) choose the template Homepage Slider template/Homepage Video template and save it.
• Go to Setting->Reading choose Front page displays A static page. And in the front page select Homepage and save it.

For Blog/News

• Create new page(Pages->Add New), set the title eg:Blog in page attribute(right bottom) choose Blog Sidebar/Blog Masonry/Blog fullwidth template
• And you can connect the page to menu.

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

Go to Appearance->Theme options->Homepage Custom Layout.

First 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 Option

After you're done set the home section you can 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 services list(with icon) post.
2. Portfolio Section This is section to show your portfolio section with filter.
3. Contact Section This is section to show your contact post
4. Team Section This is section to show your team post.

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

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

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. This options only affect on page that using Homepage Slider template.
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. Homepage Custom Layout. You can set the homepage custom layout here. This options only affect on page that using homepage Custom Layout template.
6. Blog Setting. You can turn off sidebar in single blog post here.

Most of theme options has explanation inside of it.

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.

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.

• Label Home in URL input  #home
• Label Portfolio in URL  input  #portfolio
• Label About in URL input  #about
• Label Team in URL input  #team
• Label Contact in URL  input  #contact

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

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)

Every section of this theme is created from custom post type. Make sure you have installed Gedebvge 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:

• Portfolio. This is posts for portfolio section.
• About Us. This is posts for About section.
• Team. This is posts for Team section
• Contact Post This is posts for contact section.

You can see the video tutorial here:

For Slider Images in home section/main slider  and team big image:

1600x1100px

For Portfolio Thumbnail/Featured images(small images) in all posts:

800x532px

For Big image :

1200x632

For Big Image/Slider images in wide page:

1200x632

There is few plugin used in this theme.

• Gedebvge WordPress Theme Plugin Bundle This plugin is used for creating custom post type.
• Contacf Form 7 This plugin is used to display contact form for your page. To set this, choose contact menu in admin menu. And input your information for it.  You can see the docs here This is the code that i create for my demo:

      <p><span>Name:</span>[text* name placeholder "Your Name..."] </p>
       
      <p><span>Email:</span> [email* your-email  placeholder "Your Email..."] </p>
       
      <p><span>Phone:</span>[tel tel-997 placeholder "Your Telephone..."]</p>
       
      <p><span>Message:</span>[textarea* textarea-640 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

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 : gedebvge.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 "Gedebvge WordPress Theme Plugin Bundle". Firstly, deactivate and delete the older Gedebvge WordPress Theme Plugin Bundle . And there will notice "This theme requires the following plugin: Gedebvge 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

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