Set up the featured slider

Set up the portfolio sectionr

Badaboem theme option panel

Table of Contents

1. 1. Preparation
2. 2. Setting up the Menus
3. 3. Theme Options

1. Preparation

Step 1:

After you’ve purchased BadaBoem, unzip it and open up the BadaBoem/WP folder, you will find your theme in there, now upload the theme folder to wp-content/themes/ with your ftp application of choice.

Login to your wordpress back-end and navigate to Appearance -> Themes and activate the BadaBoem theme, once activated we need to remove the current dummy page, post and comment, remove them and then we will continue importing the posts, pages, comments, categories, and tags from the WordPress export file that was present inside the zip file.

We will do this by going to Tools –> Import and select “Wordpress” ( when this is a fresh wordpress installation then you need to install the WordPress Importer plugin. )

Then on the next window locate your XML file and upload it, now you will be asked to map the authors in this export file to users on the blog. Select your account and select to import images/attachments as well. When all went well you will get a nice confirmation.

Step 2:

Now we need to activate the threaded (nested) comment settings, this setting is disabled by default, so if you want to use the threaded (nested) comments then go to Settings –> Discussion and select “Enable threaded (nested) comment …”

Step 3:

Let’s move on with the Permalink setting, we all want some nice and clean links for our page, category and posts titles. To achieve this just go to Settings –> Permalinks and select “Custom Structure” write /%postname%/ inside the input field, there’s one problem though, some hosts are handling these permalink settings differently, when the normal method does not work try to ad this index.php?/%postname%/ or else contact your host for help on this matter.

Step 4:

To make the homepage show as the demo just go to Settings -> Reading and select Home and Blog as a static page from the Front page displays.

2. Setting up the Menus

BadaBoem uses two types of Custom Menus, a Top Menu and a Footer Menu. To set up both of these menus you go to Appearance -> Menus and select your Menu Locations first.

When you’ve imported the xml file with the dummy content then i don’t need to explain how to select and move the pages  Then select the Footer Menu on your right and ad the pages you want.

The select the Top Menu and add the pages you want, do you want to have them as in the demo then look at the screen.

Okay, now your menu are ready to go, let’s continue with the theme options.

3. Theme Options

General Settings

Click on the BadaBoem settings tab to open up the theme’s option panel. We will start with the first item inside the panel, the General Settings, at this section you can select your theme’s alternative color scheme, enter the url of your logo, ad the content for the front-page tabs, activate or de-activate the login form and ad the google analytics code.

1. Theme Stylesheet – Select your theme’s alternative color scheme.

2. Logo URL – Specify the image address of your logo for the theme.

3. Frontpage tab content ID’s – Enter IDs for pages you want to display in the tabbed area in the footer. Separate them by commas, ex. 5,7,14. First tab is set as widgets and those widgets can be added inside the widget panel, the remaining tabs will be pages. Just exclude the pages from the top menu and ad the id’s of the footer tabs inside this field.

4. Login/Logout form – Check this option if you want a login box on the right from navigation. This will be a logout link if the user is already logged in.

5. Tracking Code – Paste your Google Analytics (or other) tracking code here. This will be added into the footer template of your theme.

Homepage Settings

Next item inside the theme’s option panel will be the Homepage Settings, at this section you’re able to set up the three blocks below the featured slider on the frontpage, this section is build in and fully editable throughout this tab. Most common html tags are allowed.

Below you will find the dummy text in html format which you can use to test it out . Juste paste them inside  the boxes

Narrow Box 1:

<h4>PERFECTING THE PRESENT, SHAPING THE FUTURE</h4>
<p>Aliquam elit nibh, pharetra vel volut pat ac, lobortis quis lorem. Morbi
vitae diam lacus.</p>
<p>Donec at magna tellus, ac sagittis ante. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Cura <a href=# tooltip="This is a
black tooltip, just ad tooltip= title here with brackets and class= color">bitur</a>
nec lacus nec diam mollis mattis.</p>
<p>Donec ligula augue, mattis et iaculis ut, euismod varius enim. Morbi orciturp.</p>
<h4>PERFECTING THE PRESENT, SHAPING THE FUTURE</h4><p>Aliquam elit
nibh, pharetra vel volut pat ac, lobortis quis lorem. Morbi vitae diam lacus.
</p> <p>Donec at magna tellus, ac sagittis ante. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Cura <a href=# tooltip="This
is a black tooltip, just ad tooltip= title here with brackets and a class= color">
bitur</a>
nec lacus nec diam mollis mattis.</p><p>Donec ligula augue, mattis et iaculis ut,
euismod varius enim. Morbi orci turp.</p>

