BigFeature

Changelog

admin — Mon, 04 Jan 2010 13:13:44 +0000

The new features and bug fixes to the new releases of BigFeature are listed here.

Version 1.3.5.2 (released 19. May)

new: Wordpress 3.0 compability. Added support for the new navigation admin system built in to wordpress. Also added the background image/color functionality.
new: The slider now hides all slides until everything is loaded.
new: Setting for number of columns in the footer links widget area.
new: Possibility to override videos with images in the slider.
new: Added sorting to the nextgen slider.
new: Setting for container top margin. This is useful when used with the background image functionality to show an image above the container.
new: Added a vertical navigation style (example: [bfnav name=”about” style=”navertical”]). Useful for submenus.
new: Child theme stylesheet order changed (no more need to use specificity to override the optionstyles css).
new: Added the possibility to use shortcodes in the page slider.
fix: Navigation last class fixed.
fix: Fixed height issue in the nextgen slider.
fix: Fixed the theme settings error that occurred when nothing in the misc section was enabled.

Version 1.3.5 (released 4. May)

new: Parameters for setting the dimension of images in the slider. Demo.
new: Slider integration with the NextGen gallery. Demo.
new: Author info box at the end of posts. Integration with the My Profiles plugin to show social links. Enable it in the user profile page.
new: Export/import for the theme settings (buttons at the bottom of the theme settings).
new: SEO improvements. Possibility to add a custom title tag and meta tags for the blog and posts/pages.
new: More slider button styles (style3-5). Also added larger hotspot click area for the default buttons. Demo.
new: Setting for moving sidebar2 to the left of the content.
new: Created a new adspace to show ads in the header.
new: Some new bfthumbs parameters. hideimage=”true” (for hiding images), removelinks=”true” (for removing links), zoomcrop=”center” (change the zoom position (possible values: topleft/center/false)), offset=”2″ (number of posts to skip (a value of 2 = start from post 3)).
new: Enabled the WP2.9 set thumbnail functionality, and recoded it to use timthumb. In other words, you can press “Set Thumbnail” when editing a post/page to set the default image this way.
new: Added excerpt to pages.
new: Added useful classes to the styles dropdown list in the editor. Install the TinyMCE Advanced plugin for it to show (go to this plugin settings and add the styles dropdown to the editor bar).
new: Dynamic checkbox added to the Featured Posts widget. When enabled the post’s category is automatically used to display posts.
new: Added a “Hide from search and nav-admin” checkbox for pages to exclude it from the navigation admin and the search (useful for design and slider pages).
new: Pages set as private is hidden from the navigation
new: The css max-width is replaced with a javascript that makes too wide images fit the content width (and also container width for pages/posts without a sidebar).
new: The “Thumbnail image URL” now overrides the video thumb image.
new: Added a “Hide videos from the frontpage of the blog” setting.
new: Added avatars to recent comments.
new: Added classes and margins to adspace widget areas.
new: Sidebar link color added to the color settings.
new: The content width is displayed in the theme settings (below the setting for the container width). This is useful to know when setting the media settings (the max image width for content images).
new: Added possibility to change the default thumb post width in the theme settings. The default width is calculated from the content width, so adding a static value makes the thumb posts not fill the content width, but makes it possible to add paddings and backgrounds.
new: Added a zoomcrop setting that makes it possible to choose where the zoom center is (and the possibility to turn cropping off). A parameter zoomcrop has also been added to the bfthumbs and bfslider shortcodes to override the default (possible values: topleft/center/false).
fix: Caption for default images in pages is now working (when setting the default image with the Set Thumbnail functionality). Lightbox rel is also added to the links like for posts.
fix: Adblocker adspace issue fixed.
fix: Fixed the anchor links for comments.
fix: The “Show older posts on the blog frontpage as thumbnail posts” setting will now also display other pages than the frontpage as thumbnails.
fix: Revisions are now also showing for pages.

Version 1.3.4

Improved the bfthumbs shortcode. Demo.
Fade animation for the slider. Demo
Added a 2. sidebar column.
No sidebar is showing if no widgets are added.
Video url now produce a thumb if proplayer is installed (and activated).
Added support for videos in the photoblog template.
Separate read more setting for thumbnail posts.
Created a links page template (show posts as links).
Max width added for images and videos.
Fixed the plugin conflict with the theme settings. The theme settings will now show nomather if there is a conflict.
Link target included for links added to the navigation.
Confirmation dialog box added for the reset button in the theme settings.
More custom field parameters for the portfolio template (imagewidth, textwidth, divider (set false to hide the divider)).
Name parameter for the bfpage shortcode (name=”infobox”).
Added lightbox rel to the feature image on single pages (only if original image is larger than the one displayed).
Changes in the theme settings. Thumbnail post section. Container/sidebar/margin width. Added some stuff to the color section (text color, footer text/link color).
Fixed IE6 linebreak navigation issue.
Duplicate categories in the all category navigation item removed.
Category visibility problem with the blog posts template fixed.

Version 1.3.3

Integration with the “Yet Another Related Posts Plugin”. (se docs folder of the downloaded zip file for how to set it up).
Photoblog template. Demo.
Navigation highlighted when on a post that belongs to page template added to the navigation (also works with categories).
More parameters for the bfthumbs shortcode. Can add pages, set the height, remove the text, sort order etc.
Added a theme setting to “exclude the text from thumbnail posts”.
noresize custom field parameter for the portfolio template. Custom field: name: noresize and value: true (image doesn’t get re sized).
Support for the WP2.9 oembed video url tranformation. Just add a video url to the video input field (instead of an embed code).
Caching of optionstyles.php (creates a css file instead). Set the “Cache the settings stylesheet” theme setting for it to work (optionstyles.css will be written to library/css folder. Make the folder writeable if this is not working automatically).
Default targeting in cufon. Add the word default in the description field list and it will be the default font.
Pages now displayed correctly in searches.
Comments number fixed (it was showing not approved comments).
Fonts selection in theme settings fixed.
Paged title tag fixed.
Retweet button in post setting re added.
Wrong default image url problem fixed.
Stylesheets added with a hook (also from a child theme, because it speeds it up).
reset.css has been added to the top of style.css.
single-nosidebar.php custom single template added. It’s very much like the single-portfolio.php, but without the date modification.
new stuff added to the translation files.
styling added for the calendar widget.
“Add to navigation” issue with WP2.9 fixed.
Theme settings for Colors fixed.
Removed the link to posts on the videos (this was an issue with webkit browsers).
Thumbnail post max height is now changed to just height (the thumbnails will resize to that height).
Navigation down arrow issue fixed.
Child themes updated to send the stylesheet with a hook instead of importing them (speeds up the child themes).

Vimeo video test

admin — Thu, 05 Nov 2009 13:17:51 +0000

From version 1.3 videos can be added to posts like default images…even thumbnails are produced. The supported external video sites are Vimeo, Youtube, Google Video, Dailymotion, MySpace, Veoh, Youku and uploaded video files.

And in the latest version version of the theme (1.3.2) support for video embed code was added. Just paste the embed code and the dimension will be automatically changed to fit the post. With this method all video sources are supported. Thumbnails are not automatically produced when using this method, but they can be manually added (just see the recent posts at the bottom of this page).

