“ECOBIZ - Modern Business and Corporate Wordpress Theme (v2.4) " by “imediapixel”

---

“ECOBIZ v2.4”

---

Table of Contents

1. Installation and Setup
   • Importing Sample Data
2. General Options
3. Manage and Ordering your menu items
   • Creating Menu
4. Homepage Setup
   • Site Overview
5. Slideshow
   • Creating Slideshow Categories
   • Creating Slideshow items
   • Slideshow Setting
   • Setting main slideshow (Nivo Slider)
   • Using Kwicks Slider
   • Using Static Slider
6. Services Page Setup
   • Creating Services Page
   • Creating Services Child Pages
7. Portfolio Page
   • Creating Portfolio Page
   • Creating Portfolio Category
   • Creating Portfolio Item
   • Setting Portfolio Page
8. Product Page
   • Creating product Page
   • Creating product Category
   • Creating product Items
   • Setting Product Page
9. Blog Page
   • Creating Blog Page
   • Creating Category for Blog
   • Adding Item for Blog Category
   • Setting Blog Page
10. Creating Testimonial/Team Category
    • Creating Testmonial/Team Category
    • Adding Testmonial/Team Post Item
11. Contact Page
    • Creating Contact Page
    • Contact Page Setting
12. Widgets and Widget Places
    • Widgets
    • Widgets Places
13. Shortcodes
    • Video
    • List
    • Toggle and tabs
    • Dropcap and Pullquote
    • Message Box and Highlight
    • Image
    • Button
    • Page List
    • Post List
    • Google Map
    • Columns
14. PSD
15. Sources and Credits

---

A) Installation and Setup - top

After downloading ECOBIZ theme package, please extract your download theme package and go to theme folder, unzip ECOBIZ.zip folder and upload to wp-content/themes/ folder of your Wordpress site.

Now login to your Wordpress site and go to Appearance => Themes menu and activate ECOBIZ theme.

Importing Sample Data

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 :

1. Login to WP-admin
2. Go to Tools => Import menu and choose Wordpress
3. In upload field choose the xml sample data and upload it
4. Now you need to configure ECOBIZ theme options.

---

B) General Options - top

When click ECOBIZ menu than you will be bring to ECOBIZ theme options manager, and here the General Setting tab that you need to configure before your site ready to go.

Also you need to configure pages and categories for ECOBIZ theme and here the screenshot :

---

C) Manage and Ordering your menu items - top

ECOBIZ Theme support for new Wordpress Menu System, to manage your main menu items, please below step

• Creating Main Navigation Menu

  Go to Appearance => Menus, first you need to create menu place for Main Navigation (Header Area), for more detail please follow this image :
  
  as you can see in image above, there's some step that youshould follow :
  

  1. Create a menu for Main navigation and named it with Main menu(you can named it with your own defined name)
  2. Assign the Main menu in Theme Location where will be placed in Main Navigation field
  3. Select The pages/Categories that will be included in Main Navigation
  4. You can order the pages and include some pages/categories as the child pages
     
  5. and Save the menu!

D) Homepage Setup - top

• Homepage setup

  

  
  
  

• Homepage Site Overview

  
  
  There's 4 columns services at the homepage section, please refer to image above to setting your 4 columns site overview.

---

E) Slideshow- top

• Creating Slideshow Categories

  To Create slideshow categories, please go to Slideshow => Slideshow Categories menu, add your slideshow category there

• Creating Slideshow Items

  To Create slideshow items, please click add new menu in slideshow menu in admin panel :
  
  
  now you will be bring to slideshow pages, to create your slideshow items, please follow below image :
  
  
  Description :
  

  1. Enter the title for your slideshow
  2. Enter a content for your slideshow description
  3. Add custom slideshow url
  4. set your slideshow images, please click Set Featured image button and you will be bring to media library lighbox, please below image for detail :
     
     
     4.1 Click the media library button where your uploaded images located
     4.2 Set the image to full size
     4.3 Click "Use as featured image" button
     4.4 Close the popup lightbox.
     

  
  now you can publish your slideshow, you can ignore Slideshow Options ( from point 3 to 7) when you creating full image slideshow.

• Slideshow Setting

• Main Slideshow Setting (Nivo Slider)

  You can setting your main slideshow by visisting ECOBIZ theme options => Slideshow tab, scroll down and you will find Main Slideshow Settings heading, Please below image for detail, please below image for detail
  

