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

See here for all releases.

Version 1.4.1

• new:
  

  Bfthumbs shortcode improvements.

  • A layout gui. This makes it possible to rearrange the image, title, meta etc. and also add any information from wordpress and plugins.
  • query_string parameter. Makes it possible to refine the query (ex: query_string=”ignore_sticky_posts=0″).
  • image_align parameter. The image will no be the width of the thumbpost, but left/right/center aligned. If timthumb is used for the images (this can be changed in the layout manager) a seperate image_width and image_height can be set. Using the WP image sizes is now also possible.
  • image_width parameter. Set the width of the image when using the image_align parameter in combination with timthumb.
  • image_height parameter. Set the height of the image when using the image_align parameter in combination with timthumb.
  • zoomcrop parameter improved. Timthumb is updated to version 2.7 and with it comes a new zoom crop alignment feature, that got many options. This is also updated in the theme settings “TimThumb Cropping Alignment” select list. The new parameters available is also listed in the shortcode gui for bfthumbs (this will override the theme settings one).
  • wp_query compability. If no category, taxonomy etc. specified bfthumbs will take on the wp_query parameters instead. Making it possible to use bfthumbs to replace the blog/archive/search/single pages with the new shortcode template system.
  • Normal page navigation for bfthumbs (need one of the pagenavi plugins). ajaxnav=”false”.
  • Possibility to only show something on the first page with bfthumbs (when using the feature above). onlyfirstpage=”true”.
• new:
  

  bfthumbs layout GUI.

  This can be accessed by editing a current post bfthumbs in the shortcode gui, there will be a button called “bfthumbs layout”. In this gui bfthumbs posts can be totally changed, rearranged, new stuff added. For example there is a plugin node there where several plugins have been integrated, and can be just added to the bfthumbs post by dragging the node and choosing the plugin (the plugin must be installed and activated).

  Every node got parameters that can be changed. These parameters can be accessed by clicking on the node so it will expand to reveal all it’s options. The labels above the input fields have tooltips with description what it is, so by hovering the label it will appear.

  Some nodes can also be nested, like f.ex. the meta node can have child nodes (just drag a node to the bottom of the expanded meta node and it will become nested). This way child nodes can have it’s parents settings and style. Another example is the image node that can have the caption node as child. And the caption node can have any placement in the image, and this also makes it possible to add more than one caption on to an image.

  bfthumbs layout nodes:

  • image – The post image. It can be resized by titmthumb or use a featured image size. It can also be overridden by a video added to the video field below the post editor. A custom link can also be added with the cf-link parameter (add a custom field name and add a url in that custom field in the posts where a redirection is wanted).
  • title – The post title. A custom title can be added by a custom field. Add a name of the custom field to the cf-title field and then add the custom field with the custom title in the post. A custom link can also be added like for the image. A cufon font can be selected, or a web font like google fonts (or webkit) can be used instead. The google-font field loads the font added and uses it. Google fonts can also be loaded from the theme settings, and then the font name can be added to the font-family field instead. A font size can also be set (just a number for pixel size). This font-size field can also set the lineheight and letterspacing by using this format: 24px/1em/1px.
  • text – The post text. The text can use the normal functionality where the text is fetched from the excerpt field if text is entered there or if a tag is entered to the post text what’s before that tag is used (and the text remains then formatted), or else the automatic limiter is used (number of words can be set in the theme settings or by adding a numwords parameter to the shortcode). The excerpt method fetches the text from the excerpt field, but if it’s no text there it will use the wordpress excerpt function that will fetch a preview text from the post. The whole post method is for example useful if using bfthumbs in single post view. The “meta description field” method fetches the text form the meta description field below the editor. The last one is unfiltered, but the other either got the_content or the_excerpt filter applied. The text can also be fetched from a custom field (cf-text field). And a google font can also be added for the text (see title node for more explanation).
  • meta – This is the muta style parent node. It doesn’t display any meta information by itself, but can style other nodes added to it (expand it and drag another node to the bottom to nest). See previous node descriptions for more information about google font.
  • readmore – If a text method does not automatically show a readmore link a manual one can be added. It got some styles to choose from, links and buttons. It can even be nested to the text node so it’s inside it’s paragraph (on the same line as the last word of the text).
  • caption – Caption text that can be added to image node. Several captions can be added and it’s source text can grabbed from a custom field specified with the cf-text field.
  • customfield – Grabs text from a custom field specified.
  • plugin – Integrates several plugins. These are:
    • Facebook Like Button
    • Simple Facebook Share Button
    • WP Tweet Button
    • TweetMeme Button
    • ShareThis
    • AddToAny
    • Sociable
    • WP-PostRatings
    • GD Star Rating – Stars
    • GD Star Rating – Thumbs
    • I Like This
    • WP e-Commerce – Product Price
    • WP e-Commerce – Add to cart button
  • html – Add html.
  • php – Add php or include a php file (will search in the child theme and bigfeature folder).
  • postdate – Add post date meta info.
  • category – Add the post categories.
  • tags – Add the post tags.
  • taxonomy – Add custom taxonomies. The taxname field must be the lowercase name (db id) of the taxonomy.
  • author – Add author name and link.
  • editlink – Add the editlink (will only be showed for administrators).
  • commentlink – Add a formatted link to the post comments. This can also be the comment icon bubble showed on the theme demo blog index.
