Documentation

All the help you need to get started with our premium WordPress themes, plugins and skins

Have a question? Contact Us

Backbone

Installing Backbone Theme

There are two ways to install Backbone theme on your WordPress:

1. Installing via WordPress Dashboard

install

To install the theme via WordPress dashboard, you can go to WordPress Dashboard → Appearance → Themes.

Select upload to uploading the zip file you get from our member page to install the theme.

2. Installing via FTP

After you download the zip file from our member page, extract the file to your PC. Then, access your FTP using any FTP client (for example FileZilla), go to directory: wp-content → themes.

Upload the extracted theme folder (Backbone theme folder) to that directory. After the upload process complete, you can go to WordPress dashboard → Appearance → Themes to activate Backbone theme you just upload.

Got an error during installation process? Try this following action:

  • Make sure you are using the latest version of WordPress
  • Make sure your hosting is running the latest version of PHP and MySQL
  • If installing via WordPress dashboard doesn’t work, try to upload manually via FTP (FileZilla)
  • Make sure if your server folder is not protected. The common error message will say: Unable to create directory wp-content/sample-folder/. Is its parent directory writable by the server? (ask your hosting tech. guy if you got this error message)

Got an error during update process?

  • Make sure if your hosting provider have cURL feature enabled
  • Theme folder (wp-content → themes) CHMOD is 777 or 755
  • Make sure if your username/password is correct and active
  • Make sure if you have the latest version of framework
  • Make sure if your server folder is not protected

Start of page

Theme Panel

Backbone is using a new version of our theme panel. This new panel will provide you to the more impressive experience to explore our themes.

There are 4 sub menus inside of it. They are:

Dashboard

Dashboard panel contains a few of settings to customize Backbone theme. Within this panel you can configure the theme and customize its layout. Just drag and drop the option from the left column into the right column to show all sub-options inside of it.

SEO Settings

This feature will help you who just new to WordPress. With this feature you don’t have to think about SEO, we already prepared all of your needs here, but still it is just a basic SEO function.

For you who have already known or maybe expert on WordPress, you can download many SEO plugins which are available at WordPress.org

Customizer Importer

import-customizr

This feature talking about WordPress v 3.4.1 new feature, Customizer. This function will help you to import/export what you have customize on customizer. To import the customizr settings, you can go to the theme demo page and click on Customizr icon (brush icon).

customizr

Updates

update

If there is an update available, update feature will tell you by a notification. You can update your framework and theme automatically but be careful because if your site already modified a lot with theme update function, all of your work will be gone. So please make a back-up files first before updating your theme.

Note:

  • If you have already updated your framework but you got an empty page (blank page), just refresh your page
  • When you are trying to update the theme and there is an error message displayed: this account is illegible, please try to: update using different browser, make sure if the framework is up-to-date, wait for several minutes (5 – 60 minutes) after you got an error message. Also please try to update your password, make sure if you are not using too many special characters

For theme update, make sure that your wp-content folder is not protected and also cURL is enabled at your hosting provider.

Page Template

Backbone have several page templates which you can use them to improve your blogging experience. To create it, you can follow these instructions below:

add-page

  1. Page Template: Backbone have several page templates that can be used to help you create a great blog. They are: portfolio, photoblog, magazine, blog, contact, sitemap, advanced search and business. To create a page with a template on it, type a name for your page, choose a template then publish it
  2. Custom Layout: At this option you can set the sidebar position and how many sidebar you want to use. This option will affect only on this page. For some template, this option won’t work, such as business template
  3. SEO: You can set the SEO options here individually. You can set SEO_follow (allow search engine to crawl on your post) or SEO_noindex (prevent search engine to crawl on your post). By installing a plugin for SEO, this feature will be automatically deactivate

Advanced Search Template

advanced-search

Business Template

business-template

Contact Page Template

contact-template

Magazine Template

magazine-template

Photoblog Template

photoblog-template

Portfolio Template

portfolio-template

Sitemap Template

sitemap-template

Add Post