Frequently Asked Questions

admin — Tue, 27 Oct 2009 13:32:02 +0000

Many questions have been answered multiple times, the solution is a faq. This is a collection of the most frequently asked questions about the BigFeature theme.

If you can’t find the answers here, you might find them in the forum.

Questions

Are the upgrades free?
How do I install the theme?
How do I upgrade the theme?
How to set a page as the home page?
Why isn’t my default image showing?
How to add the feature image?
how can portfolio posts not be shown in the blog?
How do I add a slider to the top of the blog?
How do I translate the theme?
How can I use another cufon font?
Why are some of the cufon letters missing?
How do I use the extra navigations I have added?
Why isn’t images I add to the post automatically scaled?
How do I create a custom single.php (article) template?
How do I add videos?
How to create a child theme?
Where do I add parameters for the slider?
How can I change the background color?
how can I add a background image?
How can I make the gallery like in the demo website?
What shortcodes are available with theme?
How do I add external links to the navigation?
How do I stop the default image from linking to itself?
How can I create a video gallery?

Answers

Are the upgrades free?
Yes, you can download the updated theme from the downloads tab on your profile page on Themeforest.
How do I install the theme?
Unpack the zip file you downloaded and then either upload the contents of bigfeature.zip to the themes folder on the server, or use the wordpress themes installer to upload the bigfeature.zip file. More information in the documentation that came with the theme (in the docs folder), it’s also available here
How do I upgrade the theme?
Download the theme from the downloads tab on your profile page on Themeforest. Unpack the downloaded zip file. Unpack the bigfeature zip file. Overwrite the files on the server with ftp. An alternative upgrade method is to delete the old version and upload the new with the wordpress theme installer (the bigfeature.zip).
How to set a page as the home page?
Read this wordpress article, or watch this video (no sound).
Why isn’t my default image showing?
Probably because you don’t know how to add it. Watch this video. If it still does not show, it can be that the images you are adding are too small. The width has to be at least 528px for normal images and 848px for feature images. If it still does not work, it’s probably a timthumb problem, check the troubleshooting at the bottom of this article.
How to add the feature image?
The big image on the top of the page of the demo website is a default image for the first post (see above how to add a feature image for a post). If you want a banner image (or a slider) to stay at the top of the front page of the blog, you can create a page with content and add it to the “Adspace – Blog home below nav” widget area with the BF Page widget.
how can portfolio posts not be shown in the blog?
2 ways, the Advanced Category Excluder plugin can be used to block a category from the blog, or the blog can be a category and the new “blog posts” page template can be used to show the posts.
How do I add a slider to the top of the blog?
Create a page with the slider shortcode and add it to the “Adspace – Blog home below nav” widget area with the BF Page widget. Information on how to set up the slider can be found here or watch the setting up bigfeature video.
How do I translate the theme?
1. Install Poedit.
2. Edit the en_EN.po file (located in the bigfeature folder) with Poedit.
3. Translate with Poedit. See this article for more information hot to translate.
4. Change the language setting in wp-config.php. See at the bottom of this article for instructions.
If you want to have multiple languages on a website you can use the qTranslate plugin. Here’s a plugin alternative to translating with Poedit.
How can I use another cufon font?
You can upload your own cufon fonts with the cufon uploader in the theme settings. Watch this video for how to do it. More information can be found in this article.
Why are some of the cufon letters missing?
The Vegur and Vegur thin cufon fonts that comes with the theme can not display other characters than those listed here. When you generate a font include the “Latin-1 Supplement” glyphs to add those extra characters that are in some languages. See this video for more information about generating and using cufon.
How do I use the extra navigations I have added?
- shortcode:
```
[bfnav name="topnav" style="navbarsep"]
```
- call it directly:
```
<?php bf_navigation("topnav","navsmall"); ?>
```
- Or use a hook:
```
function bf_navigation_top() {
 bf_navigation("topnav","navsmall");
}
add_action( 'bf_top_container', 'bf_navigation_top' );
```
These styles can be used:
navbar,navbarbg,navbarsep,navsimple,navboxes,navboxesbg,navsmall or pass blank space (default look).
Why isn’t images I add to the post automatically scaled?
The default post images (feature/medium/thumb) are automatically re sized with the timthumb script, but images you add to the post are not. Wordpress do scaling on the images you upload, so you can choose the preset size when inserting the image. To change these preset sizes, check step 7 in this article. In version 1.3.5 a javascript for scaling images was added, so too large images will not exceed the bounds of the content/container area, it is still best to re size them like described above though.
How do I create a custom single.php (article) template?
In version 1.3 the possibility to add custom single templates was added. An example single template was also added, single-portfolio.php. To use this template, or one you create yourself, add this to the category description (in posts – categories): cs:single-nosidebar.php. This is a simple example template without a sidebar. Or add this one: cs:single-portfolio.php. It’s almost the same as the previous, but the date is only year. Here are steps to create a custom single template:
1. Enable custom single templates in the theme settings (under misc).
2. Copy the single.php (or single-portfolio.php), and rename it. Place it in the bigfeature folder or in a child theme.
3. Edit it however you want.
4. Add the code shown above to the category (or multiple categories) where you want to use it. The subcategories will also use the same template (only one level).
How do I add videos?
You can add videos like default images by entering a ProPlayer shortcode into the video input field under the text editor. For this to work the ProPlayer plugin must be installed and activated (turn off the “Show Watermark” and set “Cache Timeout” to 0). Include the original width and height of the video for correct resizing. The advantage of using this over an embed code is that a post thumbnail is automatically produced, and uploaded videos also work with this method.

From version 1.3.2 the video embed code can be used instead of the proplayer shortcode. Just paste the code from the website into the video input field, the size will be automatically re sized. No preview thumbnail is produced so this have to be created manually (proplayer will not be used when using this method).

From version 1.3.3 video url’s (the link to the video) can be used instead of the embed code (not all video websites are supported with method, but the major ones work). This functionality requires at least Wordpress 2.9. If the proplayer plugin this method will also produce video thumbnails (setting must be enabled in the theme settings first though).

