The Ascend Premium Theme comes with built in shortcodes and a shortcode generators. When writing a post or page you can use these shortcodes to make richer content for your site.

To use the shortcode generator click on the “Extra shortcodes” button inside your page or post.

Other Shortcodes included with Premium

Carousel Shortcode:
[carousel type=post]

Options:

  • type => post, portfolio, product
  • orderby => menu_order and date
  • columns => 2, 3, 4 and 5.
  • items => (a number of how many items in carousel ex: 8)
  • speed => (A number, in milliseconds. ex: 9000)
  • scroll => 1 or “all” (if all carousel will scroll all items showing)
  • productargs => featured, best, sale, latest
  • cat => (use term slug)

A full example:

[carousel type=post orderby=date columns=4 items=8 speed=9000 scroll=all cat=photos]
Blog Posts Shortcodes:
[blog_posts]

Options:

  • orderby => menu_order and date
  • items => (a number of how many items to show ex: 8)
  • type => normal, below_title, full, grid_standard,  grid, photo, mosaic
  • cat => (category term slug)
  • offset => (a number of how many items to skip)

A full example:

[blog_posts type="grid" orderby="date" items="4" cat="photos"]
Portfolio Posts Shortcode:
[portfolio_posts]

Options:

  • orderby => menu_order, title, rand and date
  • items => (a number of how many items to show ex: 8)
  • style => pgrid, pgrid-no-margin, poststyle, mosaic, tiles
  • ratio => square, portrait, landscape, widelandscape, softcrop
  • columns => 2, 3, 4 and 5.
  • showtypes => true
  • lightbox => true
  • excerpt => false
  • type => (portfolio type term slug)

A full example:

[portfolio_posts orderby=date style="pgrid" columns=4 items=4 ratio="square" lightbox=true showtypes=true type=photos]
Portfolio Types Shortcode:
[portfolio_types]

Options:

  • orderby => menu_order, title, rand and date
  • order => ASC or DESC
  • items => (a number of how many items to show ex: 8)
  • childof => 0 for none or use the type id
  • style => pgrid, pgrid-no-margin, poststyle, mosaic, tiles
  • ratio => square, portrait, landscape, widelandscape, softcrop
  • columns => 2, 3, 4 and 5.
  • childcategories => true or false
  • showexcerpt => true or false

A full example:

[portfolio_types orderby=date columns=4 items=4 ratio="square" style="pgrid" childof=0 childcategories=false]
Testimonial Posts Shortcode:
[testimonial_posts]

Options:

  • orderby => menu_order, title, rand and date
  • items => (a number of how many items to show ex: 8)
  • columns => 2, 3, 4 and 5.
  • group => (category term slug)

A full example:

[testimonial_posts orderby="date" items="4" columns="4" group="photos"]
Staff Posts Shortcode:
[staff_posts]

Options:

  • orderby => menu_order, title, rand and date
  • items => (a number of how many items to show ex: 8)
  • columns => 2, 3, 4 and 5.
  • ratio => square, portrait, landscape, widelandscape, softcrop
  • group => (category term slug)

A full example:

[staff_posts orderby=date items=4 columns=4 height=200 group=developers]
Gallery Shortcode:
[ gallery ids="20,21,22" ]

Options:

  • ids => the image ids
  • columns => 3 (1-6)
  • imgwidth => 200 (number for the pixels of how wide the grid image should be)
  • imgheight => 200 (number for the pixels of how tall the grid image should be)
  • masonry => true or false
  • lightboxsize => full (large, medium or thumbnail)
  • gallery_id => number (defaults to a random)
  • type => default (can be slider, carousel, imagecarousel, grid or default)
  • caption => true or false
  • fullscreen => true or false
  • (for slider type) autoplay => true or false
  • (for slider type) speed => 9000
  • (for slider type) width => 1140
  • (for slider type) height => 400
  • (for grid type) portraitstring => 3,4,7,8,11,12,15,16

A full example:

[gallery ids="20,21,22" type="carousel" columns="4" lightboxsize="large" ]
Image Menu Item Shortcode:
[img_menu]

Options:

  • type => fixed_height or image_height
  • image_id => id for image (optional)
  • image_url => url to background image
  • height => number
  • title => Title Text
  • subtitle => Subtitle Text
  • link => Link URL
  • target => _blank
  • align => left, right or center
  • valign => center, top or bottom

A full example:

[img_menu type="fixed_height" height="220" image_url="urltotheimage.jpg" title="Title" subtitle="Subtitle" link="#"]
Info Box Shortcode:
[infobox]

Options:

  • icon => icon-home (any icon)
  • size => if icon set the size of the icon (48)
  • color => #fff (icon hex color)
  • iconbackground => #444 (hex color)
  • image_url => url to image
  • image_id => ID of image
  • alt => if image use to add alt text
  • link => Link URL
  • tcolor => #444 (text hex color)
  • background => #f2f2f2 (text hex background color)

A full example:

[infobox icon="icon-home" size="48" color="#fff" iconbackground="#444" tcolor="#444" background="#f2f2f2" link="#" target="_blank" title="Title" description="Description"]
Simple Box:
[kt_box]

Options:

  • padding_top => 15 (any number)
  • padding_bottom => 15 (any number)
  • padding_left => 15 (any number)
  • padding_right => 15 (any number)
  • background => #ffffff
  • opacity => 1 (this applies to the background)
  • style => (any extra css inline styling)
  • valign => top

A full example:

[kt_box background="#444" opacity=".5" valign="middle" min_height="400"] CONTENT HERE [/kt_box]
Image Split:
[kt_imgsplit]

Options:

  • height => 500 (any number)
  • image => url to image
  • image_cover => false (true or false)
  • image_background => (any hex color for behind the image)
  • content_background => (any hex color for behind the content)
  • image_link => (any valid link)
  • link_target => _self (use _blank for new window)
  • imageside => left (can be left or right)
  • id => (any string)

A full example:

[kt_imgsplit height="500" image="urltotheimage.jpg" image_cover="false" image_background="#444" image_link="#link" link_target="_blank" content_background="#f2f2f2" imageside="right"] CONTENT HERE [/kt_imgsplit]