add-post

  1. Shortcodes: With Backbone theme you can use many useful shortcodes to help you make a great post such as table, buttons, column design, etc.
  2. Item To Show: There are 3 options available:
    • None: This is the default value if you are not going to use the other 2 options
    • Custom Post Image: Basically custom post image is same as featured image which will not displayed on post content, just as the post thumbnail
    • Video Embed Code: To have a video thumbnail displayed, you have to put the video embed code to this text area. Your code should be displayed like this one:
      <br /><iframe src="http://www.youtube.com/embed/PVPt0LN2ssA" height="315" width="560" allowfullscreen="" frameborder="0"></iframe><br />

      Make sure if you only use an embed code from popular video sharing like Youtube or Vimeo (to make sure if the video displayed well on mobile device)

  3. Image Crop Alignment: By this option you can set the thumbnail image crop position
  4. Enable/Disable Ad: At this option you can choose whether you want to disable the ad that displayed on the single post or displaying the ads that can be configured via theme dashboard. And you can also using a custom ads that will be displayed only on this post
  5. Layout: At this option you can set the position of sidebar, you can set it to be displayed at left or right (this feature will overlap the setting available at theme dashboard)
  6. SEO: You can set the SEO options here individually. You can set SEO_follow (allow search engine to crawl on your post) or SEO_noindex (prevent search engine to crawl on your post)

Add Portfolio

add-portfolio

In order to create a portfolio, you can go to: WordPress dashboard  → Portfolio → Add New

  1. Year: At this option you can type the published year of your portfolio
  2. Designer: At this option you can type the name of the designer of your portfolio
  3. Developer: At this option you can type the name of the developer team of your portfolio
  4. Producer: At this option you can type the name of the producer of your portfolio
  5. Link: At this option you can type the URL of your portfolio
  6. Featured Image: If you need to upload an image, then you can use featured image
  7. Portfolio Type: Portfolio type bassicaly is the same as default post category

Add Photoblog

add-photoblog

In order to create a portfolio, you can go to: WordPress dashboard  → Photoblog → Add New

  1. Shortcodes: With Backbone theme you can use many useful shortcodes to help you make a great post such as table, buttons, column design, etc.
  2. Featured Images: If you need to upload an image, then you can use featured image
  3. Item To Show: There are 3 options available:
    • None: This is the default value if you are not going to use the other 2 options
    • Custom Post Image: Basically custom post image is same as featured image which will not displayed on post content, just as the post thumbnail
    • Video Embed Code: To have a video thumbnail displayed, you have to put the video embed code to this text area. Your code should be displayed like this one:
      <br /><iframe src="http://www.youtube.com/embed/PVPt0LN2ssA" height="315" width="560" allowfullscreen="" frameborder="0"></iframe><br />

      Make sure if you only use an embed code from popular video sharing like Youtube or Vimeo (to make sure if the video displayed well on mobile device)

  4. Image Crop Alignment: By this option you can set the thumbnail image crop position

Start of page

Theme Options

General Settings

general-settings

  1. Settings: To modify this options you can go to WordPress dashboard → Backbone → Dashboard → General Settings
  2. Use Blog Title/Logo: At this option you can choose to displaying a custom logo or your blog title
  3. Custom Logo: If you already set the option number #2 as Custom Logo, then at this option you can upload a custom logo that will be displayed at header section. The best image resolution you can upload is 260 x 60px
  4. Custom Favicon: At this option you can upload a custom favicon
  5. Post/Page Comment: At this option you can choose where does the comment form should be displayed. You can set the comment form to be displayed only on post/page or not on both
  6. Pagination Style: At this option you can change the page pagination style. You can set it to be displayed as default next/previous pagination or the numbered pagination style
  7. Display Breadcrumbs: At this option you can choose to display/hide the breadcrumbs that displayed on the single post
  8. Post Content: At this option you can choose whether you want to displaying an excerpt of the post or a full content of your post
  9. Disable Responsive: There might be some of you who want to get the same display at PC and also gadget (smart phone, tab). With this feature you can disable the mobile view

Social Networking Settings

social-settings

  1. Settings: To modify this options you can go to WordPress dashboard → Backbone → Dashboard → Social Networking Settings
  2. Social URL: You can choose which social networking icons should be displayed by put your social URLs at the available fields
  3. Enable/Disable Social Share Button: At this option you can choose which social share buttons should be displayed

Subscribe Settings