• new:
  

  shortcode GUI.

  This was already release in version 1.4.0.4, but since that was a beta version of 1.4.1 all it’s features are also listed here. The shortcode GUI makes it possible insert and update current post shortcodes. It’s also possible to save them to a list that can be accessed from other posts/pages. There are 3 dropdown lists at the top where the shortcodes are listed.

  The first dropdown list is showing all the shortcodes available with the theme, and selecting one will show the input fields for creating a new shortcode. A very important field is the first one, called sid (shortcode ID). When a shortcode got a sid it can be edited and updated with the shortcode gui, without such a unique id parameter it will not show up in the “current post shortcodes” list.

  Saved shortcodes will show up in the “saved shortcodes list, and can be accessed from other posts. When updating a “current post shortcode” the post will be updated, and the change can be seen when refreshing the post/page with re publishing the post. This also means that when exiting the shortcode GUI after updating the post editing page must be reloaded to reflect the changes done to the shortcode.

  One very important new feature to the bfthumbs shortcode is the “bfthumbs layout” and this gui can only be accessed when editing a “current post shortcode”. All the input fields in the GUI got a description making easier to understand what it is, and also making more documentation not necessary.

• new:
  

  shortcode template system.

  This system makes it possible to use shortcodes as templates, and target any section of the website. Categories or Custom taxonomies can be created and used for template targeting. Anything selected in the template post will be targeted, so if a custom taxonomy is created it must be assigned to the Templates post type to be used with the targeting system. This way categories or taxonomies can be added to the navigation and used as page templates, but just so much easier and more flexible.

  Check “Enable Custom Templates Feature” in the theme setting. And now a custom post type called Templates will appear. Create a new post there and add a bfthumbs without any category/tag/taxonomy parameter into the post, and it will use the wp_query parameters instead. That means the posts that was previously shown with a page template will now be shown with the bfthumbs shortcode. This makes it so easy to change the post design, just a little tweak in the shortcode gui and it changes the layout. For example, changing the numcols parameter will change the number of columns shown, or the changing showposts parameters will show more posts per page.

  For the next version there will be premaid templates with several free child themes showcasing the design available to download. This will make it easier to switch design, and also not making it neccessary to understand all the shortcodes. The templates can be exported and imported and all the information is included, even the bfthumbs layout elements. This way a selection of templates can be imported with a press of a button ready to be used with another click of a button.

  In the template there are several ways to target the sections of the website. These are listed below the text editor, but also categories, tags and custom taxonomies added can be used to further refine the targeting. For example when choosing the archive target it will be used for all archives, including categories, tags and taxonomies, but if one of those is selected in the right column the template will only target the one chosen.

  template targets:

  • blog – This will show instead of the blog index. It works even if the blog is the frontpage or set as a page.
  • search – This will show instead of the search.
  • archive – This will target the archive and further refinement can be chosen (categories etc.)
  • single – This will target single post view and further refinement can be chosen (categories etc.). Bfthumbs can be used to show single posts by setting the numcols to 1 and the width to the content area width. The “full post” text method must be chosen in the bfthumbs layout gui for the whole post to be shown.
  • url – Target by url. whole or parts of the url works (with wildcards).
  • page – A page (or several comma seperated ones) can be targeted too, but this is not necessary since shortcodes can be added to pages and used as templates (added to the navigation).
  • categories – One or more category can be chosen in combination with the archive and/or single targets.
  • post tags – One or more tags can be added in combination with the archive and/or single targets.
  • custom taxonomies – One or more taxonomy can be chosen in combination with the archive and/or single targets.
