Business Idea

Install the theme manually

1. Download the latest release of the theme: go to the Downloads page, click the Tags tab, and click zip.
2. Unzip the archive you have downloaded and rename the folder to business-idea.
3. Copy the business-idea folder to the wp-content/themes directory.
4. Go to Appearance » Themes and activate the Business Idea theme.

Or upload the theme through the WordPress admin

1. Download the latest release of the theme: go to the Downloads page, click the Tags tab, and click zip.
2. Unzip the archive you have downloaded and rename the folder to business-idea.
3. Rezip the business-idea folder (to get business-idea.zip).
4. Log in to your WordPress admin panel and go to Appearance » Themes, click Add New, click Upload Theme.
5. Choose your business-idea.zip archive and click Install Now.
6. Go to Appearance » Themes and activate the Business Idea theme.

Install and activate custom plugins

1. Go to Appearance » Install Plugins.
2. Install and activate the recommended plugins.

To find information about installing Wordpress, please visit http://codex.wordpress.org/Installing_WordPress

Before you install an update, please read the changelog.

Step 1) Backup your files and database

Backup your website's files and database. So, in case something goes wrong during the update, you will be able to restore your website to a working condition.

Step 2) Download and prepare the theme folder

1. Download the latest release of the theme: go to the Downloads page, click the Tags tab, and click zip.
2. Unzip the archive you have downloaded and rename the folder to business-idea.

Step 3) Enable the maintenance mode

Go to the root directory of your WordPress website, create a file in it, and name this file .maintenance. Copy the following code into it:

<?php
$upgrading = time();

Now, your website should display the following message instead of the content: "Briefly unavailable for scheduled maintenance. Check back in a minute.".

Step 4) Store your customizations

Any customizations you have made to the theme files will be lost, because you will have to delete the old theme folder and replace it with the new theme folder. You will need to reapply your customizations after the update.

Step 5) Upload the new theme folder

1. Delete the current wp-content/themes/business-idea folder.
2. Copy the business-idea folder you have created in step 2 to the wp-content/themes directory.

Step 6) Disable the maintenance mode

Delete the .maintenance file you have created in step 3.

Step 7) Check for updates to custom plugins

Go to the Plugins screen. If you find the Update Required link, then click it. This link should redirect you to the Install Required Plugins screen. Tick the plugins you need to update, select the Update option from the Bulk Actions select box, and click Apply. You can also go to the Appearance » Install Plugins screen directly to apply updates to the theme's custom plugins.

Step 8) Test your website after update

Please test your website to make sure that all its features function properly.

If you need to modify the theme files, e.g. header.php, please do your modifications through a child theme. All your customizations should go into your child theme's directory. This will make it easier to update the original theme later.

Learn how to create a child theme from WordPress Codex - Child Themes.

To install the child theme you need to

1. Copy your child theme's folder to the wp-content/themes directory.
2. Activate your child theme in Wordpress Admin » Appearance.
3. Then you can modify the style.css to override the parent theme's styles, override the php templates, and/or override functions in functions.php.

Once you install the theme, you will see a message that lists required plugins. It will assist you with installing and activating these plugins.

The theme depends on the following plugins:

• Dm3Media
• Dm3Options
• Dm3Shortcodes
• Dm3Sidebars
• Dm3Widgets

To install and activate these plugins you should go to Appearance » Install Plugins.

Optional plugins:

• Contact Form 7

Please download the dummy data XML file.

Import data

1. Go to Tools » Import, click Wordpress
2. A pop up window will appear and it will ask you to install the importer plugin.
3. Click Install Now
4. Choose the XML file you have downloaded and click Upload file and import
5. Tick Download and import file attachments
6. Click Submit

Set menu

1. Go to Appearance » Menus
2. In Theme Locations section set the Main Menu option to Main menu and click Save

Add footer widgets

Please read the Setup Footer section.

Add sidebar widgets

Please read the How to add widgets to the sidebar section.

1. Go to Appearance » Theme Options, click Header
2. Enter your logo url or click the Select button to upload your logo.
3. Click Save changes