subscribe-settings

  1. Settings: To modify this options you can go to WordPress dashboard → Backbone → Dashboard → Subscribe Settings
  2. Subscribe By E-mail: You can activate the e-mail subscription feature by putting your FeedBurner ID on this field
  3. Enable RSS: At this option you can choose whether you want to displaying the RSS feed link or not
  4. Enable Subscribe Feature on Single Post/Page: At this option you can choose whether the subscription form should be displayed on the single post/page or not

Thumbnail Settings

thumbnail-settings

  1. Settings: To set this options go to WordPress dashboard → Backbone → Dashboard → Thumbnail Settings
  2. Featured Images: If this option is active, an image which is set as featured will be displayed as your post/page thumbnail
  3. Dynamic Resize: If this option is active, your image will dynamically resized, this feature require a PHP version minimum v 5.2 (higher is better)
  4. Hard Crop: If this option is active, your image will hard cropped, this feature is using timthumb to proceed
  5. Timthumb Image Resizer: If this option is inactive, all options on timthumb settings will be turned off
  6. Automatic Thumbnail: By default if option #2 is active, this option will take any image available on your post/page as your post/page thumbnail (first image uploaded on your post/page or featured image), but featured image is priority (if option #2 is active)
  7. Image on RSS Feed: If this option is active, you will have an image on your RSS feed

Analytics Settings

rss-settings

  1. Settings: To modify this option you can go to WordPress dashboard → Backbone → Dashboard → Analytics ID, RSS Feed Settings
  2. Enable Press Trens Tracking: This feature will help us to report if there is a bug detected at theme you are using, and also this feature will tell us how does our client use the theme. There will be not any of your personal information sent to us. This option is optional, but we recomend to enable this option
  3. Google Analytics: You can also use Google Analytics by inserting your code here
  4. GoSquared Token: At this option you can put your GoSquared token to activate the GoSquared analytics feature
  5. Feed Burner: If you want to have a RSS link active at your site, then you will need to put your FeedBurner url and also FeedBurner comments url here

Footer Settings

footer-settings

  1. Settings: To modify this option you can go to WordPress dashboard → Backbone → Dashboard → Footer Settings
  2. Custom Affiliate Link: This option will give an ability to change the default credit URL. By default the custom credit will be displayed on the right credit
  3. Enable Custom Footer Left: At this option you can choose whether the custom credit on the left should be displayed or not. Once you activate this option, another text area option will be displayed. On this text area you can type any HTML tag
  4. Enable Custom Footer Right: At this option you can choose whether the custom credit on the right should be displayed or not. Once you activate this option, another text area option will be displayed. On this text area you can type any HTML tag

Post Settings

post-settings

  1. Settings: To modify this option you can go to WordPress dashboard → Backbone → Dashboard → Post Settings
  2. Disable Post Author: You can choose whether the post author name should be displayed or not
  3. Enable Related Post: At this option you can choose whether the related post should be displayed or not. Related posts is generated by tag

Magazine Settings

magazine-template-settings

This options will affect only on magazine page template

  1. Settings: To modify this option you can go to WordPress dashboard → Backbone → Dashboard → Magazine Settings
  2. Featured Slider: At this option you can choose whether the slider should be displayed or not
  3. Featured Slider Title: At this option you can type a custom name for your slider
  4. Featured Slider Excerpt: At this option you can choose whether the excerpt on the slider should be displayed or not
  5. Featured Excerpt Length: If you set the option number #4 to be active, then at this option you can set how long the excerpt will be
  6. Featured Slider Tag: The slider on magazine template is controlled by post tag. Then, at this option you can type any post tag(s) which post will be displayed on the slider
  7. Featured Slider Height: At this option you can set the height of the slider. The default value is 320
  8. Featured Slider Post: At this option you can set how many post(s) should be displayed on the slider
  9. Featured Category: At this option you can choose which post category should be displayed at featured category section
  10. Featured Posts: At this option you can set how many post should be displayed at featured category section
  11. Featured Image Dimension: At this option you can set the dimension of featured category thumbnail (height and weight)
  12. Exclude Category From Magazine Template: At this option you can type any category ID you want to exclude (not to be displayed on magazine template). If you don’t know how to check the post category ID, then you can watch this tutorial video
  13. Normal Posts: At this option you can set how many post(s) should be displayed on normal post section. Note: any post(s) which already displayed on the slider or featured category section will not be displayed on this section
  14. Normal Post Image Dimension: At this option you can set the dimension of normal post thumbnail
  15. Normal Post Image Alignment: At this option you can set the position of the image that will be displayed on normal post section
  16. Normal Post Excerpt Length: At this option you can set the length of excerpt that will be displayed on normal post section
  17. Magazine Page Layout: At this option you can set the position of the sidebar. You can set the sidebar to be displayed on left/right