• new:
  

  new and modified shortcodes.

  • widgetarea – Shows any sidebar/widgetarea. This makes it possible to add any number of sidebars at a page or a shortcode template. New ones can now be created in the theme settings.
  • bfhook – Display a hook content.
  • bfinclude – Makes it possible to include a php file (the file can be in the theme folder or in a child theme folder).
  • bfbreadcrumbs – Shows the Breadcrumb NavXT plugin breadcrumb path (the plugin must be installed and active).
  • comments – Shows the post comments.
  • bfyarpp – Makes it possible to have a bfthumbs template for the yet another related posts plugin. The yarpp-template-bf.php template must selected as template in the plugin settings. This template file is updated to make this shortcode work, so if you have an older version in a child theme folder this one must be updated.
  • bfauthorinfo – Display author info box in single post view. The author info box must be enabled in the user profile to be displayed.
  • bfthumbs – The biggest change is the addition of the layout manager, and making it work with the shortcode template system. See at the top of this versions changelog for more information.
  • nivoslider – Current post as default. Just add a shortcode without parameters, like this (to the “Feature HTML” input box or into the editor): [nvoslider]. The thumbs style of this shortcode is fixed (“Show preview thumbnails” checkbox in the shortcode gui). Also the reload bug is fixed (nothing showed when reloading the page). Some new transitions has also been added.
  • galleria – Current post as default, just as nivoslider, see above for more information. Created a Galleria theme where the thumbnails are hidden. theme=”nothumbs”. Also added a fullscreen theme, but that is a little experimental, since the only way out of it is the back button.
  • divider – Added a toplink type.
  • bfslider – Fixed the vertical slides (“Slide vertically” checkbox in the shortcode gui). Added button style6 (buttons=”style6). Fixed the “Show default images in the slider instead of videos” theme setting misc feature.
  • button – Added color and shape parameters.
  • columns, image, box – Fixed the wpaoutop issue (no more annoying extra paragraphs added).
• new: theme settings. google fonts, custom sidebars, shortcode template system, zoomcrop improved, a header code input box.
• new: WP e-Commerce integration and adjustments. The page.php bug fixed. Added some css to fix some styling (shoppingcart, single product view and the checkout page). Added integration in the bfthumbs layout gui so that a “add to cart” button and the price can be added to posts. To use bfthumbs with WP e-Commerce just add a post_type=”wpsc-product” and a category parameter to show a product category listing. Then add the add the price and add to cart button in the bfthumbs layout (plugin node).
• new: Google font support. Google fonts can be added in the theme settings (typography tab). Just copy the font name from the list on google and now you can add it in the font-family field in the layout gui (The font can also be loaded from the layout gui). The new fonts will also be listed in the theme settings for the body and heading font lists.
• fix: updated timthumb to version 2.7 and added support the new zoomcrop alignment functionality.
• new: navigation admin type. possible to have both the theme navigation system and wp menu at the same time. Example:

  [bfnav name="sidebar" style="vertical" admin="wp"]

  or calling the function, like this: bf_nav("sidebar","vertical","wp");

• new: Added tax custom field parameter to page templates.
• new: Added support for several website link in the portfolio (link,name;link,name).
• new: Added classes to the navigation items.
• new: Added navigation sorting for link category listing (add sorting to notes area).
• fix: Added multisite support for the image shortcode.
• fix: Fixed post_types parameter in bfthumbs so that multiple custom post types are now possible (post_type=”portfolio,photoblog”).
• fix: Fixed the feature area content filter problem caused by some plugins (duplicate stuff was added below the feature image).

