BoHo Baby version 1.0.7 by dtbaker

item_preview

Theme Installation

Please watch this instructional video showing how to install this WordPress theme and setup default content:

Below are the step by step instructions:

  1. Purchase the theme from ThemeForest.net
  2. After purchasing go to your Downloads page ( http://themeforest.net/downloads )
  3. Click on the Download button and choose the Installable WordPress file option and save this ZIP file to your desktop.
  4. (if you want the Boho Babe Blue theme please download the full zip file, then look for "boho-babe.zip" file within the "extras" folder)
  5. Login to WordPress and go to Appearance > Themes > Install Themes
  6. Click the Upload tab
  7. Choose the downloaded ZIP file from your desktop and click upload
  8. Choose the ‘Activate’ option
  9. Follow the Setup Wizard prompts
  10. (if you need to run the setup wizard again please go to Appearance > Setup Wizard)
  11. Note: If you are prompted to install Widget Area Manager please follow the prompts. If for some reason this plugin does not install automatically please download it from here and install it like a normal plugin: click here. The Widget Area Manager is required for this theme to operate correctly. It will allow you to control the position of sidebars and what content to display in them.

Here is a screenshot showing step by step instructions for downloading and installing the WordPress theme:

download_screenshot

Child Theme Customizations

Sample Child Theme Available for download here: boho-baby-child.zip

Responsive Layout

This theme is enabled with responsive CSS layouts so that it displays nicely on mobile devices. If you wish to disable this responsive feature please go to Appearance > Customize > Page Layout

responsive-layout

responsive-layout

Customizing Theme Colors, Fonts and Other Options

Customization is done easily via the Appearance > Customize menu. Here you can change colors and font styles for the ensite website, and preview them before they go live.

Most of the settings are under the "Typography" menu.

Other changes can be performed in CSS files. Install the "Child Theme" (see above) and then edit the child theme style.css file. You can edit this file via FTP or via Appearance > Editor menu.

Advanced Customization: if you need assistance with advanced customizations then please hire someone from Envato Studio (look in the WordPress category)

Create a photo gallery or simple image slider

Here are instructions on creating the fancy gallery with 3 images (as seen on the home page of the demo).

  1. Create a new page in WordPress
  2. Click the "Add Media" button at the top
  3. Choose "Create Gallery" on the left
  4. Select (or upload) your gallery images (the ideal image size is 160px by 140px)
  5. Click the "Create New Gallery" button
  6. Change "Link To" as "Media File"
  7. Change "Image Size" to "Thumbnail"
  8. Change the "Gallery Type" to one of the desired options.
  9. Click the "Insert Gallery" button
  10. Save the page and view it to check it works.

An example of available galleries is here: http://boho-baby.dtbaker.net/gallery/

Setup the Contact Page

(not required if you have setup default content as above)

  1. Make sure the Contact Form 7 plugin is installed
  2. Login as admin and choose "Contacts" menu on the left.
  3. Open the default "Contact Form 1" and make any changes as neccessary.
  4. Copy the shortcode (it will look something like [[contact-form-7 title="Contact form 1″]] )
  5. Create a new page called "Contact", type the words "Please fill in the form below to contact us" and paste in the shortcode from before.
  6. Save the page and check the contact form works (ie: do you receive an email from it?)
  7. Click edit page again and add a map using the google map shortcode (more details below under shortcode)

Setup the Main Menu

(not required if you have setup default content as above)

Go to Appearance > Menu and follow the standard WordPress menu creation process.
Detailed instructions on creating a menu are located on the WordPress website here: http://codex.wordpress.org/WordPress_Menu_User_Guide

Installing the online shop (WooCommerce)

  1. If you wish to sell products please install WooCommerce (this should happen during the installation wizard)
  2. Go to WooCommerce > Settings and configure your preferences
  3. Further details about installing and using WooCommerce are available here:
    http://docs.woothemes.com/document/woocommerce/
  4. Further help and support for using WooCommerce is available here:
    http://www.woothemes.com/woocommerce/

Visual Composer

This theme comes with Visual Composer

Please visit http://kb.wpbakery.com/ to read all the latest documentation and watch the videos on how to use Visual Composer.

Background Images / Colors

Note: some graphical elements have been designed to only work with the default background image. So a change of background image may cause some inside design elements to not look nice. Additional graphical modifications may need to be made after changing the default background.

  1. If you wish to change the default background image:
  2. Go to Appearance > Background
  3. Go to "Choose an Image from your Computer" and choose the background image you would like to use.
  4. Adjust the colors and background settings to suit your needs.

You can change the background element of any Visual Composer Rows/Columns by going to the "Design" tab in Visual Composer.

Included Widgets

Widgets Positions / Sidebars

The Widgets and Sidebars in this theme are handled by the "Widget Area Manager" plugin.
To view all available widget areas (header/sidebar/footer) please see the demo.

You can change the position of some of the widget areas using the "Left/Right Column", "Header", "Footer One" and "Footer Two" menu items displayed in the admin bar:

widget-header-left-right-sidebar-control

Here is a video showing changing the position of the sidebar widgets:

Updating

If you're updating from a version before 1.22 then please see this update video: click here.

If you're updating from a more recent version then please follow this process:

  1. Go to the Envato Market menu
  2. Click settings tab
  3. Click login with oAuth button
  4. Approve permissions
  5. Go to Appearance > Themes and click "Update" button for theme
  6. Click Dashboard menu
  7. Click Begin Updating Plugins menu button

A video showing this process is available below:

Translations

The WordPress POT file for this theme is available in the /languages/ folder of the theme zip file.

Instructions on translating WordPress themes are available here: https://poedit.net/wordpress

Photoshop Files

Photoshop files are available from this special URL after purchasing this theme: http://dtbaker.net/files/envato/resources/. Please login with your Envato account to access the latest version of the purchased resources.

Advanced Editing

Please consider using a Child Theme for any changes. This will help stop theme updates overwriting your customisations.

Changelog

Here is a list of theme changes: