shortcodes reference guide

In version 1.4 of BigFeature lots of new shortcodes was added. In this article you can read detailed information about each of these shortcodes.

boxes, buttons, columns, dropcaps, pullquotes, image frames & captions, lists, tabs, toggle, divider, bfthumbs, galleria, nivoslider, bfslider.


Boxes

Parameters
type
  • 1 (default)
  • 2
  • info (3)
  • warning (4)
  • error (5)
  • success (6)
  • download (7)
align
  • left
  • right
width
The width (px) of the box.
class
Add custom classes.
style
Inline style.
Examples
[box type="1" align="left"]content[/box]
[box type="info"]content[/box]

More examples.


Buttons

Parameters
type
  • 1 (default)
  • 2
  • 3
  • download
  • pointer
link
Button url.
target
Link target (ex: target=”_blank”).
Examples
[button link="http://test.com"]text[/button]
[button type="download"]DOWNLOAD NOW[/button]

More examples.


Columns

Parameters
width
  • 1/2
  • 1/3
  • 1/4
  • 1/5
  • 1/6
  • 2/3
  • 1/4
  • 2/4
  • 3/4
  • 2/5
  • 3/5
  • 4/5
  • 4/6
  • 2/6
  • 5/6
  • 300 (number of pixels)
last
Must be set to true for the last column to remove the right margin.
class
Makes it possible add custom styling classes.
style
Adds inline css styles.
marginright
Sets a margin right in pixels (useful when using the manual pixel width.
autocols
Link target (ex: target=”_blank”).
Examples
[columns width="1/4"]content[/columns] 
[columns width="3/4" last="true"]content[/columns]
[columns width="1/2"]content[/columns]
[columns width="1/2" last="true" class="colbg rounded colborder"]content
[/columns]

More examples.


Dropcaps

Parameters
width
  • 1
  • 2
  • 3
Examples
[dropcap]L[/dropcap]
[dropcap type="3"]M[/dropcap]

More examples.


Pullquotes

Parameters
width
  • 1
  • 2
  • 3
align
  • left
  • right
Examples
[pullquote type="1" align="left"]text[/pullquote]
[pullquote type="3"]text[/pullquote]

More examples.


Image frames & captions

Parameters
type
  • 1 (or frame1)
  • 2 (or frame2)
  • 3 (or frame3)
  • 4 (or frame4)
align
  • left
  • right
  • center
zoomcrop
  • topleft
  • center
  • false
width
The width (px) of the image. Timthumb will be used for resizing the image.
height
The height(px) of the image. Timthumb will be used for resizing the image.
marginright
Right margin.
marginbottom
Bottom Margin.
caption
Caption text.
link
Image Link.
Examples
[image type="frame2" align="left"]image[/image ]
[image type="frame-css3" align="center" width="500" caption="text"]
image[/image ]

The image part can be just a url or an image html tag.

More examples.


Lists

Parameters
type
  • pointerlist
  • pointerlist2
  • checklist
  • checklist2
  • numlist
  • bignumlist
Examples
[list type="checklist"]<ul><li>content</li></ul>[/list]
[list type="numlist"]<ol><li><h2>heading</h2> text</li></ol>[/list]

More examples.


Tabs

Parameters
type
  • 1
  • 2
minheight
Minimum height of the content (to avoid the content moving up and down).
Examples
[tabs type="1" minheight="50"]<ul><li title="first">content</li><li title="second">content</li><li title="last">content</li></ul>[/tabs]

More examples.


Toggle

Parameters
type
  • 1
  • 2
  • 3
title
The untoggled text.
Examples
[toggle type="3" title="link text"]content[/toggle]

More examples.


Divider

Parameters
type
  • solid
  • dashed
  • dotted
image
Add an image to be used as the divider (it’s repeated horizontally).
margintop
Margin (px) above the divider.
marginbottom
Margin (px) below the divider.
Examples
[divider type="dashed"]

bfthumbs

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).
tax
Taxonomy (tax=”genre:action,thriller;actor:Mel Gibson”).
post_type
Custom Post Type (name).
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
How to sort the thumbnail posts. 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.
numwords
Limit the number of words (the “Limit thumbnail text” setting is default).
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
Right margin of each thumb post.
marginbottom
Bottom margin of each thumb post.
margintop
Top margin 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
How to crop the thumbnail image. 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.
caption
Caption style. Possible values: bottom, frame, frame-css3, overlay, none.
textposition
Position of the text in relation to the thumb image. Possible values: right, left.
textwidth
Width in pixels of the text when the textposition is right or left.
Examples
[bfthumbs category="design" showposts="10" width="153" height="120" numcols="5" marginright="20" text="true" 
title="true" cufon="false" numwords="10" meta="true" class="mediumheading"]

More examples.


Galleria

Parameters
type
  • nextgen – Shows images in a Nexgen Gallery. Use the gallery name like this: name=”gallery1″ (default).
  • post – Lists all attached images to a post or a page. Use the post id as name, like this: name=”34″.
  • flickr – Lists flickr images. You must have a flickr api code to use this.
  • html – Makes it possible to add images (and links) as html.
transition
  • fade
  • flash
  • pulse
  • slide
  • fadeslide
theme
  • classic – The normal gallery with thumbs.
  • dots – The slider with dots.
