Backbone

Installing Backbone Theme

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

  1. Installing via WordPress Dashboard

    add-themes

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

    Once you get into that page, click the add new button at the top to install the ZIP theme file.

  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 is 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. You can check WordPress minimum requirements here
  • If you can’t proceed the theme installation using the first step, please follow the second step to proceed
  • 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)

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-network

  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-add-settings

  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-form-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

Start of page

Theme 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

Layout Options

This theme have several extra options you can use to tweak your site looks without have to add any code or anything. Just by visiting: WordPress dashboard → Backbone → Layout Settings, you can modify all of it.

General Styling

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

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. Heading Font Styles: At these options you can set the font type, color and size of text that wrapped inside heading tag

Layout

general-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

general-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

general-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

general-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

general-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

general-navigation-styling

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

Start of page

Theme 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

Theme Update

update

To access the update page, you can go to:WordPress dashboard → Backbone → Updates.

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.

Automatic Update

At Backbone theme, we have a feature which will help you to get the latest updates from us. You can update your framework first before updating your theme, this framework will bring several bug fix (the kitchen codes, core files). Also there is an automatic theme update which will help you to update the theme easily. If you have a problem when do the update, please:

  • Make sure if your hosting provider support cURL feature
  • Make sure if folder directory named wp-content permission at least 755 or 777
  • Make sure if you are using the login information which is given when you purchase our products, also make sure if the information is valid. You can check your login information by login into our member site

Theme Manual Update

If you are facing a problem with the automatic update (failed, white screen, etc.), update both the theme and framework manually is recommended.

To do it, an access to FTP is needed. You can use a third party FTP agent such as FileZilla, etc.

Proceeding The Manual Update

To proceed the update, first you need to logging in into your FTP and go to directory: wp-content → themes. Rename the backbone folder that available on that directory into any name you want, for example ‘old-backbone’ (for a backup).

Then upload the Backbone folder you extract earlier via FTP to directory: wp-content → themes. As right now the update process already done, but your theme is not yet 100% compatible with the newest WordPress version.

Upload the framework files you have (excluding the folder you made) to directory: wp-content → themes → backbone → functions and replace all files available and done.

To complete the update, go to your WordPress dashboard → Backbone and click the ‘save changes’ button.

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
  • If you get a notification that your account cannot be used for update, renew your password at our member page. Make sure if you are not using to much special character

Miscellaneous

Adding Page

add-pagee

To create a page, you can go to: WordPress dashboard → Pages → Add New.

  1. Page Title: At this field you can type a title for your page
  2. Shortcode: This theme bring a lot of shortcodes that will help you to create a wonderful post. To do it, you can simply click the Lemuel’s head and pick which shortcode you want to use
  3. Page Template: This theme is coming with several page templates that can be used to improve your website’s feature. For example you can create a blog page (that will displaying a list of all posts you have), a sitemap (that will indexing all posts, categories, tags, pages, everything you have on one single page), and many more.
    In order to use it, you can just need to pick which page template you want to use, type the page title and finally publish it
  4. Custom Layout: At this option, you can set the layout of your page. With this option, you are free to set where does the sidebar(s) should be displayed.
    You are free to choose how many sidebar(s) you want to use
  5. SEO Settings: These options will let you to configure the posts’s SEO indexing.
    By default, all URL(s) you put inside the page will be ignored. By turning on Set Follow, the SEO feature will let the search engine to also indexing those URL(s).
    And by turning on Set NoIndex, you will preventing the search engine to indexing your page. Or simply you can say that you are hiding your page

Adding Post

add-post

To create a new post, you can go to: WordPress dashboard → Posts → Add New.

  1. Page Title: At this field you can type a title for your page
  2. Shortcode: This theme bring a lot of shortcodes that will help you to create a wonderful post. To do it, you can simply click the Lemuel’s head and pick which shortcode you want to use
  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:
      <iframe src="http://www.youtube.com/embed/PVPt0LN2ssA" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe> 

      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. Enable/Disable Ads: At this option you can choose whether you want to displaying an ads or not at the single post page. You can choose to displaying the ads that configured via the theme dashboard, hide it or you can also use a custom ads (can be configured)
  5. Custom Layout: At this option, you can set the layout of your page. With this option, you are free to set where does the sidebar(s) should be displayed.
    You are free to choose how many sidebar(s) you want to use
  6. SEO Settings: These options will let you to configure the posts’s SEO indexing.
    By default, all URL(s) you put inside the page will be ignored. By turning on Set Follow, the SEO feature will let the search engine to also indexing those URL(s).
    And by turning on Set NoIndex, you will preventing the search engine to indexing your page. Or simply you can say that you are hiding your page

