1. Theme Overview
  2. Theme Installation
  3. Default Setup
  4. Homepage Setup
  5. Theme Admin Panel
  6. Custom Widgets
  7. Images
  8. Post Formats
  9. Shortcodes
  10. Theme Icons
  11. Plugins
  12. Translation
  13. Support

Bolid Theme

Documentation


Created:24.03.2013
By: Vergo

Support/Need some help?
Web: www.wpbox.net


Hello there...

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email me. Thanks so much!


 

 

 

 

Theme Instalation - top

Installation via WP Dashboard:
  1. Unzip the downloaded file,
  2. Go to Appearance >Themes,
  3. In Install Theme tab, choose "Upload",
  4. Then find bolid.zip file on your computer and press Install Now,
  5. After that activate theme,
  6. Go to Bolid Admin Panel and set Default styling settings.

 

Installation via FTP:
  1. Unzip the downloaded file,
  2. Upload barrci folder into Themes folder in your WordPress installation (/wp-content/themes) via FTP,
  3. Go to Appearance >Themes, find Bolid theme and activate it,
  4. Go to Bolid Admin Panel and set Default styling settings.

img

 

Default Setup - top

Right after the installation go to Bolid Admin panel

img

and hit "Save All Changes" button to set default style settings:

img

 

Homepage Setup - top

  1. In Pages section create new page called 'Home' and use for it Homepage template,
    doc
  2. Go into Settings > Reading and set created Home page as Static page,,
    doc
  3. You've prepared Homepage. Content will be set using Custom widgets (read more in chapter 6. Custom widgets)
  4. NOTE! It is possible that after activating Bolid theme are your thumbnails wrong cropped and looks ugly! In this case use this plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/ to regenerate old thumbnails from previous theme.

Theme Setup - Theme Option page - top

Bolid theme comes with extensive options panel with functions divided to these sections:

img

General Settings:
  1. Upload your header logo image,
  2. Upload favicon,
  3. Paste Analytics Tracking Code.

img

 

 

Styling Options - Primary, Secondary and Other styling:
  1. Choose body BG color,
  2. Choose Font family with color, style and width of the font,
  3. Choose colors for typographic elements: body text/links, heading and footer text/links, hovers etc.).

Note!:

  1. Primary styling means Main (content) area + borders,
  2. Secondary styling: Ticker and Footer section,
  3. Other styling: Elements color, Alternative BG color.

img

 

Headings Typography:
  1. Select Font-size for all headings (h1- h6) and navigation,
  2. Select Font-family for all headings (h1- h6) and navigation,
  3. Select font weight for all headings (h1- h6) and navigation,
  4. Select font color for all headings (h1- h6) and navigation.

img

Responsive Mode:
  1. Disable Responsive mode. Your website will be not responsive,
  2. Disable Header Ad in responsive mode,
  3. Disable Ticker in responsive mode.

img

Ticker:
  1. Select featured category for News Ticker,
  2. Disable this section (Note! Social Icons in this section will be disabled too!)

img

Post Settings:
  1. Turn On/Off partial post sections

img

Social Networks Settings:
  1. Enter the full URL of social network, your profile or account.

img

Custom Footer:
  1. Upload footer logo,
  2. Add some About Us text,
  3. Enable left custom footer and enter some text.
  4. Enable right custom footer and enter some text.

img

 

If you are finished click on "Save changes" button!

 

Custom Widgets - top

Theme comes with few custom widgets (marked as -Vergo). Widgets are very easy to setup. Just follow and set partial widgets fields.

img

 

All widgets with 'Home' in the name should be used in main - homepage widget section (called 'Homepage Content'). They are optimized for this section.

Here are some examples of 'Home' widgets:

Home Slider +

Homepage widget for two categories with slider on the left:

img

 

Home Carousel

Homepage widget for one category:

img

 

Home Video Tabs

Homepage widget for one category (big post can display video):

img

 

Home 2 Categories

Homepage widget for two categories (big post can display video):

img

 

Images - top