Version 1.4.

• new: Content Shortcodes. Boxes, Buttons, Columns, Dropcaps & Pullquotes, Image frames & Captions, Lists, Tabs & Toggle.
• new: Nivoslider (image slider). Demo.
• new: Galleria (image gallery and slider). Demo 1, 2, 3, 4.
• new: Thumbnail post styles. Demo.
• new: Improved thumbnail slider functionality. Demo.
• new: Body classes (can style differently based on page/post/category/tags).
• new: Image loading animation.
• new: Facebook share button in the post meta area.
• new: Overlay caption style.
• new: “Simple Facebook Connect” integration added (code added to comments area).
• new: Added canonical link meta field for posts and pages.
• new: Moved shortcode scripts and styles to the footer.
• new: Added normal image url input field (so that timthumb also can be skipped for blog frontpage images if wished).
• new: Added support for iframe video embed code.
• new: Added feature html input field (f.ex. add shortcodes (a slider or maybe a html5 video plugin) for the feature area in single post view).
• new: Cufon target field for the default cufon font.
• new: Setting for moving the image below the title.
• new: Setting for moving the the post meta information below the post content.
• new: Offset added to the featured widget.
• new: Added possibility to add/remove theme settings from a child theme.
• new: Added orderby and order parameters to the slider.
• new: Added the possibility to overide functions in child themes (meta ++).
• fix: Replaced imagefit with css for image resizing.
• fix: zoomcrop=”false” will skip timthumb for the nextgen sliders (bfslider and nivoslider).
• fix: bfslider exclude posts without a default image or video.
• fix: Blog posts template (WP3.0 compability).
• fix: Image url’s for feeds is now the full url.
• fix: Image url’s for WP3.0 multisite fixed.
• fix: Theme settings now appears for wp3 multisite admins.
• fix: WP3 navigation intergration.
• fix: Static frontpage paging bug fixed.
• fix: The dropdown indicator nav bug with ie6/7 is fixed.
• fix: Caption center style fixed.
• fix: bfthumbs offset with pagination fixed.

NB! before you upgrade: export the theme settings and move the widgets to the inactive widgets area, because changes have been made so this will be lost when upgrading. After upgrading import the settings and move the widgets back. Here’s how to upgrade.

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).

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).

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

1. Are the upgrades free?
2. How do I install the theme?
3. How do I upgrade the theme?
4. How to set a page as the home page?
5. Why isn’t my default image showing?
6. How to add the feature image?
7. how can portfolio posts not be shown in the blog?
8. How do I add a slider to the top of the blog?
9. How do I translate the theme?
10. How can I use another cufon font?
11. Why are some of the cufon letters missing?
12. How do I use the extra navigations I have added?
13. How do I create a custom single.php (article) template?
14. How do I add videos?
15. How to create a child theme?
16. Where do I add parameters for the slider?
17. How can I change the background color?
18. how can I add a background image?
19. How can I make the gallery like in the demo website?
20. What shortcodes are available with theme?
21. How do I add external links to the navigation?
22. How do I stop the default image from linking to itself?
23. How can I create a video gallery?
24. How to make the default post image smaller?

Answers

1. Are the upgrades free?

   Yes, you can download the updated theme from the downloads tab on your profile page on Themeforest (the latest version is always the one available there).

2. 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

3. 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). If you install this plugin you can upgrade the theme without deleting it first.

   It is recommended to backup the settings, widgets and modifications done to the theme before upgrading. Here’s how to:

   1. Press the export button at the bottom of the theme settings and save the file (press import to open the file to restore the saved settings after the upgrade if necessary).
   2. Install this plugin to save your widgets to the theme, so you will not loose them when upgrading.
   3. To save any customizations done to the theme use a child theme. Download and install bfBlank (if you don’t use a child theme already). Add css to style.css (just the ones you have modified or added. they will override the ones in the original style.css) and just copy the modified template files from the bigfeature folder into the child theme folder.