Portfolio Settings

portfolio-settings

This options will affect only on portfolio template

  1. Settings: To modify this option you can go to WordPress dashboard → Backbone → Dashboard → Portfolio Settings
  2. Disable Portfolio Menu: If you turn on this option, then portfolio on your WordPress dashboard will be hidden (you have to refresh your dashboard first before get the effect of this option)
  3. Portfolio Description: At this option you can type some explanation about your portfolio. On this text  area you can also type any HTML tag
  4. Contact Page: This option can be used only if you already made a page using contact page template. Point this option to your contact page

Photo Blog Settings

photoblog-settings

This option will affect only on photo blog template

  1. Settings: To modify this option you can go to WordPress dashboard → Backbone → Dashboard → Photoblog Settings
  2. Disable Photoblog Menu: If this option is active, then Photoblog on your WordPress dashboard will be hidden (in order to take the effect of this option you have to refresh your page)

Business Template Settings

business-template-settings

This option will affect only on business template

  1. Settings: To modify this option you can go to WordPress dashboard → Backbone → Dashboard → Business Settings
  2. Featured Slider: At this option you can choose whether the slider should be displayed or not
  3. Business Slider Section: At this option you can choose which posts should be displayed on the slider based on its tag
  4. Business About Section: This option can be used only if you already have at least 1 page. Once you have the page, you can point this option to your page. Business about section will only displaying an excerpt of your page
  5. Phone Number: At this option you can type your phone number. This phone number cannot be clicked, but as a display only
  6. Address: At this option you can type the address of your business
  7. E-mail Address: At this option you can type your e-mail address. This e-mail address cannot be clicked, but as a display only
  8. Business Section #1: This option cannot be used unless you already have at least 1 page. Once you have the page, point this option to that page. This section will displaying your page excerpt and thumbnail
  9. Business Section #2: This option cannot be used unless you already have at least 1 page. Once you have the page, point this option to that page. This section will displaying your page excerpt and thumbnail
  10. usiness Section #3: This option cannot be used unless you already have at least 1 page. Once you have the page, point this option to that page. This section will displaying your page excerpt and thumbnail
  11. Enable Footer E-mail Subscribe: At this option you can choose whether the subscribe forms should  be displayed on footer section or not

Top Ad Management Settings

top-ad-management

  1. Settings: To modify this option you can go to WordPress dashboard → Backbone → Dashboard → Top Ad Management Settings
  2. Enable Ad: At this option you can choose to activate or hide the ads displayed on the header section.
    • Adsense Code: At this option you can type any adsense code you have
    • Image Location: If you don”t have any adsense code, then you can upload an image to this option, then put an URL at  destination URL option. If previously you already add something in adsense code option, then this image will be hidden

Single Ad Settings

single-ad-settings

  1. Settings: To modify this option you can go to WordPress dashboard → Backbone → Dashboard → Single Ad Management Settings
  2. Enable Ad: At this option you can choose to activate or hide the ads displayed on the header section.
    • Adsense Code: At this option you can type any adsense code you have
    • Image Location: If you don”t have any adsense code, then you can upload an image to this option, then put an URL at  destination URL option. If previously you already add something in adsense code option, then this image will be hidden

Contact Form Settings

contact-settings

  1. Settings: To set this options you can go to WordPress dashboard → Backbone → Dashboard → Contact Form
  2. Destination E-mail Address: If you already create a page with page template contact, then at this option you have to put your e-mail address. Any inquiry made on your contact page template will be send to this e-mail address

Shareaholic Settings