To add videos into the post/page you can use the proplayer shortcode or just paste the embed code (add wmode=”transparent” to the embed tag to avoid dropdown menu problems).
How to create a child theme?
Easiest way to set up a child theme is to download the example one available here (topArt). Upload it to the themes folder and enable it like a normal theme. Then edit the style.css and remove the styling there (meant as an example). Then you can change the name in top of style.css (do not change: Template: bigfeature) and replace the screenshot.png preview image with your own.
Where do I add parameters for the slider?
You add the slider to a page/post by using the bfslider shortcode. In other words you insert the shortcode into the page/post text editor (in html mode). The look of the slider is changed with parameters in the shortcode. Here is documentation on the slider. slider examples
How can I change the background color?
You can do this in the color section of the theme settings (Body Background color). If you want to change the background color in a child theme with css, it can be done like this:
```
html body { background-color: #fff; }
```
If you want to change the bacground color of the the container (page) use this css:
```
#container { background-color: #fff; }
```
how can I add a background image?
Download and install the topArt child theme. See how the background image is added in this child theme (in style.css). If you want the background image to stick to the top add this to the css body selector:
```
background-attachment:fixed;
```
How can I make the gallery like in the demo website?
The image gallery example is using the “no sidebar” template and the nextgen shortcode in the body text, like this: [nggallery id=4] (where the number is the ID of the nextgen gallery). Here are the steps you needed to get the gallery looking like on this site.
1. Install the Nextgen Gallery plugin and enable it.
2. Install the Lightbox 2 plugin (or shadowbox if this is used with the bfthumbs shortcode) and enable it.
3. In the Gallery-Options deactivate the “Activate PicLens/CoolIris support”.
4. In the the Gallery tab in Options deactivate the “Show ImageBrowser”.
5. In the Effects tab in Options choose Lightbox.
6. In the Thumbnails tab in Options set the “Width x height ” to 150×150.
7. Create a new gallery and upload images.
8. The shortcode will be listed in the top when creating the gallery (but the ID can also be found under “Manage Gallery”).
9. Create a page, choose the “no sidebar” template, and enter the shortcode into the body text.
What shortcodes are available with theme?
The shortcodes available are bfslider, bfthumbs, bfpage and bfnav. Some examples can be found here and here.
How do I add external links to the navigation?
You can add links to the navigation. choose the “Include Links in the navigation admin” setting below the navigation admin and press save. Another way is to use the custom field redirect plugin to redirect pages.
How do I stop the default image from linking to itself?
In the latest version of the theme, default images (feature and normal) links itself on single post pages when the original image is larger than the one displayed. A lightbox rel is also added to the link so that the original image can be shown in a lightbox/shadowbox window. If you want to remove this functionality add some parameters to the get_image function calls in single.php. Change it to this:
```
get_image('feature',false,false,false)
```
How can I create a video gallery?
If you have many video posts, you can create a gallery of all the videos added in the video input box below the post editor. The videos must be added as proplayer shortcode or video url (proplayer must activated) for thumbnails to be produced (the “Produce thumbnails for videos” theme setting must also be enabled). Here’s how to make a video gallery:
1. Add all the video posts to a category or a tag.
2. Create a page using the no sidebar template.
3. Add the bfthumbs shortcode to the editor like this (in html mode):
```
[bfthumbs category="video"]
```
4. Add the showposts parameter to enable ajax paging (wp-pagenavi or wp page numbers plugin must be activated) like this:
```
[bfthumbs category="video" showposts="12"]
```
5. Add text=”false” to remove the text (add title=”false” to hide the post title).
```
[bfthumbs category="video" showposts="12" text="false"]
```
6. Add popup=”true” to enable the shadowbox popup (shadowbox must be installed).
```
[bfthumbs category="video" showposts="12" text="false" popup="true"]
```
7. Change the width, height, marginright, marginbottom and numcols parameters if wished. See the examples here.

Cufon font replacement

admin — Mon, 24 Aug 2009 08:37:45 +0000

In version 1.1 a cufon uploader was added, and since there have been many questions about this, some documentation on this functionality seemed necessary.

Cufon fonts are enabled/disabled for various elements in the theme settings. For an uploaded font to work it has to be enabled first. From version 1.1.2 all cufon elements can have it’s own font by specifying the element name in the description field of the uploaded font.

Enable the cufon elements first and then upload the generated fonts.

Change the title to the font name and elements can be entered into the description field.

Predefined targets (that you can write in the description field): sitename,slogan,navigation,h1,h2,default, or you can use “custom:” to target classes or tags. default was added in version 1.3.3 and it sets this font as the default font, and prevents loading of the one in the dropdown list.

Generate and upload a cufon font

Compile the font here (make sure the licensing of the font allows web embedding, best to use free ones). A custom font name can be given when generating the cufon font…this will make it easier to get the right font name. Enter the name in the input field: “Use the following value as the font-family of the generated font”. Add the following glyphs: Uppercase, Lowercase, Numerals, Punctuation, WordPress punctuation and Basic Latin.
Upload the compiled js font file with the cufon uploader in the theme settings.
Write the font name in the title of the uploader. It is different than the filename that is there by default, and can sometimes be tricky to get the right name (if not a custom name is entered when generating the font).
You can also write the element you want this font to change in the description field. f.ex: sitename (or a comma separated list with these possible values: sitename,slogan,navigation,h1,h2,default). From version 1.2 a custom tag selelctor can be entered in the description to target any element on the website. Just write custom: and the css tags, for example “custom: .post h4″ (without the quotes).
Press “save all changes” (not necessary to save the settings).

Upload more fonts

Generate and upload another font and change it’s title.
Change it’s order to 1 (drag and drop or write the sort order) to make it the default font (replaces the built in font).
Other fonts can be added if the elements are specified in the description.
Write the element you want this font to change in the description field. f.ex: sitename (or a comma separated list with these possible values: sitename,slogan,navigation,h1,h2,default).
Add more fonts…

Example of custom targeting in the description field

custom:.cufonized,custom:.post h4,h1,h2

See this video for more information on using cufon and targeting.

The BF Slider

admin — Sat, 08 Aug 2009 12:26:36 +0000

In version 1.1 a content slider was added. It is very integrated with wordpress, since it is using pages for the slides. This makes it possible to easily add images and html to the slides. Code can be just copied and pasted into the page from an article and it has the same look. There is also a featured posts feature of this slider, where it takes a category name as parameter and displays the posts in a preformatted design.

To use it add a shortcode to a page like this:
[bfslider name="slides" type="page" height="320"]

There are two types of slides, one that displays pages (the name must be a parent page and the actual slides are children to that parent), and one that displays posts. See this video for more info. A demo of the slider can be found here.

Defaults

'name' => 'slides',
'type' => 'page',
'width' => $bf_featureimage_width,
'height' => '300',
'marginbottom' => '20',
'buttons' => 'style1',
'continuous' => 'true',
'auto' => 'true',
'vertical' => 'false',
'speed' => '1000',
'pause' => '3000',
'numeric' => 'false',
'numwords' => '30',
'numposts' => '10',
'imagesize' => 'normal',
'maximageheight' => '0',
'bgcolor' => '#fff',
'color' => '#000',
'textalign' => 'left',
'featurecaption' => 'bottom',
'animation' => 'slide'
'zoomcrop' => theme-setting-zoomcrop

type

page – default
category
news – to list the newest posts (name not necessary).

width: The width (px) of the slider container.

height: The height (px) of the slider container.

marginbottom: The bottom margin (px) of the slider container.

buttons

Set the button style or hide it.

style1 – default
style2
false

continuous: If set to true clicking the next button when the slider reached the end will jump to the beginning (and vice-versa).

auto: This option enables automatic sliding. If set it to true the sliding will automatically start and continue to perform until one of the buttons are clicked.

vertical: Slide vertically

speed: Animation speed in milliseconds.

pause: Pause between slides in milliseconds when auto is enabled.

numwords: Limit the text when type is category.

numposts: Max number of posts when type is category.

imagesize

