“Boulevard” Documentation by “Theme Sector” v1.0
“Boulevard”
Created: 29th September, 2011
By: Theme Sector
Email: themesector@gmail.com
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 via my user page contact form here. Thanks so much!
Table of Contents
- Basic Installation
- Migration from a theme
- Menus
- Post Formats
- Featured Posts Slider
- Custom Widgets & Locations
- Reviews
- Theme Options
- Shortcodes
- Custom Page Templates
- Post Thumbnails
- CSS
- Javascript
- PSD Files
- Sources and Credits
Basic Installation - top
Extract the zipped package downloaded from ThemeForest to your desktop, in the extracted package you will find Boulevard.zip file which is the wordpress theme.
You can install the theme in two ways:
-
FTP: Extract Boulevard.zip file and upload the extracted folder to /wp-content/themes/ folder on your server.
WordPress: Navigate to Apperance -> Add New Themes -> Upload page. Select Boulevard.zip file. Press the Install Now button to upload and install the theme.
After uploading the theme, you have to activate it. Navigate to Appearence -> Settings page to activate the theme.
Migration from a theme - top
If you are migration from a theme which used the native featured images functionality of WordPress. Please use Regenerate Thumbnails to regenerate thumbnails for Boulevard.
Menus - top
Boulevard supports two locations for custom WordPress menus - Top Navigation and Main Navigation. Both of them support 2 levels of dropdown.
To setup the menus, navigate to Apperance -> Menus page. Enter a name for your menu and add links to the menu by using the options given on the left sidebar. You can manage your menus using the drag and drop functionality. After setting up your menu, select the menu you just created from the theme locations dropdown box and hit the "Save" button.
The top navigation is optional and it will not be active until you assign a menu to the top navigation location.
Post Formats - top
Post formats is a way to define the type of the post. If you are familiar to tumblr, the concept is similar. Boulevard uses the Post Formats functionality to show relevant icons across the theme on the thumbnails of a post.
You can set format for a post from within WordPress post editor page. Boulevard supports three types of post formats:
- Gallery
- Audio
- Video
Featured Posts Slider - top
Featured Posts Slider on homepage depends on a post tag. To setup featured posts slider, navigate to Boulevard -> Homepage Settings theme options panel and enter a post tag in the Featured Posts Slider Tag field - posts tagged with this tag will show up on featured posts slider.
From the same page, you can modify the number of posts to show on slider, slider effect and speed between each slide. Speed of featured posts slider is in milliseconds, 1000 milliseconds = 1 second.
Custom Widgets & Locations - top
Boulevard has 2 widgetized areas, sidebar and footer (4 widgetized areas for footer) and 7 custom widgets. To setup a widgetized area, navigate to Apperance -> Widgets and use the drag and drop interface to drop widgets into the desired widgetized areas.
Social Counter Widget
This widget grabs number of RSS/feedburner subscribe, number of twitter followers and number of facebook page fans/likes. The widget requires to set feedburner url, twitter id and facebook page id on the Boulevard theme options panel. Navigation to Appearence -> Boulevard to set the required data - the feedburner ID can be set from General Settings tab, twitter id and facebook id can be set from Social Media sub-tab under the General Settings tab.
Feedburner Awareness API needs to be an active service to grab the number of feedburner subsribers. Login to google feedburner. Navigate to your feed. Click on Publicize tab. From the left sidebar, click on Awareness API . From that page, activate the Awareness API servce. You have to wait for an hour to take changes.
Tabs Widget
This widget allows you to add a tabbed wiget which will show popular posts (sorted by number of comments), recent comments and a tag cloud.
Facebook Like Box Widget
As the name suggests, it will enable to add a facebook like box for your facebook page.
Posts Widget
Boulevard posts widget allows you to add recent posts with post thumbnail, post icon and overall score. You can even filter posts by category.
Twitter Widget
Twitter widget will enable you to add recent tweets from your twitter account to a widgetized area. You can customize the number of tweets and the follow me from the widget settings.
Latest Reviews Widget
Shows posts with a review ordered by date
Flickr Widget
Flickr widget will enable you to add recent images uploaded to your flickr account. You can customize the number of images to show from the widget settings.
Reviews - top
You can setup review posts by filling in the custom fields under the Review Info box which is located under the post editor. The overall score of the review will show up on all widgets and archives. On the review post, overall score along with the additional criteria fields will show up under a nice review box.
Theme Options - top
Boulevard comes with a custom theme options panel which contains more than 20 options. The panel has 4 tabs, General, Homepage, Posts and Appearance which i will explain about in more details below.
1. General Settings - top
Logo: Upload your own logo or enter the URL to your logo.
Favicon: Upload your own favicon or enter the URL to your favicon.
Header banner code: In this field you can enter your banner code, E.G. an image or adsense code.
Feedburner URL: Enter your Feedburner URL, E.G. http://feeds.feedburner.com/yoursite.
Analytics code: Enter your Google analytics code or whatever site tracking code you are using here.
Twitter ID: Enter your Twitter name here. This will be used for the top header Twitter icon and the social widget.
Footer Text Left: Enter the text you want to appear on the bottom left side of the footer.
Footer Text Right: Enter the text you want to appear on the bottom right side of the footer.
2. Homepage Settings - top
Featured Posts Count: Enter number of posts to show on featured posts slider.
Featured Posts Slider Tags: Enter tag you want to appear in the slider. E.G. if you enter the tag "featured" the slider will look for posts with that tag and show them in the slider.
Slider Effect: Choose the slider effect you want the Nivo slider to have.
Slider Speed: Enter transition time for slider in milliseconds, this determines how long each slider item will be shown.
3. Posts Settings - top
In the posts options you can check/uncheck which elements you want to be shown on the posts.
4. Appearance Settings - top
In the appearance settings you can background, navigation and links color and you can add your custom javascript or css code.
Shortcodes - top
Boulevard comes with 15 shortcodes which you can use inside your posts or pages.
Youtube shortcode: Enter the video ID (e.g. http://www.youtube.com/watch?v=jO-y5wzmK4E) and the width + height (max. width = 620px)
Vimeo shortcode: Enter the video ID (e.g. http://vimeo.com/21153456) and the width + height (max. width = 620px)
Soundclod shortcode: Enter the full URL (e.g. http://soundcloud.com/djz/eminem-till-i-collapse-djzs-remix) you also have the option to disable comments, set a BG color and more
Button shortcode: You can choose between these colors for your buttons, black, red, blue, orange, green, light. Also enter a link and a title.
Dropcap shortcode: Wrap the first letter in your text with the this shortcode and get a nice dropcap.
Highlight shortcode: Wrap the text you wish to be highlighted with this shortcode and choose a color, black or yellow.
Checklist & Badlist shortcode: This shortcode will create an unordered list with either a check icon or bad icon
Tabs & Toggle shortcodes: With these two shortcodes you can hide content and only let it me shown when the user click the tabs or toggle.
Columns shortcodes: Divide your content in to columns (example: http://boulevard.themesector.com/columns/), remember to always set "last=" to yes on the last column.
Custom Page Templates - top
Boulevard comes with 2 custom page templates a full width page and contact page. To set one of these pages up go to Pages > Add New > in here you enter the title, content and then go to the Page Attributes > Template > and choose either full width or contact.
Post Thumbnails - top
Boulevard uses the WordPress Post Thumbnails function, this way you can upload one image and WordPress will automatically resize it to all the different thumbnail sizes. The image you upload should be at least 650x400px.
To set a post thumbnail for your post, go to Posts > Add New > Set Featured Image > the normal upload box will now appear, upload your image and click "Use as featured image", now simply close the box.
CSS - top
- css/reset.css - The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. Read More →
- css/nivo-slider.css - CSS for featured posts slider.
- Style.css - Main stylesheet which includes all the styles of the theme. It is located in the root folder of the theme.
Javascript - top
- js/jquery.nivo.slider.pack.js - Nivo Slider is used for featured posts slider.
- js/colorbox/jquery.colorbox-min.js - Colorbox is used for lightbox on WordPress image galleries.
- js/jtwt.js - http://plugins.jquery.com/project/jtwt For use on twitter feed widgets
PSD Files - top
Boulevard comes with 1 PSD file of the original logo.
Sources and Credits - top
We've used the following images, icons or other files as listed.
- jQuery - http://jquery.com/
- Nivo Slider - http://nivo.dev7studios.com/
- Kriesi Pagination - http://www.kriesi.at/archives/how-to-build-a-wordpress-post-pagination-without-plugin
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme.
Theme Sector