shareaholic-settings

  1. Settings: To set this options you can go to WordPress dashboard → Backbone → Dashboard → Shareaholic Integration
  2. Social Sharing Buttons: By turning on this option you will have a social share buttons displayed only on your single post
  3. Related Content Widget: By turning on this option you will have a new widget to displaying post related content
  4. Related Content Thumbnail: By turning on this option you will have a thumbnail displayed on the related content widget
  5. Number of Related Posts to Show: At this option you can set how many posts should be displayed at related content widget

Start of page

SEO Settings

This feature is added for them who just new to WordPress, this feature just a simple SEO settings. For the expert or the one who known WordPress well, usually they will search for another SEO plugins which are more powerful.

Page Title

seo-settings

Go to Backbone → Dashboard → SEO Settings → Page Title. In this section, there are options to set how the title of every page in your website will be displayed. They are:

  1. Option: To set this option, you can go to WordPress dashboard → Backbone → Dashboard → SEO tab
  2. Blog Title: Specify a text you want to display as a blog title
  3. Blog Description: Specify a sentence you want to display as a blog description
  4. Separator: Specify a character you would like to use as a separator in page title
  5. Custom Page Titles: Enable or disable this feature on your website. If you enable this option, there are additional options available. They are:
    • Homepage Title Layout: You can define the order of the elements on your homepage
    • Single Title Layout: You can define the order of the elements on the single title layout
    • Page Title Layout: You can define the order of the elements on the page title layout
    • Archive Title Layout: You can define the order of the elements on the archive title layout
    • Page Number: You can specify a text that precedes page number in page titles
    • Page Number Position: You can define the position you want to display the page number on your website

Description Meta

Go to Backbone → Dashboard → SEO Settings → Description Meta.

In this section, there are options to set meta description of your website. They are:

  1. Homepage Description: There are 3 options available to choose. Each option describes the source where the home page meta description is populated
  2. Custom Homepage Description: Specify a decription of your homepage
  3. Single Page/Post Description: There are 3 options available you can choose the source where the single page/post meta description is populated
  4. Global Post/Page Description: Enable or disable custom meta description on your posts and pages

Keyword Meta

Go to Backbone → Dashboard → SEO Settings → Keyword Meta.

In this section, there are options to set keyword meta of your website. They are:

  1. Homepage Keywords: There are 2 options available to choose. Each option describes the source where the homepage meta keywords is populated
  2. Custom Homepage Keywords: Specify a custom homepage keywords of your website. Separate each keyword using comma
  3. Single Page/Post Keywords: There are 3 options available you can choose the source where the single page/post meta keywords is populated
  4. Global Post/Page Keywords: Enable or disable custom meta keywords on your posts and pages

Indexing Options

Go to Backbone → Dashboard → SEO Settings → Indexing options. Options available:

  1. Archive Pages to Index: Select which archive page to be indexed
  2. Add Follow Meta to Posts and Pages: Enable or disable a feature to add follow meta in all of your posts and pages

Advanced Options

Go to Backbone → Dashboard → SEO Settings → Advanced options. There is option available to enable or disable 3rd party plugin data and also there is an option to hide ColorLabs SEO Settings box from the post and page editing screens.

Start of page

Miscellaneous

Add Custom Menu

menu1

Backbone support to have 1 custom menu, to set custom menu you can go to WordPress dashboard → Appearance → Menus. Then to set it, please follow the instructions below:

  1. Add/Modify Menu: You can choose to create a new menu group or edit an existing menu group
  2. Menu Group Name: You can rename or type a title for your custom menu
  3. Menu Items: You can choose what items should be available on your menu navigation. You can choose a page, post, category, tag or a custom URL

add-menu

After you create a custom menu group(s), you can choose Manage Location to set where does your menu groups should be displayed. The options available are Main Menu and Footer Menu.

Custom File Editor

custom-file-editor

Backbone also provide a custom CSS editor, so if you want to modify the looks of your site (CSS customization), you can do it here. If you write your CSS modification here, you will not need to worry to lose your work if there is an update for theme. Your custom.css file will be stored at directory wp-content → uploads

To access this page, you can go to WordPress dashboard → Backbone → Custom File Editor.

Import/Export Theme Settings