Sets the image size used when in type category.

normal – default
feature
noresize

maximageheight: Max height for the image when in type category.

bgcolor: Sets the background color when in type category.

color: Sets the text color when in type category.

textalign

Sets the position of the text in relation to the image.

left – default
right

featurecaption

Sets the position of the caption when imagesize is set to feature.

bottom – default
top
false – hidden

animation

Here you can change the slider to use the fade animation added in version 1.3.4.

slide – default
fade

zoomcrop

This overrides the zoomcrop in the theme settings. Read more about zoomcrop here.

topleft – default
center
false – no cropping.

Example sliders and shortcodes: 1, 2, 3.

Tutorials

Here are some tutorials explaining in steps how to add the slider in 3 different ways.

Page slides Tutorial

Add a new page. Name it slides (this is the default page name, however it can be called any name but then it has to be specified in the name parameter). Publish the page (without adding any content).
Add a new page. Select the previous page as it’s parent. Add slide contents, and publish.
Add more pages like the one above…
When finished adding pages, the parent page can be set to draft, then none of the slide pages will appear in the navigation admin area in the theme settings, but will still work for the slider. However it must be set back to published to add more slides.
Add the shortcode described above to the page/post where the slide should be displayed. Set the name (the name of the parent page added in step 1), width (default is full width) and height. You can also set the button style (version 1.1.1).

Page slides widget Tutorial

Add a new page. Name it slides (this is the default page name, however it can be called any name but then it has to be specified in the name parameter).
Add the shortcode to this page as described above. Set the name (this page’s name), width (default is full width) and height. You can also set the button style (version 1.1.1). Publish the page.
Add a new page. Select the previous page as it’s parent. Add slide contents, and publish.
Add more pages like the one above…
Add the BF Page widget to a widget area (for example the newly added “Adspace – Blog home below nav” to display it on the blog frontpage) and select the parent slide page created in step 1 and 2.

Featured posts slides Tutorial

Add the shortcode described above to the page/post where the slide should be displayed. Set the name (the name of the category to be displayed in the slider), type=”category”, height (the width is automaticly set, but a height is needed. This depends on the height on the default images of the posts), numwords (this is the number of words to be displayed to limit the text), numposts (limits the number of posts to be displayed).
Publish.

Widgets

admin — Tue, 14 Jul 2009 20:41:12 +0000

Several custom widgets comes with the BigFeature theme. They are prefixed with BF, so it’s easy to see them in the widgets admin area. They were initially written for the pre wp2.8 API, but since the multiwidget API got so much simpler, they were recoded. That also means that the theme’s minimal requirement became WP2.8, but new is better than old! The new admin area widgets also got much simpler, now widgets can be dragged to a sidebar and rearranged without having to save.

Featured posts

Lists a set number of posts from a chosen category (e.g. featured). There is also an option to show thumbnails of the posts. In version 1.3.4 a width parameter was added due to adding a 2. sidebar column. This makes it possible to use this widget in a narrow sidebar column (like the 2. sidebar column or even the footerlinks widget area).

Page

This is simply a widget for displaying a page in the widget area (if no title only the contents will be shown). This can be useful for displaying ads or designing a static html “widget” with images (images can be uploaded and added to pages).

Feed

A widget with rss links and a feedburner email subscription form. The subscription for is only shown if a feedburner ID is entered in the theme settings.

Sidebars

There are 7 widget areas for this theme, the 2 sidebars, one for footer links and 4 for ads. The ones for ads can be used for adding other widgets too, but they are not styled for this purpose. Ads can be added with the text or page widgets. The advantage with using the custom page widget is that you can upload and add images more easily (or style text ads). Ads can be added to the main sidebar too of course, and there is also styles for the wp125 plugin/widget. Several custom widgets have also be created for this theme (listed below). See the widget documentation for more information on the sidebars and widgets.

Widget areas

Main sidebar
The right sidebar displayed if widgets are added to it (width can be set in the theme settings).
Sidebar 2
A second sidebar column displayed if widgets are added to it (width can be set in the theme settings).
Footer links
A styled widget area at the footer. It got 4 columns (182px wide each with default container width). Resize the featured posts widget if it’s added to this widget area.
Adspace
Top of the Page – Widget space above the logo/sitetitle. scope: the whole blog.
Adspace
Below Article – Widget space below the article. scope: front page (index.php) and single post page (single.php).
Adspace
Bottom of the Page – Widget space below the content and main sidebar. scope: the whole blog.
Adspace
Blog home below nav – Widget space below the navigation of the frontpage of the blog. This one can be used to add as a featured section (by adding a slider, bfthumbs or an featured image). scope: frontpage of the blog.

Example of usage

Here are some screenshots how these widgets can be used.

Page Widget

Page widget can be used for any html information/design in the sidebar and the ad widget spaces.

Image below is showing how the page widget can be used to add advertisement. The ads can be html formatted text with images and forms or just a linked image like in the example below. The sidebar used is “Adspace – Bottom of the Page”.

Feeds Widget

Lists posts and comments rss, and also a subscribe form if a feedburner ID is entered in the theme settings.

Featured Posts Widget

The featured posts widget lists a given number of posts from a category.

With thumbnails turned on.

Page templates

admin — Thu, 09 Jul 2009 14:52:55 +0000

In BigFeature there are several custom page templates, to change the look of pages. The default pages contains the sidebar, but there is a template to remove the sidebar. The about and contact pages on this demo site is using this template. The look of the pages is created with html code, so therefore the code will be listed here so it’s easy to copy and paste to get the same layout.

Image on the left is showing the “no sidebar” page template is chosen.

About Page Code | View

We are a colorful bunch
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla. Quisque at dui. Fusce ante leo, mattis vitae, lobortis vitae, cursus porta, nisl. Pellentesque sed lacus ut ipsum aliquam tincidunt. Donec eget quam non eros suscipit egestas. Aliquam erat volutpat. Quisque iaculis velit sollicitudin pede. Etiam arcu mauris, interdum id, placerat at, convallis vitae, orci. Etiam magna. Donec at sapien quis dolor adipiscing ullamcorper. Morbi vitae arcu. Aliquam vitae arcu porta erat interdum fringilla. Nullam eu ipsum vitae est molestie mollis. Donec egestas consequat enim. Phasellus tincidunt ante rutrum urna. Suspendisse faucibus.

Lorem ipsum dolor sit amet.
Vestibulum non lectus ac enim consectetuer consectetuer. Cras tortor tortor, aliquet ac, sagittis non, adipiscing nec, diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis convallis. Quisque at ipsum sed lacus porttitor sollicitudin. Fusce lacus ipsum, euismod ac, euismod auctor, mattis eget, lacus. Aliquam mi. Nulla elementum, risus ac varius laoreet, purus neque porttitor odio, a auctor massa lacus in neque. Duis et purus.

Sed sed erat. Sed pharetra.
Curabitur interdum neque sit amet nibh. Vestibulum vitae risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean tempor. Fusce sed purus. Maecenas enim dolor, facilisis in, cursus non, accumsan quis, odio. Nam blandit scelerisque erat. Curabitur auctor lacus quis ligula. Donec quis ipsum. Duis justo arcu, luctus sed, dictum non, blandit ut, erat. Vivamus varius consequat eros. Aliquam fermentum nulla sed elit. Nunc cursus sapien ut est. Fusce ultrices. Pellentesque placerat massa eget nisi.