Narrow Box 2:

<h5>Aenean blandit auctor ullamcorper. Mauris eu enim vitae tellus ultrices
vulputate in ac nibh.</h5>
<p>Aliquam elit nibh, pharetra <a href=# tooltip="This is a yellow tooltip, just
ad tooltip= title here with brackets and a class= color">magna tellus</a>
magnis dis parturient montes, nascetur ridiculus mus</p>
<p>Donec ligula augue, mattis et iaculis ut, euismod varius enim. Morbi orci
turpis, dictum et blandit ac.</p>
<p>Aliquam elit nibh, pharetra vel volut pat ac, lobortis quis lorem. Morbi vitae
diam lacus. Donec at magna tellus, ac sagittis ante. Cum sociis</p>
<h5>Aenean blandit auctor ullamcorper. Mauris eu enim vitae tellus ultrices
vulputate in ac nibh.</h5><p>Aliquam elit nibh, pharetra <a href=#
tooltip="This is a yellow tooltip, just ad tooltip= title here with brackets and a
class= color">magna tellus</a> magnis dis parturient montes, nascetur
ridiculus mus</p><p>Donec ligula augue, mattis et iaculis ut, euismod
varius enim. Morbi orci turpis, dictum et blandit ac.</p><p>Aliquam elit
nibh, pharetra vel volut pat ac, lobortis quis lorem. Morbi vitae diam lacus. Donec
at magna tellus, ac sagittis ante. Cum sociis</p>

Wide Box:

<h3>Clients</h3>
<p>We have a broad range of delivery experiences. We bring combinations of
sector knowledge and the <a href="#" tooltip="This is a yellow tooltip, just ad
tooltip= title here with brackets and a class= color">leadership</a>,
insights and management tools.</p>
<ul>
<li><a target="" href=""  /><img src="wp-content/themes/BadaBoem/
_assets/img/black/thumb1.png" alt="" /></a></li>
<li><a target="" href=""  /><img src="wp-content/themes/BadaBoem/
_assets/img/black/thumb2.png" alt="" /></a></li>
<li><a target="" href=""  /><img src="wp-content/themes/BadaBoem/
_assets/img/black/thumb3.png" alt="" /></a></li>
<li><a target="" href=""  /><img src="wp-content/themes/BadaBoem/
_assets/img/black/thumb4.png" alt="" /></a></li>
<li><a target="" href=""  /><img src="wp-content/themes/BadaBoem/
_assets/img/black/thumb5.png" alt="" /></a></li>
<li><a target="" href=""  /><img src="wp-content/themes/BadaBoem/
_assets/img/black/thumb6.png" alt="" />
</a></li>

Social Media Settings

Next item on the list will be the social media settings, the twitter and facebook links at the top of the page.

1. Twitter Username – Enter your Twitter username (without the @ symbol).

2. Facebook Link – Enter your Facebook page link.

Contact information

1. Contact form E-Mail – Enter e-mail address messages from the contact page should be sent to.

2. Contact form subject – Enter subject for the e-mail you get from the contact page.

Footer

1. Copyright info – Enter copyright info or other information to be displayed in the footer (left side).

Thank you very much for buying this theme and I’ll do my best to assist if you need any help but i’ll believe when you read the help file thoroughly it would not be any problem to install this theme. 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.

Want to know how to set up the featured image slider and portfolio sections. A fully detailed guide is located here together with a few screen casts.

Highlights

BadaBoem a two highlights which you can use to point out important text paragraphs, the colors are red and the theme’s color your using. This is the theme’s color highlight and this is the red one.