If you have to manage 2 or more sites that using the same theme, you can use this import/export settings feature. The output/input file should be a json file, and if you importing the settings from a site to another, your another site will have the same settings like your main site (only work perfectly if both site have the same category, tags and pages).

To access this page, you can go to WordPress dashboard → Neu → Import/Export Settings

Dummy Content

If you want to have the exact content (posts, images, pages, etc.) as our demo page, go to dummy content folder inside the zip file you have. You will got 2 files:

import-settings

  • XML
    This file will bring all posts, pages, images, etc. (the content) from our demo page. In order to use this file, go to WordPress dashboard → Tools → Import. Choose ‘import from WordPress’ (you will be asked to install an additional plugin to do the import)
  • JSON
    This file will bring all configuration made at our demo theme dashboard. In order to use this file, go to Backbone → Import/Export Settings

Front Page Display

reading-settings

To make sure if this theme working as displayed in the demo page, make sure if the front page configuration look alike as the image above.

You can also make the custom page template  as your default home page by set it at option Front Page Display. Set the option as Static Page, then choose your page template.

To configure front page display, you can go to WordPress dashboard → Settings → Reading Settings

Permalink Configuration

permalink-settings

Before you start using this theme, make sure if you already configure the permalink settings. To configure it, you can go to WordPress dashboard → Settings → Permalink

By default, the option is set to default. This option will displaying your post/page ID which is not save. Adjust the option to fit your needs as long as the option is not default

Start of page

Layout Options

General Styling

layout-general-styling

  1. Settings: To set this options you can go to WordPress dashboard → Backbone → Dashboard → Layout Settings Tab → General Styling
  2. Disable All Layout Styles: If this option is not active, then all configurations made on layout options will be ignored
  3. Background Color: At this option you can set the background color of your site
  4. Background Image: At this option you can upload an image to be your site background. If you already upload an image, then option number #3 will be ignored
  5. Background Image Repeat: If you already upload an image to option number #4, then you can set the repetition of your background image
  6. Link Color: At this option you can set the color link of your site, this option will affected all links available
  7. Link Hover Color: At this option you can set the hover link color of your site, this option will affected all links available
  8. Button Color: At this option you can set the button background color of your site, this option will affected all buttons available
  9. Font Button Color: At this option you can set the button font color of your site, this option will affected all buttons available
  10. General Border Color: At this option you can set the border color of all buttons available on your site

General Typography

layout-general-typography

  1. Settings: To set this options you can go to WordPress dashboard → Backbone → Dashboard → Layout Settings Tab → General Typography
  2. General Text Font Styles: At this option you can set the font type,color, and size of text inside paragraph tag
  3. H1 Font Styles: At this option you can set the font type, color and size of text inside H1 tag
  4. H2 Font Styles: At this option you can set the font type, color and size of text inside H2 tag
  5. H3 Font Styles: At this option you can set the font type, color and size of text inside H3 tag
  6. H4 Font Styles: At this option you can set the font type, color and size of text inside H4 tag
  7. H5 Font Styles: At this option you can set the font type, color and size of text inside H5 tag
  8. H6 Font Styles: At this option you can set the font type, color and size of text inside H6 tag

Layout

layout-settings---layout

  1. Settings: To set this options you can go to WordPress dashboard → Backbone → Dashboard → Layout Settings Tab → Layout
  2. Main Layout: At this option you can set the position and number of sidebar(s) that will be displayed
  3. Footer Widget Areas: At this option you can set the number of footer widget(s) that will be displayed

Header Styling

layout-header-styling

  1. Settings: To set this options you can go to WordPress dashboard → Backbone → Dashboard → Layout Settings Tab → Header Styling
  2. Header Background Color: At this option you can set the background color of header section
  3. Header Background Image: At this option you can set the background image of header section. If you already set a color in option number #2, then those color will be ignored
  4. Header Background Image Repeat: If you already upload an image to option number #3, then you can set the repetition of the image
  5. Header Border Color: At this option you can set the header border color
  6. Header Margin Top/Bottom: At this option you can set the margin top/bottom of the header section. What you have to put on this field is just the number (without adding px)
  7. Header Padding Top/Bottom: At this option you can set the padding top/bottom of the header section. What you have to put on this field is just the number (without adding px)
  8. Header Padding Left/Right: At this option you can set the padding left/right of the header section. What you have to put on this field is just the number (without adding px)
  9. Site Title Font Style: At this option you can set the font type, color and size of your site blog title
  10. Site Descroption Font Style: At this option you can set the font type, color and size of your site tagline (description)