Sed mauris lorem

venenatis ut, lacinia ut
Maecenas pede metus, ultricies non
Curabitur dapibus vulputate nibh.
Quisque eget lectus ut ipsum luctus facilisis.
Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.
Praesent hendrerit tempus risus. Donec sed purus.
Pellentesque id nisl. Etiam velit.

Duis arcu tortor
suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui.

<div class="col1"></div>
<div class="col2"></div>

This is for a 2 column layout.

Contact Page Code | View

We are located in the Docklands
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Contact Form

[ easy-contact ]

Vestibulum purus quam
scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu.

Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui.

Aenean ut eros et nisl sagittis vestibulum.
Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque.

Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit.

[easy-contact]

This is the code for the easy contact plugin. Any other contact plugin can be used, but styles for this one has been added to the theme.

Frontpage Code | View

[ bfslider height="348" ]
[ bfthumbs category="portfolio" numposts="3" ]

Remove the space after the opening bracket and before the ending bracket for it to work (must have it like that to not trigger the shortcode).

Frontpage3 Code | View




Welcome to Big Feature
Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.

 Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. 



 Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. 

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

 Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.


 

Latest News
[ bfthumbs numposts="3" ]

Featured Posts
[ bfthumbs category="featured" numposts="3" ]

Latest Work
[ bfthumbs category="portfolio" numposts="3" ]

Thumbnails Template

This template shows posts from a specified category as thumbnails. This template can be used for for a portfolio or a frontpage. The Category ID is specified in the custom field with name: category and ID of the category as value (the category ID can be found by hovering over a category link in the Categories section (under posts) and the ID will be in the status bar of the browser). From version 1.2 the category name can be used instead of the ID. In version 1.1.2 2 new custom field variables was added, numposts (limit number of posts shown) and showposts (number of posts per page).

Image on the left is showing the “thumbnails” page template is chosen.

category ID or Name is necessary to list posts.

Frontpage2 code | View



At vfxdude we speak in code and dream in colors
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Check it out  »
 



beautiful websites
We create the web
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla. Quisque at dui.
Fusce ante leo, mattis vitae, lobortis vitae, cursus porta, nisl. Pellentesque sed lacus ut ipsum aliquam tincidunt. Donec eget quam non eros suscipit egestas. Aliquam erat volutpat. Quisque iaculis velit sollicitudin pede. Etiam arcu mauris, interdum id, placerat at, convallis vitae, orci. Etiam magna. Donec at sapien quis dolor adipiscing ullamcorper. Morbi vitae arcu.



What we can do for you

venenatis ut, lacinia ut
Maecenas pede metus, ultricies non
Curabitur dapibus vulputate nibh.
Quisque eget lectus ut ipsum luctus facilisis.
Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.
Praesent hendrerit tempus risus. Donec sed purus.
Pellentesque id nisl. Etiam velit.
 Donec posuere vulputate arcu.





Our latest work

The portfolio (first one) use no html code at all. There is only a default image (can insert a big image and put a link around it too) and a category ID. The frontpage example (first one) is using the bfslider at the top and the thumbnails template below.

The thumbnails shortcode

In version 1.1.2 a thumbnails shortcode was added. It inserts thumbnail posts into a page/post (add it to the post/page editor in the html view). Demo.

Here’s the shortcode:

[bfthumbs category="featured" numposts="6" sidebar="true"]

The Parameters

category: The slug or ID of the category to show posts from.

tags: The tag(s) (comma seperated) to show posts from.

id: The ID(s) (comma seperated) to show posts from (page ID’s allowed).

numposts: The max number of posts to show (default: 3).

showposts: The number of posts to show per page (must have wp-pagenavi or “wp page number” plugins installed).

sidebar: Set this to true if there is an sidebar in the page/post.

orderby: What to sort the thumbnail posts by. Possible values: author,date,title,modified,menu_order,parent,ID,rand,comment_count (default: date).

order: Sort order. Possible values: ASC,DESC (default: DESC).

post_status: The status of the posts to be shown. Possible values: publish,inherit,pending,private,future,draft,trash (default: publish).

text: Set it to false to hide the text.

title: Set it to false to hide the title.

meta: Set this to true to show the date and number of comments.

textdate: Set this to true to show the post date as a part of the text body.

width: Thumbnail image width in pixels.

height: Thumbnail image height in pixels (the shortcode overrides the theme settings thumbnail height).

numcols: Number of columns (must be adjusted together with the width).

marginright: Margin right of each thumb post.

marginbottom: Margin bottom of each thumb post.

popup: Set this to true to add shadowbox popup on the thumbnail image. Shadowbox must be installed. Demo

cufon: Set this to false to turn off cufon for the post title (if cufon is enabled in the theme settings for H2).

hideimage: Set to true to hide the thumb image.

removelinks: Set this to true to remove all links. It also removes the readmore, so the whole text will be shown.

zoomcrop: This overrides the zoomcrop in the theme settings. Possible values: topleft/center/false. Read more about zoomcrop here.

offset: The number of posts to skip. offset=”1″ skips the first post.

class: Change the heading size when cufon is disabled. Possible values: smallheading and mediumheading. Custom classes can also be added.

If the category is skipped the newest blog posts will be shown. In version 1.3 a sidebar parameter was also added, making it possible to use this shortcode in pages with sidebar or in the blog.

A page shortcode was also added in version 1.1.2. It can be used to insert pages into posts (designs, signatures, author info etc.). Here’s the shortcode: [bfpage id=6].

Image Gallery

The image gallery example is using the “no sidebar” template and the nextgen shortcode in the body text, like this: [nggallery id=4] (where the number is the ID of the nextgen gallery). Here are the steps you needed to get the gallery looking like on this site.

Install the Nextgen Gallery plugin and enable it.
Install the Lightbox 2 plugin (Version 2.8.2 By Rupert Morris) and enable it.
In the Gallery-Options deactivate the “Activate PicLens/CoolIris support”.
In the the Gallery tab in Options deactivate the “Show ImageBrowser”.
In the Effects tab in Options choose Lightbox.
In the Thumbnails tab in Options set the “Width x height ” to 150×150.
Create a new gallery and upload images.
The shortcode will be listed in the top when creating the gallery (but the ID can also be found under “Manage Gallery”).
Create a page, choose the “no sidebar” template, and enter the shortcode into the body text.

Portfolio Template

This template shows posts from a specified category as portfolio images. Here is an example of this template: portfolio2. The Category ID is specified in the custom field with name: category and ID of the category as value. From version 1.2 the category name can be used instead of the ID. A couple of links can be added with custom fields (illustrating images below). In version 1.3.3 a new custom field variable was added, noresize, set it to true to prevent image resizing. Another custom field parameter is showposts, it sets the number of posts per page. In version 1.3.4 2 new custom field parameters was added, imagewidth and textwidth. These can be used to set the width of the portfolio image, and also the text area.