flickr_method
  • user – Get all pictures from a user’s photostream. The username is the same name as in your flickr URL, f.ex if my URL is flickr.com/photos/johndoe/, the user name is ‘johndoe’.
  • search – Search flickr.
  • tags – Search with a comma-separated string with tags to search for, ex: ‘purple,white’.
  • set – Get all pictures from a specific photoset. Use the ID of the photoset (you can grab it from the URL).
  • gallery – Get all pictures from a specific gallery. Use the ID of the gallery (you can grab it from the URL).
flickr_size
  • small
  • medium
  • big
  • original
flickr_sort
  • date-posted-asc
  • date-posted-desc
  • date-taken-asc
  • date-taken-desc
  • interestingness-desc
  • interestingness-asc
  • relevance
name
Name/ID of the post/gallery/flickr to be shown.
width
The width (px) of the image container (default is the container width).
height
The height (px) of the image container (default is 300px).
marginbottom
Bottom margin (default is 20px).
imagecrop
If set to true the image will fill it’s container (default is false).
thumbcrop
If set to true the thumb will fill it’s container (default is true).
speed
The speed (ms) of the transition (default is 700).
autoplay
If set to true the slideshow automatically start to play (default is false).
caption
Extra information about the image will be added as an I icon to be clicked.
lightbox
Opens the image in lightbox when clicked (default is true). Set this to false to link to an external image (for nextgen add the url in the description field).
flickr_apikey
The API key needed to use the flickr functionality.
flickr_max
Max number of images to fetch from flickr (default is 30).
class
Add custom classes.
Examples
[galleria name="299" type="post" width="600" height="500" caption="false"]
[galleria name="gallery1" type="nextgen" width="600" height="500" numposts="8" caption="false"]

More examples.


Nivoslider

Parameters
type
  • category – List default post images of posts in a category. Links to the post and uses the title as caption (default).
  • news – Same as category, but lists latest published posts.
  • nextgen – Shows images in a Nexgen Gallery. Use the gallery name like this: name=”gallery1″.
  • html – Makes it possible to add images (and links) as html.
effect
  • random (default).
  • sliceDown
  • sliceDownLeft
  • sliceUp
  • sliceUpLeft
  • sliceUpDown
  • sliceUpDownLeft
  • fold
  • fade
zoomcrop
This overrides the zoomcrop in the theme settings. Read more about zoomcrop here.

  • topleft – default
  • center
  • false – no cropping.
name
Name of the category/gallery to be shown.
width
The width (px) of the image container (default is the container width).
height
The height (px) of the image container (default is 300px).
marginbottom
Bottom margin (default is 60px).
numposts
Max number of posts when type is category (default is 10).
caption
Set to false to hide the information at the bottom of the image (default is true). This is the post title with the category type, and the alt text for nextgen images (the description field is used for links).
slices
Number of slices in the transition effect (default is 15).
animspeed
The speed (ms) of the transition (default is 500).
pausetime
The pause (ms) between slides (default is 3000).
startslide
Starting slide (default is 0).
directionnav
Set to false to hide the next and previous buttons (default is true).
directionnavhide
Set to false to always show the next and previous buttons (default is true and it only shows them on hover).
controlnav
Set to false to hide the dots at the bottom (default is true).
controlnavnhumbs
Set to true to show the dots as image preview thumbnails (default is false).
keyboardnav
Set to false to turn off the keyboard control (default is true). Use left and right arrows to skip between slides.
pauseonhover
Stop animation while hovering. (default is true).
manualadvance
Force manual transitions (default is false).
captionopacity
Caption opacity (default is 0.8).
lightbox
Set to true to add a lightbox rel to the image links (default is false).
thumbwidth
The width (px) of the thumbnails (default is 100).
thumbheight
The height (px) of the thumbnails (default is 70).
thumbposbottom
The position (px) of the thumbnails relative to the bottom of the slide (default is -90).
thumbmarginright
Thumb right margin (px). The default is set in the Nivoslider stylesheet.
thumbmarginbottom
Thumb bottom margin (px). The default is set in the Nivoslider stylesheet.
class
Add custom classes.
Examples
[nivoslider name="design" type="category" height="400" numposts="4" slices="20"]

More examples.


bfslider

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″.
  • thumb – Thumbnail slider. Example.
name
The name of the slider page/category/nextgen gallery.
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
Next and previous button style (false hides the buttons).

  • style1 – default
  • style2
  • style3
  • style4
  • style5
  • 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.
numslides
Max number of slides when type is thumb.
imagesize
Sets the image size used when in type category.

  • normal – default
  • feature
  • noresize
imagewidth
Image width when in type category.
imageheight
Image height when in type category.
maximageheight
Max height for the image when in type category.
bgcolor
Sets the background color when in type category (#666).
color
Sets the text color when in type category (#fff).
numeric
Add numeric buttons at the bottom (default: false).
lightbox
Add a lightbox rel to the link.
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
orderby
How to sort the category slides.

  • date – default
  • author
  • title
  • modified
  • menu_order
  • ID
  • rand
  • comment_count
order
Sort order of category slides.

  • DESC – default
  • ASC
zoomcrop
This overrides the zoomcrop in the theme settings. Read more about zoomcrop here.

  • topleft – default
  • center
  • false – no cropping.
Examples
[bfslider name="slides" type="page" height="349" buttons="true" speed="1000" animation="fade"]
[bfslider name="featured" type="category" imagesize="normal"  numwords="40" height="270"  imagewidth="500" imageheight="220" bgcolor="#666" color="#fff" numeric="true"]

More examples. More documentation.