Post Styling

layout-post-styling

  1. Settings: To set this options you can go to WordPress dashboard → Backbone → Dashboard → Layout Settings Tab → Post Styling (this options will affect only on single post)
  2. Post Title Font Style: At this option you can set the font type, color and size of your post title
  3. Post Meta Font Style: At this option you can set the font type, color and size of your post meta (category, relase date, etc.)
  4. Post Text Font Style: At this option you can set the post content text font type, color and size
  5. Post More Font Style: At this option you can set the ‘read more’ link font type, color and size
  6. Post More Border Top: At this option you can set the read more link border top size, border type and color
  7. Post More Border Bottom: At this option you can set the read more link border bottom size, border type and color
  8. Post Author Background Color: At this option you can set the background of author section
  9. Post Author Border Top: At this option you can set the border top size and color of author section
  10. Post Author Border Bottom: At this option you can set the border bottom size and color of author section
  11. Comments Background Color: At this option you can set the comment list background color (only affect the even comments)
  12. Comments Background Color: At this option you can set the comment list background color (only affect the odd comments)
  13. Page Navigation Font Style: At this option you can set the page navigation font type, size and color
  14. Page Navigation Background: At this option you can set the page navigation background
  15. Page Navigation Border Top: At this option you can set the page navigation border top color and size
  16. Page Navigation Border Bottom: At this option you can set the page navigation border bottom color and size

Widget Styling

layout-widget-styling

  1. Settings: To set this options you can go to WordPress dashboard → Backbone → Dashboard → Layout Settings Tab → Widget Styling
  2. Widget Border: At this option you can set the widge border size and color
  3. Widget Title: At this option you can set the widget title font type, size and color
  4. Widget Title Bottom Border: At this option you can set the widget title bottom border size and color
  5. Widget Text: At this option you can set the widget text (paragraph text) font type, size and color
  6. Widget Rounder Corners: At this option you can set the widget side corner level (border radius)
  7. Tabs Widget Background: At this option you can set the background color of tab widget
  8. Tabs Widget Inside Background Color: At this option you can set the background color of section inside the tab widget
  9. Tabs Widget Title: At this option you can set the font type, size and color of tab widget
  10. Tabs Widget Meta/Tabber Font: At this option you can set the font type, size and color of tabs widget meta information

Footer Styling

layout-footer-styling

  1. Settings: To set this options you can go to WordPress dashboard → Backbone → Dashboard → Layout Settings Tab → Footer Styling
  2. Footer Text Styling: At this option you can set the font size, type and color of all text displayed on footer section
  3. Footer Background: At this option you can set the footer section background color
  4. Footer Border Top: At this option you can set the border top size and color of footer section
  5. Footer Border Bottom: At this option you can set the border bottom size and color of footer section
  6. Footer Border Left/Right: At this option you can set the border left/right size and color of footer section
  7. Footer Rounded Corners: At this option you can set the rounded border size of footer section (border radius)
  8. Footer Padding Left/Right: At this option you can set the padding left/right size of footer section

Navigation Styling

layout-navigation-styling

  1. Settings: To set this options you can go to WordPress dashboard → Backbone → Dashboard → Layout Settings Tab → Navigation Styling
  2. Subscribe Link: At this option you can set the subscribe URL to be displayed on right navigation (at top menu navigation right section)
  3. Background Color: At this option you can set the background color for menu navigation section
  4. Navigation Font Style: At this option you can set the menu navigation font type, size and color
  5. Hover Color: At this option you can set the hover color of menu navigation
  6. Current Menu Item Color: At this option you can set the color of current menu item
  7. Border Top: At this option you can set the menu navigation border top size and color
  8. Border Bottom: At this option you can set the menu navigation border bottom size and color
  9. Border Left/Right: At this option you can set the menu navigation border right/left size and color
  10. Navigation Rounder Corners: At this option you can set the menu navigation rounded corner level (border radius)

Add Slides

add-slide