Adding Portfolio

add-portfolio

This theme have an extra post type named portfolio. This post type can be used to displaying your work result/project.

To create a new portfolio, you can go to: WordPress dashboard → Portfolio → Add New.

  1. Portfolio Title: At this field you can type a title for your portfolio
  2. Shortcode: This theme bring a lot of shortcodes that will help you to create a wonderful post. To do it, you can simply click the Lemuel’s head and pick which shortcode you want to use.The most popular item is table, tabs, action button, etc.
  3. Types: At this option you can choose which types you want to set for the portfolio. You can choose the existing or create a new type(s). This feature is mandatory when you are deciding to use a page template
  4. Portfolio Details: These fields can be filled by the information of your work/project. For example you can add the year of the project, designer, developer, producer and also the website URL of that project

Adding Photoblog

add-photoblog

This theme have an extra post type named photoblog. By using it, you can publish your photography work. If you think that you doesn’t need this extra post type, you can turn it off via theme dashboard.

To create a new photoblog, you can go to: WordPress dashboard → photoblog → Add new.

  1. Photoblog Title: At this field you can type a title for your photoblog
  2. Shortcode: This theme bring a lot of shortcodes that will help you to create a wonderful post. To do it, you can simply click the Lemuel’s head and pick which shortcode you want to use.The most popular item is table, tabs, action button, etc.
  3. Categories: At this option you can choose which category you want to set for the post. You can choose the existing or create a new category(ies). This feature is mandatory when you are deciding to use a page template
  4. 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:
      <iframe src="http://www.youtube.com/embed/PVPt0LN2ssA" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe> 

      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)

Adding Slides

add-slide

  1. Post Title: At this field you can type a title for your post
  2. Shortcode: This theme bring a lot of shortcodes that will help you to create a wonderful post. To do it, you can simply click the Lemuel’s head and pick which shortcode you want to use.The most popular item is table, tabs, action button, etc.
  3. Slide Groups: Since it is a custom post type, this is a variation of the category. By using it, you can manage your slides
  4. Featured Image: Upload an image as your post’s thumbnail image. This option is mandatory to be filled since all page templates including the main page will displaying your post’s image thumbnail

Once you already create a slide (and make sure if you add it into the slide groups), you can embed your slides into anything you want, for example add it into your post, page, portfolio or photoblog.

To do it, you can click the add media button and choose laboratory slider to choose which slide(s) you want to add based on its group.

Slider Configuration

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

custom-slider

  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

Start of page

Add Custom Menu

menus-equilibria

Entreprenium support to have 2 custom menus, 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

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 is Main 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.

Adding Widget Item

add-widget

By using this theme, you have 3 sidebar sections you can use to displaying your widget items. To access it, you can go to: WordPress dashboard → Appearance → Widget.

This theme also have a feature that allowing you to create a custom sidebar for a specific post, page, anything you want. By this feature, you can have a different widget item per page.

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 Items: At this option panels, you can choose which item 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

Import/Export Theme Settings

import-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 → Backbone→ Import/Export Settings

Dummy Content

If you need to have the same content and also display as our demo page, you can open the theme zip packages and you will find a folder named dummy-content. Inside the folder, there are XML files you can use. This file will bring all posts, pages, ads, thumbnail, etc. from our demo page. To use this file you can go to WordPress dashboard → Tools → Import. At this page you will be asked to install the importer plugin, after installing the plugin, choose import from WordPress and upload this file.

Start of page

Why Colorlabs

Colorlabs & Company is a group of WordPress-infused people who have been juggling codes and scripts to make WordPress better and more beautiful since 2008.

We have a collection of 13+ premium WordPress themes covering all types of websites for all kinds of publishers. We always keep everything up to date and follow the latest web design trends.

Collaborate with Us

Are you passionate about WordPress design and always caught doing creative experiments? If you are, we want you!

Need Some Help?

Either with the basics or complicated technical stuff, our support agents will ensure your problems get solved.