Before updating the theme to the version 1.7.2 or greater please read Before updating the theme to version 1.7.2 and above.

You can find the list of images used for the background in the theme demo below:

• The NYC photo was retrieved from http://morguefile.com/archive/display/766587
• The sky photo was retrieved from http://morguefile.com/archive/display/100323
• The lake photo was retrieved from http://www.morguefile.com/archive/display/727238

Recommended image sizes

1. The images from the demo should have the following sizes:
   NYC photo: 3200x2000 pixels
   Sky photo: 2600x1742 pixels
   Lake photo: 3000x2020 pixels
2. The custom photos can be from 2600 to 3200 pixels wide and from 1700 to 2000 pixels high. It is recommended to experiment with different sizes in order to find the size that fits best.

How to set a background image

1. Please go to Appearance » Theme Options.
2. Click the Styles tab.
3. Upload your background image in the Page background image section.

Before updating the theme to version 1.7.2 and above:

• Please go to Appearance » Theme Options » Styles Tab.
• If you have used one of the default images for the background, please reupload it using the Select button in the Page background image section.

1. Go to Pages » Add New.
2. Name this page Front page (you can enter any other name).
3. Optionally, create some slides in the Media section.
4. In the Theme Options section, set the Slideshow option to either Slider 1 or Slider 2
5. Enter your page content and save it. You can use shortcodes to create page structure:

IMPORTANT: before your copy these shortcodes to the editor, click on the Text tab in the upper right corner of the post editor. When done, you can switch back to Visual.

Configure WordPress to use your page as the front page:

1. Go to Settings » Reading
2. Set the Front page displays option to A static page
3. Select your front page for the Front page option.
4. Click Save Changes

Configure the theme options for the footer:

1. Go to Appearance » Theme Options, click Footer and fill in the options.

Widgets:

1. Go to Appearance » Theme Options » Footer and set the Show footer widgets option to Yes
2. Go to Appearance » Widgets and you will find 4 drop-down boxes on the right side of the page: Footer 1, Footer 2, Footer 3, Footer 4 - these are the footer columns.
3. Drag and drop widgets into these boxes.
4. Configure each footer widget and save it.

1. Go to Pages » Add New
2. In Page Attributes section set the Template option to Blog
3. Enter the page title and click Publish
4. Click Update
5. Add this page to the menu (please read How to setup menu)

1. Go to Pages » Add New
2. In Page Attributes section set the Template option to Full width
3. Enter page title and click Publish
4. Enter page subtitle in the Theme Options section.
5. Click Update
6. Optionally, add this page to the menu (please read How to setup menu)

Setup the page

1. Go to Pages » Add New.
2. In the Page Attributes section set the Template option to Gallery.
3. Enter page title and click Publish.
4. Enter page subtitle, and number of columns in the Theme Options section.
5. Click Update.
6. Optionally, add this page to the menu (please read How to setup menu)

Add gallery items

1. Go to Gallery » Add New.
2. Enter title and set the featured image.
3. To separate gallery items by category list gallery categories in the Gallery Categories section.
4. Click Publish.
5. Optionally, you can enter the video url (Youtube or Vimeo) and choose to either open this video in lightbox or not.
6. If you enter a video url and don't select featured image, video will be shown without preview image
7. You can also add a slideshow in the Media section and select the slideshow number in the Theme options section.
8. Click Update.

You can use the Contact Form 7 plugin. Please check the Contact Form 7 Installation page.

Shortcodes are pieces code that make it easier to insert complex html/php into pages and posts.

Go to Pages » Add New and find the Shortcodes button in the editor's panel.

Before you click on the Shortcodes button, you need to place your mouse caret into the appropriate position inside the editor's textarea.

Once you click on the Shortcodes button you will see a list of available shortcodes.

Custom sidebars is not a default WordPress feature. It is provided by a custom Dm3Sidebars plugin, which can be activated after the theme installation.

To add a sidebar

1. Go to Appearance » Custom Sidebars.
2. Enter sidebar name.
3. Click Add sidebar.
4. The new sidebar will appear in the Appearance » Widgets.