4. How to set a page as the home page?

   Read this wordpress article, or watch this video (no sound).

5. Why isn’t my default image showing?

   Read this for how to add default images (method 1 is recommended). And also watch this video tutorial. 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.

6. 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.

7. how can portfolio posts not be shown in the blog?

   3 ways, the Ryo Category Visibility 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. In version 1.4.0.3, support for custom post types was added. Then you can f.ex. create a separate post type for the portfolio, and use the portfolio template to show it (these posts will not be shown in the blog). more info.

8. 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.

9. 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.

10. 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.

11. 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.

12. 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).

    If the first parameter is left blank, like this bf_navigation("","navsmall"); the main navigation will be used. The second parameter can be any of the styles above, or a custom class name. example: bf_navigation("","mynavigation");. This navigation can be styled like this: ul.navigation.mynavigation {}. Multiple classes can be also added, so to create a custom style based on the navbarsep style you can call the navigation like this: bf_navigation("","navbarsep mynavigation");. Read this for more information.

13. 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).
14. 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).

15. How to create a child theme?

    Easiest way to set up a child theme is to download the example one available here (bfBlank or topArt). Upload it to the themes folder and enable it like a normal theme. If you choose the topart child 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.

16. 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

17. 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; }

18. how can I add a background image?

    You can use the wordpress background functionality. It’s in Appearances – background.

    If you want more control use a child theme. 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;

19. 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.
20. What shortcodes are available with theme?

    Here’s a list of all the shortcodes available. There’s also a link to documentation there.

21. 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.

22. 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)

23. 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.
 
24. How to make the default post image smaller?

    The best way is to insert a small preview image into the post editor and use the more tag after the image and the preview text. Here are some screenshots illustrating what I’m talking about: 1, 2, 3, 4. And here’s more information about the topic and other ways of adding small post images.

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

1. 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.
2. Upload the compiled js font file with the cufon uploader in the theme settings.
3. 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).
4. 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).
5. Press “save all changes” (not necessary to save the settings).

Upload more fonts

1. Generate and upload another font and change it’s title.
2. 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).
3. Other fonts can be added if the elements are specified in the description.
4. 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).
5. 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.

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).
• nextgen – Shows images in a Nexgen Gallery. Use the gallery name like this: name=”gallery1″.

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

1. 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).
2. Add a new page. Select the previous page as it’s parent. Add slide contents, and publish.
3. Add more pages like the one above…
4. 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.
5. 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

1. 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).
2. 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.
3. Add a new page. Select the previous page as it’s parent. Add slide contents, and publish.
4. Add more pages like the one above…
5. 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

1. 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).
2. Publish.

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.

Recent comments

Custom version of the “Recent Comments” widget that adds an excerpt of the comment text and excludes trackbacks/pingbacks .

Recent posts

Custom version of the “recent posts” widget that adds the date of the posts.

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.

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

<div class="col1">
<h1>We are a colorful bunch</h1>
<p>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.</p>

<h2>Lorem ipsum dolor sit amet.</h2>
<p>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.</p>

<h2>Sed sed erat. Sed pharetra.</h2>
<p>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.</p>
</div>

<div class="col2">
<div class="box">
<h6>Sed mauris lorem</h6>
<ul class="checklist">
<li>venenatis ut, lacinia ut</li>
<li>Maecenas pede metus, ultricies non</li>
<li>Curabitur dapibus vulputate nibh.</li>
<li>Quisque eget lectus ut ipsum luctus facilisis.</li>
<li>Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.</li>
<li>Praesent hendrerit tempus risus. Donec sed purus.</li>
<li>Pellentesque id nisl. Etiam velit.</li>
</ul>
</div>

<h2>Duis arcu tortor</h2>
<p> 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.</p>

<p><a href="/bigfeature/wp-content/uploads/2009/06/flowers2.jpg"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/flowers2.jpg" alt="flowers2" title="flowers2" width="269" height="257" class="alignright size-full wp-image-53" /></a></p>
</div>

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

This is for a 2 column layout.

Contact Page Code | View