• Using Kwick Slider

  If you want to use Kwick Slider, you need to create a page first, name your with Kwicks slider or anyhing, then assign your page template to Hompage Kwicks Slider, please follow below image for detail :
  
  
  Now you need to set your homepage as static frontpage, to do this please go to Settings => Reading menu in your admin panel, you will be bring to Reading Settings, please follow below image for detail :
  
  Save your setting and now you have setted your homepage as static homepage.
  
  To setting your Kwick slider please click ECOBIZ theme options => Slideshow tab, scroll down and you will find Kwicks Slider Settings heading, Please below image for detail, please below image for detail
  

• Using Static Slider

  If you want to use Static slider, you need to create a page first, name your with Slideshow Static or anything, then assign your page template to Hompage Static, please follow below image for detail :
  
  
  Now you can setting your Static slideshow by visisting ECOBIZ theme options => Slideshow tab, scroll down and you will findStatic Slideshow settings heading, Please below image for detail, please below image for detail
  

---

F) Services Page Setup - top

• Creating Services Page

  To Create Services page, please to to Pages => add new menu in your admin panel, assing your services page to Full Width Template, you can also add shortcode for services list in your content, but first you need to add some services child pages, please refer to below image for detail :
  
  

  Description :
  

  1. Your services page titlte
  2. Enter a content for your services pages, you can also add pagelist shortcode to list your services child pages, please refer to above image
  3. Add your heading image url
  4. Select heading text position
  5. Add short description for your page
  6. Save your services page

• Creating Services Child Pages

  To create services child pages please follow below image :
  
  
  Description :
  

  1. Your services child page titlte
  2. Enter a content for your services pages
  3. Add your heading image url
  4. Select heading text position
  5. Add short description for your page
  6. Set your Featured Image (please refer to slideshow section how to set The Featured Image)
  7. Assign your page as services child page
  8. Save your services page

  
  

---

G) Portfolio Page - top

• Creating Portfolio Page

  To create portfolio page, please go to Pages => Add New menu in your admin panel, for detail please follow below image :
  
  
  Description :
  

  1. Your Portfolio page titlte
  2. Add your heading image url
  3. Select heading text position
  4. Add short description for your page
  5. Assign your Portfolio page to one of available page template
  6. Save your Portfolio page

• Creating Portfolio Category

To Create Portfolio Category, please click Portfolio Category in Portfolio menu in admin panel :

now you will be bring to portfolio category page, to create portfolio please follow below image :

Description :


1. Enter the category title, eg. Web Design
2. Save your Portfolio Category
3. List of Portfolio category

• Creating Portfolio Item

  To add portfolio item, please go to Portfolio menu and click Add New, now you will be bring to portfolio page, for detail creating portfolio item please follow below image :
  
  

  Description :
  

  1. Enter the title for your portfolio item
  2. Click Upload/Insert Add media button, upload some images in Media Uploader, this will be used for single portfolio images gallery slider.
  3. Enter a content for your portfolio description, you can also add shortcode there, as describe in above image
  4. Add your Preview Link for your portfolio item, you can use an image or video url, this will be used for Popup Lightbox
  5. Add custom url for your, eg. url for your client
  6. Set your portfolio type (image or video)
  7. Add Featured Image for your portfolio item, this will be used for portfolio thumbnail
  8. select the category for your portfolio item
  9. Save your post.

• Setting Portfolio Page

  

---

H) Product Page - top

• Creating Product Page

  To create Product page, go to Pages => Add New menu in your admin panel, for detail please follow below image :
  
  
  Description :
  

  1. Your Portfolio page titlte
  2. Assign your Product page to Pricing Table page template
  3. Save your Product page

• Creating Product Category

To Create Product Category, please click Product Category in Product menu in admin panel :

now you will be bring to Prodcut Category page, to create Product please follow below image :



Description :


1. Enter the category title, eg. Product Category 1 or whatever
2. Save your Product Category

• Creating Product Item

To add product item, please go to Product menu and click Add New, now you will be bring to product page, for detail creating product item please follow below image :



Description :


1. Enter the title for your product item
2. Enter a content for your product description
3. Add your product price
4. Add your product features in comma-separated as descritbe in image above
5. Add custom url for your product
6. Set your product category
7. Save your product