Image on the left is showing the “portfolio” page template is chosen.

category ID or Name is necessary to list posts.

Adds a Gallery link to the portfolio. Format: Nextgen Gallery ID,Gallery Name (optional).

Adds a website link to the portfolio. Format: URL,Name (optional).

Blog Posts template

This template was added in version 1.3 due to many requests for a functionality that limits the blog to a category, and then have many post pages instead of one. This was possible with adding categories to the navigation, but it lacked some functionality the blog had. With this template you add a category as a custom field and it lists all posts paged by a showposts custom field parameter or the wordpress default (same as the main blog).

Image on the left is showing the “Blog Posts” page template is chosen.

category ID or Name is necessary to list posts.

Photoblog template

This template was added in version 1.3.3. It makes it possible to post images without any size constraints. Add a category as a custom field (name or ID, see image above for illustration) and it lists all posts paged by a showposts custom field parameter.

There are 2 ways to use this template:

Add the image(s) into the post (without any text) and add the text to an excerpt.
Add an image as default and add the descriptive text into the post.

Links template

This template was added in version 1.3.4. It lists posts as links. Add a category as a custom field (name or ID, see image above for illustration) and it lists all posts paged by a showposts custom field parameter.

setting up the theme

admin — Thu, 09 Jul 2009 11:51:04 +0000

Here is a step by step recipe how to set up this theme. Some plugins are required and some code is necessary to set up the pages.

Install the Theme (upload and activate). Only upload the the bigfeature folder, and do not install the themeforest_bigfeature-wordpress-theme_51702.zip file.
Install some plugins (listed below). Search for the plugin name from within wordpress admin, then add and activate it. Some plugins can conflict with the theme, but the ones listed below have been tested to work, and also extra styling for the plugins has been added. Only add those that are needed. Adding to many will slow down your website.
Add widgets (to the main sidebar).
Add pages (see Page Templates Tutorial or use the setupdata available here).
Add categories.
Change theme settings.

Add pages/categories/links to the navigation
Enable the “Cache the settings stylesheet” setting. This will speed up your website. It writes the theme settings styles to optionstyles.css in the library/css folder. If this doesn’t work make the library/css folder writeable.
Enable the “Use an alternative styling for widget headings” setting if you want the same widget style as on the demo website.

Change the Media Settings (under settings-media), to fit the post width.
- Large size: 528px (if width is 848 (default) then set this to 528. It is the “Feature Image Width” – (Sidebar Width + 50) ).
- Medium size: for inline images, set it less than the large size (ex. 300px).
- Thumbnail size: 150×150px (demo website settings).
- Full size: this is added by the scissors plugin. The “Feature Image Width” can be set here (leave the height 0), then all the images will automaticly be resized to the max width of the website.
Write posts (when uploading default post images, set it as “default image” (and press “save all changes”) and do not insert it to the post, alternatively you can add an image url under the “Big Feature Post Settings” under the editor). The width of the default images have be at least 528px (and 848px for the feature image). More info on writing posts, or watch this video tutorial.

Plugins (optional)

Easy Contact
A simple and good contact formula for the contact page.
NextGEN Gallery
The Image Gallery used on the demo site.Here’s how to set it up to look the same. The bfslider can also show images from a nextgen gallery.
ProPlayer
Install this one for the video functionality to work (use the pro-player shortcode).
WP-PageNavi
For fancier page navigation.
WP125
Sidebar 125px ads.
Yoast Breadcrumbs
Install this one for the breadcrumbs functionality to work.
Advanced Category Excluder
Hide posts from some part of the site, for example keep the portfolio posts only in the portfolio category (that is added to the navigation).
Popularity Contest
List most popular posts (there is a setting for displaying this after the article. Also a setting for how many posts to list). There is a settings for this plugin that should be changed (settings – popularity): Show popularity rank for posts, set it to no and press save.
AddThis
Social bookmarking plugin.
FlickrRSS
Adds flickr images to the sidebar.
WP Page Numbers
An alternative to WP-PageNavi.
TweetMeme Button
Adds a retweet button to the post meta field. Set the position to manual, remove the styling, set the type to “The compact widget” and then enable it in the theme settings (Meta Information section). Also set a Source for retweets.
Yet Another Related Posts Plugin
Will replace the builtin related posts functionality. Go to the plugin settings. Choose “Display using a custom template file” and save. The “Maximum number of related posts:” can also be changed. The “Show Related posts below articles” theme settings must also be set for it to work. Alternatively the “Show related posts as thumbnail posts” can be set (theme settings under misc) to display the related posts as thumbnail posts under the comments. If you want to use this plugin with a child theme you have to copy the yarpp-template-bf.php (in the bigfeature folder) file into the child theme folder.
Shadowbox JS
This is a popup window like lightbox, but also takes html. This plugin is used together with bfthumbs. If this is installed the popup=”true” parameter can be set in bfthumbs. The default images/videos will then popup in a shadowbox window. A tip is to disable some of the players that is not needed to prevent to much loading of too many scripts. Bfthumbs needs the the html and imge players.
TinyMCE Advanced
With this plugin extra functionality can be added to the editor. Add the styles dropdown to the editor bar (in this plugin settings) to get some useful classes in a dropdown list.
My Profiles
Used with the Author infobox. When this plugin is installed and activated social links can be added to the author infobox (in user – profile).

None of these plugins are required, but are listed here since functionality and styling has been added for these plugins. Adding too many plugins can slow down the website, so do not add them all.

Information on setting up and using the theme

Watch this video tutorial.
Read the article about page templates.
Check the theme settings overview.
Read the FAQ.
Search the Forum.

Support

You can ask questions in the comments area on themeforest or in the Forum. Alternatively you can contact me through the themeforest contact form, but watch the video tutorial, read the documentation and search the forum before you ask questions. If you have a wordpress functionality question, please google it…and I do not give support on customizations (hire a coder).

Timthumb troubleshooting

Some have reported problems with displaying the default images, and the reason for this is the script timthumb. Here are some tips to make it work.

Check if the cache folder is created under library/timthumb. If not create it and set it writable (777). Also make the timthumb folder writeable.
Run the timthumb script directly. Example url:
http://www.vfxdude.com/bigfeature/wp-content/themes/bigfeature/library/timthumb/timthumb.php?src=/bigfeature/wp-content/uploads/2009/08/bf-content-slider.jpg&w=255&h=126&zc=1

Change the domain name to your website and the image path (src=) to an uploaded image on your server. If an image shows it works. If you get an error message, you can send it to the hosting support. A tip is to set the cache folder to chmod 755 instead of 777, since this is a problem on some servers.
Make sure GD library is installed on the server.
On some server setups the .htaccess file found in the scripts folder can break things. If this happens then renaming/ deleting the .htaccess file should fix things.
There are different server setups, and this might be a security policy the is blocking the script. Example of hosting security blocking timthumb.php

writing articles

admin — Wed, 08 Jul 2009 22:17:26 +0000

I guess you know how to write articles in wordpress, but BigFeature have added some new functionality to the posting procedure and also quite a few formatting and styling possibilities.

