Bent - Wordpress Theme | Documentation v1.0 - 29 Oct 2012


Bent - Wordpress Theme


Thank you for purchasing the Bent WordPress theme


Congratulations on purchasing the Bent theme. The setup is easy and you'll find the theme admin panel includes lots of useful options. Bent is designed to work with the WooCommerce plugin. Be sure to install the plugin.

Okay, lets dive in:

  1. Installing Wordpress
  2. Installing the Bent theme and WooCommerce
  3. Adding Menus
  4. Setting up Slider
  5. Adding Homepage
  6. Adding Contact Page
  7. Adding Blog Page
  8. Widgets and Sidebars
  9. Video Posts
  10. WooComerce
  11. bbPress
  12. Shortcodes
  13. Credits

If you have not set up your Wordpress installation yet, download the latest Wordpress version here: http://wordpress.org/download/.

You can find info on installing wordpress here: http://codex.wordpress.org/Installing_WordPress.

In order to install the theme, you have two options:

In order to activate the Theme:

  1. Log into your Wordpress admin using the following URL: http://yourdomain.com/wp-login.php
  2. Next, go to Appearance > Themes. Here, you should see a thumbnail of bent theme.
  3. Click on the Activate link to activate this theme.
  4. You will be prompted to intall the LayerSlider and WooCommerce plugins. Click to install and follow the prompts.

1

1

 

Overview

This theme has a custom menu. A main navigation menu called 'main-menu'

Setting up the Menus

Create the menu:

1

  1. Go to Appearance > Menus
  2. Add Menu Name
  3. Click Create Menu
  4. Then select it from Theme Locations
  5. Save
  6. Select the pages that you want in the menus
  7. Add to Menu
  8. Re-arrange them
  9. Save menu

 

Adding Slides

slider

  1. Go to LayerSlider WP (in the WP sidebar admin)
  2. Click on Import Settings
  3. Paste the code from the 'slider' folder included in your ThemeForest download.
  4. This will setup the basic slider functionality. You can of course change the images, slides, text etc..

 

  1. Create a new page using the Home Page template..

homepage

  1. Go to WP settings/reading as shown below and set the page as your front page.

homepage

 

contact

  1. Create a new Page and select the 'Contact' template. That's it! The form will be added and emails will be sent to the administrator.
  2. You can add/name a new custom sidebar to be used with your contact page

contact

  1. To add a google map to your contact page click on the checkbox in the theme settings panel under the "Contact Page Settings" tab
  2. Fill in the Latitude and Longitude to center the map.

 

blog

  1. Create a new Page and select the 'Blog + Sidebar' or 'Blog / Full-width' template.

 

  1. Go to Appearance > Widgets

widgets

 

Adding New Sidebars

  1. When you create a page or post you can simply add the name of a new sidebar and it will be dynamically created.
  2. You can then go to Appearance/Widgets and add widgets to your new sidebar.

 

footer

  1. Add a post as you normally would. Add your video embed code in the "Video" metabox as shown above.

 

footer

  1. Please refer to the WooCommerce documentation located here.

 

footer

  1. Please refer to the bbPress documentation located here.

 

Columns

[one_third][/one_third]
[two_third][two_third]
[one_half][/one_half]
[one_fourth][/one_fourth]
[three_fourth][/three_fourth]

Icons (get all icon names here)

[icon style="icon-star"][/icon]

Progress Bars

[progress style="information" width="20%"][/progress]
[progress style="warning" width="40%"][/progress]
[progress style="danger" width="60%"][/progress]
[progress style="success" width="80%"][/progress]

Buttons

[button color="blue" link="contact"]Button[/button]
[button color="green"]Button[/button]
[button color="orange"]Button[/button]
[button color="purple"]Button[/button]
[button color="red"]Button[/button]

Twitter Feed

[twitter]

Notifications


[warning]warning message...[/warning]

[error]An error message... [/error]

[info]Information... [/info]

[success]Success message... [/success]
  1. WordPress
  2. jQuery
  3. Google Fonts
  4. Isotope
  5. Twitter Bootstrap
  6. LayerSlider
  7. WooCommerce Plugin
  8. bbPress Plugin