<div class="col1"><h1>We are located in the Docklands</h1>
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.
<hr>
<h2>Contact Form</h2><br>
[ easy-contact ]
</div>
<div class="col2">
<p><a href="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/map.png"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/map.png" alt="map" title="map" width="382" height="515" /></a></p>

<h2>Vestibulum purus quam</h2>
<p> 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.</p>

<p> 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.</p>

<h2>Aenean ut eros et nisl sagittis vestibulum.</h2>
<p> 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.</p>

<p> 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.</p>
</div>

[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

<div class="feature"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/08/fp-banner-design.png" alt="fp-banner-design" title="fp-banner-design" width="848" height="250" /></div>

<div class="col1">
<h1>Welcome to Big Feature</h1>
<p class="intro">Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>

<p><span class="dropcap">I</span>n 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.</p>

<p> 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. </p>
</div>

<div class="col2">
<p> 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. </p>

<blockquote class="alignright">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</blockquote>

<p> 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.</p>

</div>
<div class="clear">&nbsp;</div>

<h5>Latest News</h5>
[ bfthumbs numposts="3" ]

<h5>Featured Posts</h5>
[ bfthumbs category="featured" numposts="3" ]

<h5>Latest Work</h5>
[ 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

<div class="mb40" style="border: #eee 1px solid;"><div class="alignleft mr40"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/07/fruit.jpg" alt="fruit" title="fruit" width="283" height="323" class="size-full wp-image-705" /></div>
<div class="mt40 mr20">
<h1>At vfxdude we speak in code and dream in <span style="color:#660000">colors</span></h1>
<p class="intro">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. <a href="#">Check it out  &raquo;</a></p> </div>
<div class="clear"></div></div>

<div class="col1">
<h2 class="pt0 mb0">beautiful websites</h2>
<h1>We create the web</h1>
<p class="intro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla. Quisque at dui.</p><p>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.</p>
</div>

<div class="col2">
<h6>What we can do for you</h6>
<ul class="checklist">
<li>venenatis ut, lacinia ut</li>
<li>Maecenas pede metus, ultricies non</li>
<li>Curabitur dapibus vulputate nibh.</li>
<li>Quisque eget lectus ut ipsum luctus facilisis.</li>
<li>Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.</li>
<li>Praesent hendrerit tempus risus. Donec sed purus.</li>
<li>Pellentesque id nisl. Etiam velit.</li>
<li> Donec posuere vulputate arcu.</li>
</ul>
</div>
<div class="clear"></div>
<br/>
<h5>Our latest work</h5>

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.

1. Install the Nextgen Gallery plugin and enable it.
2. Install the Lightbox 2 plugin (Version 2.8.2 By Rupert Morris) 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.

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:

1. Add the image(s) into the post (without any text) and add the text to an excerpt.
2. 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.

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.

1. Install the Theme (upload and activate). Only upload the the bigfeature folder (or the bigfeature.zip file). Do not install the downloaded zip file.
2. 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.
3. Add widgets (to the main sidebar).
4. Add pages (see Page Templates Tutorial or use the setupdata available here).
5. Add categories.
6. 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. More info.
• Enable the “Use an alternative styling for widget headings” setting if you want the same widget style as on the demo website.
7. 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.
8. Write posts (when adding default post images, use the “Set featured image” functionality 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)

• Contact Form 7

  A 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.

• Breadcrumb NavXT

  Install this one for the breadcrumbs functionality to work.

• Yoast Breadcrumbs

  Alternative breadcrumbs plugin.

• 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).

• Royo Category Visibility

  An alternative to the “Advanced Category Excluder” plugin since it stopped working for new versions of Wordpress.

• 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. Deselect the “Automatically display related posts” checkbox, then choose “Display using a custom template file” and select the “yarpp-template-bf.php in the “Template file” dropdown list and then press save changes. 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

1. Watch this video tutorial.
2. Read the article about page templates.
3. Check the theme settings overview.
4. Read the FAQ.
5. Search the Forum.

More documentation

• All the documentation.
• Video Tutorials (more videos will be added).

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:
  /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

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

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.

“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

<p class="intro">Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> 

<div class="box alignright">
<h6>Lorem ipsum dolor</h6>
<ul class="checklist mb0">
<li>venenatis ut, lacinia ut</li>
<li>Maecenas pede metus, ultricies non</li>
<li>Curabitur dapibus vulputate nibh.</li>
<li>Quisque eget lectus ut ipsum luctus facilisis.</li>
<li>Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.</li>
</ul>
</div>

<p><span class="dropcap">I</span>n 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.</p>

<p> 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. </p>

<blockquote class="alignleft"><q>"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts."</q></blockquote>

<p> 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.</p>

<p> 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.</p>

laying out the plans

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

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

“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

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.

The code

<p>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.</p>

<h2> In enim justo</h2>
<p>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.</p>

<div class="caption alignleft"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/construction3.jpg" alt="construction3" title="construction3" width="346" height="346" class="alignleft size-full wp-image-183" /><p>Blueprint for my house</p></div>

<p> 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.</p>

<p> 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.</p>

<blockquote><q>"Dreams pass into the reality of action. From the actions stems the dream again; and this interdependence produces the highest form of living."</q><cite>Anais Nin</cite></p></blockquote>

<h5>Project outline</h5>
<ul class="pointerlist">
	<li>venenatis ut, lacinia ut</li>
	<li>Maecenas pede metus, ultricies non</li>
	<li>Curabitur dapibus vulputate nibh.</li>
	<li>Quisque eget lectus ut ipsum luctus facilisis.</li>
	<li>Mauris convallis leo sed risus. Phasellus sit amet sapien ut velit aliquet vulputate.</li>
	<li>Praesent hendrerit tempus risus. Donec sed purus.</li>
	<li>Pellentesque id nisl. Etiam velit.</li>
</ul>

<h2> Vestibulum ante ipsum primis</h2>
<p>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.</p>

<div class="box boxstyle3">
<a href="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/construction3.jpg"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/construction3-150x150.jpg" alt="construction3" title="construction3" width="150" height="150" class="alignleft size-thumbnail wp-image-183" /></a>
<h6>About the project</h6>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.
</div>

the last example

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, 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.

Photograph from a fashionshoot

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.

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

<p>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.</p>

<a href="http://www.vfxdude.com/bigfeature/2009/06/like-these-sweet-mornings-of-spring-which-i-enjoy-with-my-whole-heart/vector-headphones/" rel="wp-att-110"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/vector-headphones-150x150.jpg" alt="vector-headphones" title="vector-headphones" width="150" height="150" class="alignleft size-thumbnail wp-image-110" /></a>

<a href="http://www.vfxdude.com/bigfeature/2009/06/like-these-sweet-mornings-of-spring-which-i-enjoy-with-my-whole-heart/singer/" rel="wp-att-112"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/singer-150x150.jpg" alt="singer" title="singer" width="150" height="150" class="alignleft size-thumbnail wp-image-112" /></a>

<a href="http://www.vfxdude.com/bigfeature/2009/06/like-these-sweet-mornings-of-spring-which-i-enjoy-with-my-whole-heart/dj/" rel="wp-att-108"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/dj-150x150.jpg" alt="dj" title="dj" width="150" height="150" class="alignleft size-thumbnail wp-image-108" /></a>

<p> 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.</p>

<div class="caption aligncenter"><a href="http://www.vfxdude.com/bigfeature/2009/06/the-dense-fog-hardly-allowed-them-to-discover-the-earth/woman1/" rel="wp-att-441"><img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/woman1-528x327.jpg" alt="woman1" title="woman1" width="528" height="327" class="alignleft size-medium wp-image-441" /></a><p>Photograph from a fashionshoot</p></div>

<p> 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.</p>

<h2>Aenean leo ligula</h2><p> 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.</p>

<img src="http://www.vfxdude.com/bigfeature/wp-content/uploads/2009/06/fruit.jpg" alt="fruit" title="fruit" width="283" height="424" class="alignleft size-full wp-image-116" />

<p> 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.</p>

<p> 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.</p>
<div class="clear"></div>

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.