Since Business Idea 1.7.1 it is possible to edit an id for every sidebar that is created on the Appearance » Custom Sidebars screen. Please make sure to enter a unique sidebar id across all sidebars (widget areas) on your website (for example, my_unique_sidebar1, my_unique_sidebar2, etc).

1. Go to Appearance » Widgets.
2. You should find a list of available widgets on the left and active widgets on the right. Sidebar widget area should be named Default.
3. To add a widget, drag and drop a one of available widgets from the left into the widgets area.
4. Edit the widget's settings and click Save

This theme includes 3 custom widgets:

• Flickr (Dm3Widgets)
• Posts (Dm3Widgets)
• Twitter (Dm3Widgets)
• Contacts (Dm3Widgets)

* The previous version of the twitter widget was removed, as it was not working with the new twitter API. It is replaced by the widget, where you can paste the code of the Embedded Timeline widget. You can generate this widget on your Twitter account page.

To create an embedded timeline widget:

1. Log in to the twitter.com account.
   
2. Go to https://twitter.com/settings/widgets and create a new user timeline widget.
3. Click create widget and Twitter will generate the widget code for you.
4. Copy generated code into the Twitter (Dm3Widgets) widget in Appearance » Widgets.

1. Go to Appearance » Menus.
2. Enter Main menu into the Menu Name input, and click Create Menu.
3. Tick the pages you would like to appear in the menu and click Add to Menu.
4. Arrange your menu items and click Save Menu.
5. In the Manage Locations section set Main Menu assigned menu option to Main menu and click Save Changes.

It is planned to discontinue this feature, because it does not support most of the WordPress plugins.

IMPORTANT: AJAX feature works only with the default WordPress features. If you would like to use plugins please disable the AJAX feature.

How to enable or disable the AJAX feature

1. Go to Appearance » Theme Options
2. In the Global Settings tab tick or untick the Enable AJAX checkbox.

IMPORTANT: AJAX in JavaScript. Developers must read this:

The theme provides AJAX user experience using HTML5 History API. This makes it possible for the search engines to reach the pages. However, there are a few important rules you need to follow when editing the theme files:

1. Every html file has to include all css and javascript files (it is recommended to minify them).

2. The function from js/page.js - dm3_page_initialize($, context) initializes JavaScript for every page loaded through AJAX. All jQuery selections inside this function are made as follows - $('#selector', context), where "context" is a jQuery object holding html fetched by the ajax request. It is important to use the context in jQuery selections in order to avoid conflicts with elements that are already on the page.

3. When the page is received through an AJAX call, only the part with the CSS selector .dm3-scroller-inner > .content in the received html is processed (appended to the current page and ran through the JavaScript initialization with the dm3_page_initialize($, context) function, where the context variable is this part (.dm3-scroller-inner > .content) wrapped in the jQuery object).

IMPORTANT: if you use AJAX, you need to make sure that you clear/manage memory properly. The memory of the default theme functionality is cleared by the dm3_clear function on every page load. You can hook into this function using the dm3Clear event and clear the memory used by your custom code (e.g., event listeners, variables, etc). Example:

jQuery(document).on('dm3Clear', function(e) {
// Clear memory here (e.g., event listeners, global variables, etc).
// The e.context property keeps the reference to the current HTML
// (the HTML that will be replaced by the new AJAX call).
});

• jquery.min.js - jQuery library (jquery.com)
• jquery.easing.js by George McGinley Smith (http://gsgd.co.uk/sandbox/jquery/easing/)
• jquery.flexslider.js by WooThemes (WooThemes)
• isotope.min.js by Metafizzy (License)
• jquery.magnificPopup.js by Dmitry Semenov (http://dimsemenov.com/plugins/magnific-popup/)
• Background images from morguefile.com - free photo archive
  • The NYC http://morguefile.com/archive/display/766587
  • The sky http://morguefile.com/archive/display/100323
  • The lake http://www.morguefile.com/archive/display/727238
• Bebas Neue font by Fontfabric (http://www.fontfabric.com/about/)
• Font Awesome icons font by Dave Gandy (FontAwesome)