To use them just insert this without the spacing between the [ and the first and last letter.

[ highlight_dark ] theme’s color highlight [ /highlight_dark ] and this is
the [ highlight_red ] red one [ /highlight_red ]

Button Links

You're able to use buttons inside your posts in very easy way, look at the examples below:

Click here

I'm a very very very looooong button link. You should click me!

To use them just insert this without the spacing between the [ and the first and last letter.

[ button_light url="http://google.com" ] Click here [ /button_light ]

[ button_light url="http://google.com" ]I'm a very very very looooong
button link. You should click me![ /button_light ]

Information Boxes

You're also able to use information boxes inside your posts in very easy way, look at the examples below:

This is a info message, replace the text to ad your own

This is a warning message, replace the text to ad your own

This is a download message, replace the text to ad your own

To use them just insert this without the spacing between the [ and the first and last letter.

[ info_box ]This is a info message, replace the text to ad
your own[ /info_box ]

[ warning_box ]This is a warning message, replace the
text to ad your own[ /warning_box ]

[ download_box ]This is a download message, replace
the text to ad your own[ /download_box ]

Content Toggle

BadaBoem also has a togle short-code, it's really handy for long pages of text or when you want to split something up, have a FAQs page or whatever.

• Title 1

  Sed quis nisl massa, ut laoreet purus. Curabitur vitae ipsum vitae elit volutpat tristique. In nec tristique eros. Donec augue felis, pellentesque at feugiat et, dignissim sit amet ipsum. Maecenas rhoncus viverra justo. Nam tempor aliquet eros. Vivamus quis lectus nec odio feugiat posuere ut id leo. Etiam vulputate ante eget augue tempus vitae sollicitudin dui cursus. Etiam mauris sem, blandit at placerat sed, bibendum a risus.

• Title 2

  Sed quis nisl massa, ut laoreet purus. Curabitur vitae ipsum vitae elit volutpat tristique. In nec tristique eros. Donec augue felis, pellentesque at feugiat et, dignissim sit amet ipsum. Maecenas rhoncus viverra justo. Nam tempor aliquet eros. Vivamus quis lectus nec odio feugiat posuere ut id leo. Etiam vulputate ante eget augue tempus vitae sollicitudin dui cursus. Etiam mauris sem, blandit at placerat sed, bibendum a risus.

• Title 3

  Sed quis nisl massa, ut laoreet purus. Curabitur vitae ipsum vitae elit volutpat tristique. In nec tristique eros. Donec augue felis, pellentesque at feugiat et, dignissim sit amet ipsum. Maecenas rhoncus viverra justo. Nam tempor aliquet eros. Vivamus quis lectus nec odio feugiat posuere ut id leo. Etiam vulputate ante eget augue tempus vitae sollicitudin dui cursus. Etiam mauris sem, blandit at placerat sed, bibendum a risus.

To use them just insert this without the spacing between the [ and the first and last letter.

[ toggle ]

[ toggle_item title="Title 1" ]

Sed quis nisl massa, ut laoreet purus. Curabitur vitae
ipsum vitae elit volutpat tristique. In nec tristique eros.
Donec augue felis, pellentesque at feugiat et.

[ /toggle_item ]

[ toggle_item title="Title 2" ]

Sed quis nisl massa, ut laoreet purus. Curabitur vitae
ipsum vitae elit volutpat tristique. In nec tristique eros.
Donec augue felis, pellentesque at feugiat et

[ /toggle_item ]

[ toggle_item title="Title 3" ]

Sed quis nisl massa, ut laoreet purus. Curabitur vitae
ipsum vitae elit volutpat tristique. In nec tristique eros.
Donec augue felis, pellentesque at feugiat et

[ /toggle_item ]

[ /toggle ]

Good and Bad list

To use them just insert this without the spacing between the [ and the first and last letter.

[ goodlist ]
<ul>
	<li>Lorem ipsum dolor sit amet</li>
	<li>Lorem ipsum dolor sit amet</li>
	<li>Lorem ipsum dolor sit amet</li>
	<li>Lorem ipsum dolor sit amet</li>
</ul>
[ /goodlist ]

[ badlist ]
<ul>
	<li>Lorem ipsum dolor sit amet</li>
	<li>Lorem ipsum dolor sit amet</li>
	<li>Lorem ipsum dolor sit amet</li>
	<li>Lorem ipsum dolor sit amet</li>
</ul>
[ /badlist ]

Then the last thing we have is the column shortcodes, go to this page and find out how to use them.

Then create the categories you need, this depends of course on which profession your having. I’ve used Graphic, Photographic, Webdesign and video for the demo. After you’ve done this we need to ad the portfolio items. Click on Add New

I’m not going over every single item in this page, just look at the screen-cast below to find out how it works.

Then when you have imported the xml file containing the dummy content you will find the slider items inside this section. Open up slide1 and set the Featured Image, this image has to be 950 x 345 px, the thumbnail is automatically generated. All you need to do is ad the title and ad the link to the Slider Link Url field.

Continue to do this until you’ve got all 5 images done. There’s now way to ad more then 5 because then the thumbs will break down, maybe in a future update we will ad navigations for the thumbs but for now it’s all there is.