1. Start
  2. Installation
  3. Configuration
  4. Add a Portfolio Item
  5. Create the Portfolio Page
  6. Add a Slide Image
  7. Create the Homepage
  8. Configure the menu
  9. Shortcode
  10. Background on post/page
  11. Contact Page
  12. Widget
  13. Credit

Humble

Business & Portfolio Theme


Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to post a comment on ThemeForest theme page. Thanks so much!

Note that I can help about the installation of the template, but if you want custom modification you'll need to hire me. You bought the template, not my service :)

Installation


Configuration


Humble theme is really complete, the Theme Options panel is really clear and easy to configure.

General Settings

General Settings
1. Logo

Upload an image, then just click on Use This Image button to set it as your logo. (300px max recommended)

2. Background

The background you'll setup here will be use on all your website. If you want to apply a different background on a special page or post, we'll see how to do it further in this documentation.

Select a color, upload an image and then setup the repeating, position and attachment value.

3. Tagline

As you saw on the live preview on the left on the slider you have 2 big title for the tagline of your website. If you're interested into SEO, the first one is the H1 tag, and the second one is H2.

To have the red dot effect like the one the live preview, just put a dot into a span tag. Like this :

<span>.</span>
4. Breadcrumb

Activate or Deactivate this function to show the breadcrumb.

5. Post meta

Activate or Deactivate this function to show the date or the author name.

6. 404 error message

Write something for the 404 page.

7. Google analytics

Put here the script from Google analytics to track your visits.

That's it, all the basic configuration you need to do is done. For the other tab options (CSS, Font, Images Size, Slider, Portfolio and Footer), you'll find the explanation near the field as a comment… It's really easy!

Add a Portfolio Item


Create the Portfolio Page


Add a Slide Image


Don't forget to configure and choose your slider from the Theme Options! Get a try to the exclusive Polaroid Slider :)

Create the Homepage


Here's the shortcode I used for my homepage on the live preview: (Don't forget to change the url of all images)

[tabs]
	[tab title="Control the slider" description="Custom your homepage the way you want! It's really flexible and easy to use. The Humble template offers you options to have an unique page layout!" image="http://localhost:8888/wordpress/wp-content/themes/humble/images/ico_lab.png"]
		[one_third]
		<h6>Slider setting</h6>
		Change all the slider settings from your Theme Options. Lots of options are available to edit your template as you wish.
		[/one_third]
		[two_third_last]
		[image width="590" height="150"]http://localhost:8888/wordpress/wp-content/uploads/2011/08/nivo-setting.png[/image]
		[/two_third_last]
		[one_third]
		<h6>Bonus for slider</h6>
		We add for you the ability to choose a texture that will overlay your slider images. Start enhance your slider today!		
		[/one_third]
		[two_third_last]
		[image width="590" height="150"]http://localhost:8888/wordpress/wp-content/uploads/2011/08/nivo-texture.png[/image]
		[/two_third_last]
	[/tab]
	[tab title="Custom the background" description="The Theme Options let you set every background you want. All CSS attributes have been added so you don't touch a single line of code." image="http://localhost:8888/wordpress/wp-content/themes/humble/images/ico_teeshirt.png"]
		[one_third]
		<h6>Background settings</h6>
		<p>How it works? Choose a color, upload a background image, set the "repeat", "position" and "attachment" option you want from the Theme Options... and Voila!</p>
		<p>You want on custom post or page with a special background? Easy! Just choose different settings for your background from the metabox while you're creating the post or page.</p>
		[/one_third]
		[two_third_last]
		[image width="590" height="350"]http://localhost:8888/wordpress/wp-content/uploads/2011/08/background-setting.png[/image]		
		[/two_third_last]
	[/tab]
	[tab title="CSS without coding" description="Change your CSS settings from the Theme Options without editing the style.css. It has never been so easy to custom your template!" image="http://localhost:8888/wordpress/wp-content/themes/humble/images/ico_time.png"]
		[one_third]
		<h6>CSS settings</h6>
		We put all the main options in the panel to allow you or your client can change easily everything. 
		[/one_third]
		[two_third_last]
		[image width="590" height="400"]http://localhost:8888/wordpress/wp-content/uploads/2011/08/css-setting.png[/image]		
		[/two_third_last]
	[/tab]
[/tabs]

Shortcode


For more details and live example + code go here : http://karimhossenbux.com/lab/humble/shortcode/

Here's a list of shortcode you can use:

For more details, please check karimhossenbux.com/lab/humble/shortcode/

Background on post/page


If you want to do this step, we assume that your already configure the default background settings for the whole website. The following is step to do if you want to have a unique background on a post, page or portfolio item.

Contact page


Widget


You have 5 custom widgets included in the Humble themes.

All you need to do is to drag them as usual into the wanted sidebar.

Here's the name of the Widgets :

Credit