To add the slides, you can go to: WordPress dashboard → Slideshows

  1. Featured Image: If you need to add an image to your slide, you can use the featured image
  2. Slide Groups: Slide groups is like an ordinary post category. This group is needed to be added, when your slide(s) already published, it will be called by the groups

Adding Slides To Post/Page

add-slider-to-post

To add the slide(s) into post/page, when you were editing/create a new post/page, click on add media to make a pop up window like above displayed.

Choose Laboratory Slide to displaying an option to add your slides. There are several options available that can be configured:

  1. Slideshow Types: There are 3 options you can choose in order to displaying a slider:
    • Attached Images: Choose this option if you want to displaying all image(s) attached to your post/page as a slider items
    • Slides: Choose this option if you want to displaying all slides post type you have made as a slider items (when you choose this option, a new option will be displayed. On those new option, you can choose which slider group you want to display)
    • Posts: Choose this option if you want to displaying your post(s) as a slider item. You can choose which posts will be displayed as a slider item based on its category
  2. Number of Slides: At this option you can set a limit of how many slides will be displayed
  3. Use Thumbnail for Pagination: At this option you can set the pagination type. You can set the pagination to be the slide item thumbnail by activate this option

Slider Settings

To configure the slider, you can go to: WordPress Dashboard → Backbone → Custom Slider

slider-settings

  1. General Settings:
    • Animation: At this option you can choose the animation of the slider. You can set this option to be fade or slide
    • Slide Direction: At this option you can choose the direction of the slider. You can set it to be slide horizontally or vertically
    • Slideshow Speed: At this option you can set the delay time for each slider
    • Animation Speed: At this option you can set the animation speed of the slider
  2. Controll Settings:
    • Animate The Slider Automatically: Activate this option to make the slider start sliding automatically
    • Slider Auto Height: Activate this option to make the height of the slider become flexible (follow the slider items height)
    • Next/Previous Navigation: Activate this option to displaying the next/previous navigation
    • Display Slider Pagination: Activate this option to displaying the slider pagination
    • Keyboard Pagination: Activate this option to make your slider can be controlled by your keyboard (left/right arrow)
    • Mouse Wheel Pagination: Activate this option to make your slider can be controlled by the mouse wheel
    • Play/Pause Event: Activate this option to enable play/pause button
    • Random Slide Items: Activate this option to make the slider displaying a random slide items
    • Loop Slideshow: Activate this option to make the slider continuously sliding
    • Pause The Slider When Previous/Next Navigation Pressed: Activate this option to make the slider stop sliding when next/previous button pressed
    • Pause Autoplay When Slider Hovered: Activate this option to make the slider stop sliding when the slide items hovered
  3. Button Settings
    • Previous Link Text: At this option you can type the label for the previous button
    • Next Link Text: At this option you can type the label for next button
    • Play Button Text: At this option you can type the label for play button
    • Pause Button Text: At this option you can type the label for pause button

Add Custom Sidebar

To access this page, you can go to: WordPress dashboard → Backbone → Manage Sidebar.

The concept of this custom sidebar is adding a sidebar that only exist on a page you set. But, in exchange you have to delete 1 default sidebar to displaying your custom sidebar.

By using this custom sidebar, you can have a different widget(s) displayed on your site based on what page is accessed.

custom-sidebar

  1. Select Pages: At this option panels, you can choose which page you want to modify. On Pages panel, you will have a lists of page(s) you have made, on Page Templates panel, you will have a lists of page templates that available, on Category panel, you will have a lists of post category. On Template Hirearcy you will have a lists of custom post types category. And on Custom Post Type panel, you will have a lists of custom post types available on Backbone
  2. Sidebar Name: On this field you have to type a name of your sidebar. This label will be displayed only on Widgets Page (WordPress dashboard → Appearance → Widgets)
  3. Sidebar To Replace: In order to displaying your custom sidebar, you have to delete one default sidebar. On this option, you have to choose which default sidebar you want to remove
  4. Sidebar Description: On this field you can type a description about the sidebar you made. This information will be displayed only on Widgets Page
  5. Manage Sidebar: On section, you will have a lists of custom sidebar(s) you have made. You can delete/remove or editing the sidebar properties

Start of page

Contact Us