The image above shows the meta box added to wordpress. This will show in posts and pages sections, so default images can be more easily added to the articles. The “upload an image” button, which is the same as the small “add an image” icon above the editor, was added because that icon is so small. The icon might be easy to miss for new users of wordpress, so a big button with clear text might be helpful.

There is also an “enter an Image URL” input box in the default image meta settings, which overrides any uploaded default image and will be displayed instead (write the full url to the image (not the timthumb url and external images (on other domains) doesn’t work)). The last option is to disable the default image for this post.

When uploading an image there is a setting called “default image” (marked in the image above) added to enable or disable the image as default for the post (displays as feature/normal/thumb images). To set an image as default choose yes and press save all changes. The scissors plugin (also marked) is useful for cropping the image for better fit.

From version 1.2 it is possible to add videos instead of the feature image. Actually it is a page that is inserted instead of the image, so any content can be added to that page. To use it add a custom field to a post called featurepage and the page ID as value.

some styling examples

Big and interesting heading

July 1, 2009 | Documentation

Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor

venenatis ut, lacinia ut
Maecenas pede metus, ultricies non
Curabitur dapibus vulputate nibh.
Quisque eget lectus ut ipsum luctus facilisis.
Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.

Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.

“Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.”

Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus.

The code

Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor

venenatis ut, lacinia ut
Maecenas pede metus, ultricies non
Curabitur dapibus vulputate nibh.
Quisque eget lectus ut ipsum luctus facilisis.
Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.

"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts."

laying out the plans

July 1, 2009 | Documentation

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo

Imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.

Blueprint for my house

“Dreams pass into the reality of action. From the actions stems the dream again; and this interdependence produces the highest form of living.”Anais Nin

Project outline

venenatis ut, lacinia ut
Maecenas pede metus, ultricies non
Curabitur dapibus vulputate nibh.
Quisque eget lectus ut ipsum luctus facilisis.
Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.
Praesent hendrerit tempus risus. Donec sed purus.
Pellentesque id nisl. Etiam velit.

Vestibulum ante ipsum primis

In faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus.

About the project

The code

In enim justo

Blueprint for my house

"Dreams pass into the reality of action. From the actions stems the dream again; and this interdependence produces the highest form of living."Anais Nin

Project outline

venenatis ut, lacinia ut
Maecenas pede metus, ultricies non
Curabitur dapibus vulputate nibh.
Quisque eget lectus ut ipsum luctus facilisis.
Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.
Praesent hendrerit tempus risus. Donec sed purus.
Pellentesque id nisl. Etiam velit.

Vestibulum ante ipsum primis

About the project

the last example

July 1, 2009 | Documentation

Photograph from a fashionshoot

Aenean leo ligula

porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.

Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque.

The code

Photograph from a fashionshoot

Aenean leo ligula

Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque.

Theme Settings

admin — Mon, 06 Jul 2009 20:42:26 +0000

BigFeature has many settings, making the theme very flexible and customizable. Here is an overview of the most important ones.

Add/Remove Features

Show the Logo
The logo must be uploaded first (se video above) and then this must be enabled for it to be visible. The file type can be gif/png/jpg.
Show the Sitename
This is the Blog Title that can be changed in the Wordpress general settings.
Show the Slogan
This is the Tagline that can be changed in the Wordpress general settings.
Show the Navigation
Show/hide the top navigation (can be set as an alternative style in the misc section).
Add a searchbox to the header
This is a searchbox that also can be added as an widget, but it might be better to have it in the header for easy access.
Show the RSS Icon in the header
This icon can link to the wordpress rss feed or to a “Feedburner RSS Feed url” if this setting is set.
Enable the Feature Image for posts
This enables the big feature article image (the size is set in the “Feature Image Width” setting). The first post on the frontpage and articles/pages will display this big image if the right width pic is uploaded (a post can be set as sticky to keep it at the top of the frontpage).
Show Related posts below articles
This is posts with common tags as current. Good way to keep readers on the site.
Show Recent posts below articles
This is the same as the recent posts widget, and it also takes the parameters from that widget. The advantage to have it below an article than in the sidebar is that on the frontpage the new posts are already listed, and it seems redundant to also have it in the sidebar.
Show popular posts below articles (plugin)
This is using the “Popularity Contest plugin” (it must be installed for this setting to work). There is also an setting for how many popular posts to list.
Enable Breadcrumbs (plugin)
This is using the “Yoast Breadcrumbs plugin” (it must be installed for this setting to work). The breadcrumb is shown on pages and article above the default image (if any).

Misc