• Setting Product Page

  
  

---

I) Blog Page - top

• Creating Blog Page

  To create Blog page, go to Pages => Add New menu in your admin panel, for detail please follow below image :
  
  

  Description :
  

  1. Your Blog page titlte
  2. Assign your Blog page to Blog Templage page template
  3. Save your Blog page
  
  

• Creating Blog Category

  To Create Blog Category, please click Post => Categories menu in in admin panel :

  
  

Description :


1. Enter the category title, eg. Blog or whatever
2. Save your Blog Category
   

• Creating Blog Item

To add blog item, please go to Posts menu and click Add New, now you will be bring to post page, for detail creating post item for blog please follow below image :




Description :


1. Enter the title for your blog item
2. Enter the content for your post item
3. Set your Featured Image, this will be used for post thumbnail
4. Set your blog category
5. Save your product



• Setting Blog Page

  
  

---

J) Creating Testimonial/Team Category - top

• Creating Testimonial/Team Category


Description :

1. Enter your category title
2. Save your Category!
3. List of Categories for Testimonial, Team, FAQ

1. Adding Testimonial/Team Post Item

   
   
   

Description :


1. Enter the title for your Testimonial/Team/FAQ item
2. Enter the content for your post item
3. Setted your post item category
4. Set your Featured Image, this will be used for post thumbnail
5. Save your product
   

---

K) Contact Page - top

• Creating Contact Page

  
  
  

  Description :
  

  1. Your Contact page titlte
  2. Enter a content for your Contact page
  3. Add your heading image url
  4. Select heading text position
  5. Add short description for your page
  6. Assign your page to Contact Form page template
  7. Save your Contact page

• Contact Page Setting

  
  

L) Styling Options - top

• styling options

  
  
  Description :
  

  1. Pre-defined Skins : you can choose one of pre-defined skins as your default site skins
  2. Custom Skin Color: you can choose your custom skin color from color picker option
  3. Background Pattern : you can choose one of 25 patterns that available for your background pattern
  4. Background Image : you can choose one of available background as your defaault background image, if you want to use your own image, please follow below steps :
     
     1. place your image for background at bgimage folder that located inside images folder of ecobiz theme (images/bgimage) and also at admin/images/bgimage folder
     2. resize about 100x56px your background image that you placed in admin/images/bgimage folder
     3. go to theme options => styling options => background image options, now your new background will be listed there and you can select it as your default background image
  5. Cufont Font: You can select one of available cufon font as your default cufon font
  6. Body Text Typography : change the font size, font face and color for main body text color
  7. Permalinks Color : Set your default permalinks color
  8. Permalinks Hover Color : Set your permalinks color when it's on hover
  9. Sidebar Heading Color: Set the color for Sidebar Heading section
  10. Custom CSS : add your custom css command here

   

---

---

 

L) Widgets and Widget Places - top

• ECOBIZ Widgets

  There are Eight Custom widgets from ECOBIZ theme, here the list of the custom widgets, all prefix with ECOBIZ :
  
  1. ECOBIZ - Flickr Gallery, display your flickr photo stream
  2. ECOBIZ - Twitter Update, display your Twitter feed
  3. ECOBIZ - Testimonial, list the Client Testimonials
  4. ECOBIZ - Post to Box, display a Post as a Box in sidebar
  5. ECOBIZ - Page to Box, display Pages as a Box in sidebar
  6. ECOBIZ - Latest News, display latest News list items
  7. ECOBIZ - Latest Work, display latest portfolio randomly
  8. ECOBIZ - Contact Info, display your detail contact information
  9. ECOBIZ - Search Box, search box
  10. ECOBIZ - Brochure, display your brochure and download link
  
  

• Widget Places

  There are alos eight widget place in ECOBIZ theme, here the list of widget place in ECOBIZ Theme :
  1. General Sidebar, used for displaying the widgets in all pages
  2. Single Sidebar, used for displaying the widgets in single post sidebar
  3. About Page, used for displaying the widgets in About page sidebar
  4. Services Page, used for displaying the widgets in Services page sidebar
  5. Blog Page, used for displaying the widgets in Blog page sidebar
  6. Category Page, used for displaying the widgets in Category page sidebar
  7. Bottom1, widgets place for footer column 1
  8. Bottom2, widgets place for footer column 2
  9. Bottom3, widgets place for footer column 3
  10. Bottom4, widgets place for footer column 4