Featured Images - Setup:
  1. It is easy! Images and thumbnails are generating automatically. To display thumbnails correctly upload images via WP interface and then click "Use as featured image"

img

Post Galleries - Slider:
  1. Upload more than one image into post - images will be attached to the post and will be displayed in slideshow:
    doc
Post Galleries - Grid (native wp gallery):
  1. Upload or choose form Media library images into gallery and insert into post content:
    doc
  2. After that check if your gallery code contains 'link="file"' tag:
    link="file"

Post Formats - top

Theme comes with these posts formats:

doc

Standard post

Default (native) WordPress post.

Video post

Check 'Video' post in the Format tab and enter video embed code (iframe) into Video field:

img

Audio post

Check 'Audio' post in the Format tab and enter audio embed code (iframe) into Audio field:

img

Gallery post

Check 'Gallery' post in the Format tab and ulpoad more than one image into post gallery (see: images section)
The sideshow will be created automatically.

Image post

Check 'Image' post in the Format tab and set featured image.

Quote post

Check 'Quote' post in the Format tab and add some content.

Post content = Quote.

Post title = Author of the quote.

img

Link post

Check 'Link' post in the Format tab and ads URL into Link field.

img

Shortcodes Generator - top

Theme includes Custom Shortcodes that allow you to easily add buttons, boxes, social buttons, columns and more to your posts, pages and widgets.

Create shortcodes easily using shortcode generator:

img

 

Theme Icons: - top

 

Font Awesome - Integration

Theme is integrated and with Font Awesome font. Due to marketplace licensing font files cannot be included in download package.

1. Download Font Awesome.

2. In downloaded file is 'font' folder with 4 font files (.eot, .svg, .ttf, .woff)

3. Upload all these font files into 'font' folder (located in main theme folder) on your server

4. And that is all! :)

 

Menu Icons (like in demo)

 

1. Before every menu item add this piece of code

<i class="XXX"></i>

 

5. For XXX you can set any icon name. You can find all icon names on Font Awesome homepage.

6. You can see how-to video here. It is not tutorial for my theme but the process is the same:

7. If you are done, hit "Save menu" button!

 

 

Plugins: - top

WP-PostRatings

Theme is ready to use WP-PostRatings Plugin: Plugin Homepage

In search field (Plugins > Add New) insert 'WP-PostRatings' and Install this plugin

Plugin can be set in its tab:

NOTE: theme uses default plugin settings!

 

Video Thumbnails

You can easily create thumbnails from video posts with 'Video Thumbnails' Plugin: Plugin Homepage

In search field (Plugins > Add New) insert 'Video Thumbnails' and Install this plugin

Plugin can be set in Settings > Video Thumbnails:

Into 'Custom field' option insert 'vrg_video'

 

Translation - top

This theme is translation/localization ready and comes with vergo.po file. File is located in 'lang' folder.

  1. Download poedit software here,
  2. Install it and in this software translate vergo.po file (line by line) screens,
  3. Once you have translated all the strings, you can save this as your .po file.

    The filename of your .po is crucial. Gettext uses the ISO 639 standard for language abbreviations and ISO 3166 for locales. If your translation is written in American English for example, your file name will look like en-US.po. Capitalization is also important here. For a full list of language and country codes, check out these two links:

    Once you save, POEdit by default automatically creates a .mo file alongside your .po file. Put these files into 'lang' folder.

  4. Access your wp-config.php file found in your WordPress’ root folder. Your file should already contain define('WPLANG', ''); but if it does not, you can add it in. You simply need to add your language and locale code into the define. If you were to translate your theme into German, you would have this:
     define('WPLANG', 'de_DE');  

Your internationalization is complete!

 

 

Support - top

There are two ways how to contact me:

  1. Use contact form on my profile page:
  2. Or contact me directly via email ( vergocreative@gmail.com ):
    - to the email enter 'Item Purchase Code' from License Certificate

 

 


Once again, thank you so much for purchasing this theme.

Go To Table of Contents