Show Post a Comment Link
Displays a link to the comments after the read-more link. This link will be displayed if no read-more exists.
Show retweet button in posts (plugin)
Adds a a retweet button at the top of posts. The TweetMeme Button plugin must be installed for this to work. In the settings of the plugin set the position to manual, remove the styling, and then enable it in the theme settings. Also set a Source for retweets.
Show RSS Feed links in the footer
Show/hide the rss links in the footer (will use feedburner rss if set).
Include a top link in the footer
Adds a link that scrolls to the top when clicked on in the footer.
Enable custom single templates
When this is checked the functionality for custom single.php templates is enabled. Here is more information on how to use it.
Disable dynamic title tags
The dynamic title tag functionality outputs title tags based on post/page name etc. If this is disabled only the blog title will be shown, but then plugins like Headspace2 can be used to make it dynamic again.
Disable meta tags
Meta tags for description and keyword is automatically added, if this is disabled no meta tags will be shown. This is useful if a plugin like Headspace2 is used to output meta tags instead.
Use First Attached Image as default
If this setting is enables the first image uploaded will be automatically used as the default image (images can be set as first image in the attachment list by dragging them to the top of the list (can be useful when checking out different article images)).
Add an image border to default images
Adds a (1px solid #ddd) border to default images (this also reduces the image width by 2px).
Use an alternative styling for widget headings (cufonized)
Changes the widget heading for the main sidebar.
Show Category name in the Archive
Show/hide the category name in the archive listing. When adding a category in the navigation it will be highlighted as current and therefore the archive heading might not be necessary.
Enable Feature image for Categories in the archive
Makes the archive behave like the blog with a feature image at the top.
Disable the feature image on the frontpage
If this is enabled, feature images will not be shown on the frontpage of the blog, but they will still be shown in the article view.

Thumbnail posts

Show older posts on the blog frontpage as thumbnail posts
This will display the older posts (the posts after the first one) on the frontpage as thumbnails. There is also a thumbnails template that can be used to create a “non blog frontpage” or maybe a portfolio (see example on this demo site).
Show the archive posts as thumbnail posts
The posts in the archive (lists of categories, tags etc.) will be shown as thumnail posts (like in the blog when that is enabled).
Show the search result as thumbnail posts
The search result posts will be shown as thumbnail posts.
Show recent posts (below the article) as thumbnail posts
The recent posts will be moved below the comments and shown as thumbnail posts.
Show related posts as thumbnail posts
The related posts will be moved below the comments and shown as thumbnail posts.
Show Read More for Thumbnails
Show/hide the read-more for thumbnails (for the frontpage and the tumbnails template).
Show Meta info for Thumbnails
Adds the posibility to display the date, author and number of comments for the thumbnails.
Add Date to the Thumbnail posts text
Adds a short formatted date at the beginning of the text in thumbnail posts. The date format can be set in the theme settings (Short Date Format)
Exclude the text from thumbnail posts
Removes the text from thumbnail posts.
Add an image border to thumbnail posts
Add a 1px border around the thumbnail post images.
Produce thumbnails for videos (proplayer must be installed)
This works for videos (proplayer shortcode and url) added in the “Big Feature post/page settings” below the editor.

The rest of the general settings

Container Width
This sets the width of the website (feature images must be at least this width to be displayed).
Sidebar Width
This sets the width of sidebar (reduces the width of the content area).
Sidebar 2 Width
This sets the width of the second sidebar column (reduces the width of the content area).
Sidebar Margin
This sets the width of the margin between the content and the sidebar.
Meta Information
Add/remove meta information below the post heading. Comment icon show the number of posts on the right side of the post heading.
Upload a Logo
Here you can upload a logo (needs to be enabled in the featured section). See video for example how to.
Logo URL
This can be set instead of uploading a logo (full url). Useful if the logo image is on an external site.
Limit frontpage text
Number of words to automatically limit (cut off and a readmore is displayed to read the rest of the post) for the front page text (also archive and search). This is set off by default, so the post can be limited by readmore or using an excerpt instead.
Limit thumbnail text
Same as above, but for thumbnails. This is enabled by default.
Limit portfolio text
Limits the text in the portfolio2 template. This is enabled by default.
Normal default image max height
This sets the max height of normal/medium default images.
Thumb default image max height
This sets the max height of thumbnail default images.
Date Format
php date format for the date meta information.
Short Date Format
php date format for thumbnail posts and recent/related posts.
Home menu name
The text for the navigation item for the frontpage.
Read More text
The text for the read more link.
Thumb posts Read More text
The text for the read more link for thumbnail posts.
Number of Popular Posts
The number of posts to list using the “Popularity Contest plugin” after the article.
Popular Posts Report Type
The type of “most popular” list to show.
Number of Recent Posts
The number of “recent posts” to list under the article (if enabled).
Max Number of Related Posts
The maximum number of “related posts” to list under the article (if enabled).
Feedburner RSS Feed url
Feedburner rss url. Will replace all rss links.
Feedburner ID For Email Subscription
Feedburner ID for the custom feed widget that shows a “subscribe by email” form (this is what’s after http://feeds.feedburner.com/ in the url above).
Footer Text
Change The footer text and links (this replaces the designed by text). The rss links can be disabled in misc.
Scripts
Adds code to the bottom the page (for Google Analytics and similar stuff).

Navigation

“Add/remove/Sort the Navigation” is a simple way to change the top menu by drag and dropping items to/from the navigation. In many themes you have to type the ID of the post to add it, and many don’t even include the possibility to add categories. Here you got an easy way to do both, without the hassle of finding the ID’s. The drag and drop functionality was added in version 1.0.1, a video of this functionality is available here. The next setting, “Enable dropdown menu for pages/categories” you can enable a dropdown hiearchy for the menu item. All children for the menu item will be included.

Include Categories in the navigation admin
Adds categories to the navigation admin list.
Include Links in the navigation admin
Adds links to the navigation admin list.
Enable the multiple navigation functionality
Adds a + icon next to the main naviagtion. When it’s clicked more navigations will be added.
Remove the add pages checkbox (from the pages admin)
Removes the “Add this page to the navigation” checkbox from the pages section.
Show down arrow to indicate dropdown menu
Shows a arrow in the navigation to mark a dropdown menu.
Navigation Style
Changes the style of the main navigation.

Typography

Cufon font replacement
Setting for displaying the sitename, slogan, navigation, post heading, H1 & H2 tag as an anti aliased font. The font used is Vegur (a free font by dotcolon.net).
Default Cufon font
Choose another default cufon font without uploading.
Cufon Font Uploader
Makes it possible to add new cufon fonts. See this video for more info.
Sitename text size
The font size in pixels for the sitename.
Navigation text size (px)
The font size in pixels for the navigation.
Article header & H1-tag size
The font size in pixels for the post header and H1 tag
Body text size (px)
The font size in pixels for the body tag (whole website).
Post text size (px)
The font size in pixels for the post text.
Body text font Type
Default font family for the website.
Heading font type
Font type for the headings.

Colors

Quite self explanatory, adds the possibility to change the colors for sitename, slogan, navigation, links, headings and the background.

Default Image Settings

When adding/editing posts/pages there this theme have added an meta box (below the editor) for adding a default article image. There is an “upload an image” button, which is the same as the small “add an image” icon above the editor. The reason this was added is that the icon is so small, might be easy to miss for new users of wordpress, so a big button with clear text might be helpful.

When uploading an image there is an setting called “default image” (a radio button for yes or no) added to enable or disable the image as default for the post (displays on the frontpage, search and archives). There is also an “enter an Image URL” input box in the default image meta settings, which overrides any uploaded image and will be displayed instead (only internal url’s are allowed).

The next option is to add a custom thumbnail to the post/page. This one overrides the default image thumbnail. The next one makes it possible to add videos as “default images”. The next checkbox is to disable the default image for this post. The last option is to disable feature size for images/videos. This is useful if the video is not that wide, so it doesn’t get that stretched. In pages there is also a checkbox for adding the page to the navigation.

BigFeature

Changelog

Version 1.3.5.2 (released 19. May)

Version 1.3.5 (released 4. May)

Version 1.3.4

Version 1.3.3

Vimeo video test

Frequently Asked Questions

Questions

Answers

Cufon font replacement

Generate and upload a cufon font

Upload more fonts

Example of custom targeting in the description field

The BF Slider

Defaults

Tutorials

Page slides Tutorial

Page slides widget Tutorial

Featured posts slides Tutorial

Widgets

Featured posts

Page

Feed

Recent comments

Recent posts

Sidebars

Widget areas

Example of usage

Page Widget

Feeds Widget

Featured Posts Widget

Page templates

About Page Code | View

We are a colorful bunch

Lorem ipsum dolor sit amet.

Sed sed erat. Sed pharetra.

Sed mauris lorem

Duis arcu tortor

Contact Page Code | View

We are located in the Docklands

Contact Form

Vestibulum purus quam

Aenean ut eros et nisl sagittis vestibulum.

Frontpage Code | View

Frontpage3 Code | View

Welcome to Big Feature

Latest News

Featured Posts

Latest Work

Thumbnails Template

Frontpage2 code | View

At vfxdude we speak in code and dream in colors

beautiful websites

We create the web

What we can do for you

Our latest work

The thumbnails shortcode

The Parameters

Image Gallery

Portfolio Template

Blog Posts template

Photoblog template

There are 2 ways to use this template:

Links template

setting up the theme

Plugins (optional)

Information on setting up and using the theme

More documentation

Support

Timthumb troubleshooting

writing articles

some styling examples

Big and interesting heading

Lorem ipsum dolor

The code

Lorem ipsum dolor

laying out the plans

In enim justo

Project outline