---

M) Shortcodes - top

• For complete shortcode documentation please visit http://imediapixel.com/demo/ecobiz/?page_id=369

• Video



Parameter : id = the id of youtube video, witdth = the width of video size, height = the hieght of video size

• List

  
  
  

• Toggle & Tabs





• Dropcap & Pullquote





• Message Box & Highlight





• Image






• Button
  
  Parameter : link = your custom link

• Page Lists
  
  
  Parameter : parent_page = the name of parent page with child page, num= number items to display, style=you use 2col or 3col to display your page items, orderby = items order, for complete parameter value for orderby please visit http://codex.wordpress.org/Function_Reference/query_posts#Orderby_Parameters, Title = title for your pages list

• Post Lists
  
  
  Parameter : category = the category name/title, num= number items to display, style=you use 2col or 3col to display your page items, orderby = items order, for complete parameter value for orderby please visit http://codex.wordpress.org/Function_Reference/query_posts#Orderby_Parameters, Title = title for your pages list

• Google Map

  
  
  You can find the longitude and latitude of your location from map.google.com or for quick search please visit http://universimmedia.pagesperso-orange.fr/geo/loc.htm
  Parameter :
  
• width
• height
• address: Address on which the viewport will be centered.
• latitude: Point on which the viewport will be centered. If not given and no markers are defined the viewport defaults to world view.
• longitude: Same as above but for longitude…
• zoom: Zoom value from 1 to 19 where 19 is the greatest and 1 the smallest.
• html: Content that will be shown within the info window for this marker.
• popup: If true the info window for this marker will be shown when the map finished loading. If “html” is empty this option will be ignored.
• controls: A simple array of string values representing the function names (without “()”) to add controls. Please refer to the Google Maps API for possible values. If empty the default map controls will be applied.
• scrollwheel: Set to false to disable zooming with your mouses scrollwheel. If “controls” is not set this option will be ignored (because default map controls are applied).
• maptype: Predefined variable for setting the map type. Please refer to the
  Google Maps API for possible values.
• marker: Set to false to disable display a marker in the viewport.
  
  
  

• Columns

  
  
  

O) PSD Files - top

I've included 5 psds with this theme:

• about.psd
• homepage.psd
• products.psd
• portfolio-4col.psd
• services.psd

P) Sources and Credits - top

I've used the following images, script, icons or other files as listed

• Options Framework, http://wptheming.com/2010/12/options-framework/
• Dice_patterns_by_JenniStock, http://jennistock.deviantart.com
• Grid Patterns, PremiumPixels.com
• cufon-yui.js (Cufon Library for Font Replacement, http://wiki.github.com/sorccu/cufon/about)
• jqueryslidemenu.js (Dropdown menu library, http://www.dynamicdrive.com/style/)
• Crazy Swirl Pattern, http://cloud-no9.deviantart.com/
• Different textures, http://design-maker.deviantart.com
• Pixel patterns, http://naomiatkinsonproducts.com/
• http://nivo.dev7studios.com (for images slideshow ,http://nivo.dev7studios.com)
• http://www.no-margin-for-errors.com, http://www.no-margin-for-errors.com)
• jQuery Gmap, http://gmap.nurtext.de/
• Images from http://www.photorack.net/ , Photos8.com, sxc.hu
• Simpleness Wallpaper, http://emats.deviantart.com/art/Simpleness-Wallpaper-126037782?q=gallery%3Aemats%2F418008&qo=77
• Leaves Wallpaper, http://emats.deviantart.com/art/Leaves-Wallpaper-100824718?q=gallery%3Aemats%2F418008&qo=115
• Summer Wallpaper III, http://www.emats.deviantart.com/gallery/?offset=72#/d21ys1s
• Eco Icons, http://vectorstuff.blogspot.com/2008/08/eco-icons.html
• jquery Kwicks (for kwicks slider,https://github.com/Mottie/Kwicks)
  
• Colaborate font , http://www.fontsquirrel.com/fonts/Colaborate
• Titillium font, http://freedesignmagazine.com/?p=1077
• Geo Sans Light, http://www.dafont.com/geo-sans-light.font

---

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you 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 themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Imediapixel

Go To Table of Contents

---