The Ascend Premium Theme comes with built-in shortcodes and a shortcode generator. 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
  • order => ASC or DESC
  • items => (a number of how many items to show ex: 8)
  • columns => 2, 3, 4 and 5.
  • group => (category term slug)</li
  • content => excerpt, full
  • link => true or false
  • isostyle => masonry or fitRows

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
  • order => ASC or DESC
  • 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)
  • content => excerpt, full
  • link => true or false
  • filter => true or false

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

An example:

 [ gallery ids="20,21,22" columns="4" type="carousel" ] 
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)

An 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]
Contact Form:
[kt_contact_form]

Options:

  • label_name => Name:
  • label_email => Email:
  • label_subject => Subject:
  • label_message => Message:
  • label_submit => Send Message
  • label_name_error => Please enter at least 2 characters.
  • label_email_error => Please enter a valid email.
  • label_subject_error => Please enter at least 2 characters.
  • label_message_error => Please enter at least 10 characters.
  • label_math_error => Please check your math.
  • message_error => Please fill the required fields.
  • message_success => Thank you! Your message was sent successfully.
  • email_to => admin email
  • enable_math => true
  • style => normal

Example with some options:

[kt_contact_form email_to="[email protected]" label_submit="Send Email" label_name="Full Name:" enable_math="false"]


Fullwidth box shortcode:
[kt_fullwidth_container] [/kt_fullwidth_container]

Options:

  • type => “stretched” or “fullbg”
  • bg_color => #333

An example:

[kt_fullwidth_container type="stretched" bg_color="#333333"] "content"
[/kt_fullwidth_container]


Google Map Shortcode:
[gmap]

Options:

  • address => location
  • title => title of location
  • height => 400 (any number)
  • address2 => second location
  • title2 => title of second location
  • address3 => third address
  • title3 => title of third location
  • zoom => 15 (any number)
  • maptype => ROADMAP (HYBRID, TERRAIN, SATELLITE)

An example:

[gmap address="101 N Main Street Los Angeles California 90012" title="The Hub" height="400" address2="202 W 1st St Los Angeles CA 90012" title2="Library" zoom="15" maptype="ROADMAP"]


Animated Typed Text Shortcode:
[kt_typed]

Options:

  • first_sentence => your text
  • second_sentence => your text
  • third_sentence => your text
  • fourth_sentence => your text
  • startdelay => 500 (any number)
  • loop => true (true or false)

A full example:

[kt_typed first_sentence="First Sentence" second_sentence="Second" third_sentence="Third" fourth_sentence="Fourth" startdelay="500" loop="true"]


Modal Shortcode:
[kad_modal]

Options:

  • btntitle => Button Title
  • btncolor => #fff  (button text color)
  • btnbackground => #333 (button background color)
  • title => Modal Title
  • btncolor => #fff (modal button color)
  • btnbackground => #999 (modal button background color)

An example:

[kad_modal btntitle="Button Title" btncolor="#ffffff" btnbackground="#333333" title="Modal Title" btncolor="#ffffff" btnbackground="#333333"]<p>Modal Content</p>[/kad_modal]

Breadcrumbs Shortcode:
[kt_breadcrumbs]

Testimonial Form Shortcode:
[kad_testimonial_form]

Options:

  • name_label => Name
  • testimonial_label => Testimonial
  • location_label => Location (if enabled)
  • position_label => Position (if enabled)
  • link_label => Website (if enabled)
  • submit_label => Submit
  • consent_label => Please check to consent to our privacy policy. (if enabled)
  • math_error => check your math
  • spam_error => your post appears to be spam
  • name_error => please enter your name
  • content_error => please add testimonial content
  • consent_error => please check box
  • error_message => Sorry, an error occurred.
  • login_message => You must be logged in to submit a testimonial.
  • success_message => (custom success message)
  • location => false (true or false)
  • position => false (true or false)
  • link => false (true or false)
  • login => false (true or false)
  • enabled_consent => false (true or false)
  • enabled_math => true (true or false)

An example:

[kad_testimonial_form name_label="Name" testimonial_label="Testimonial " location_label="Location" position_label="Position" link_label="URL" submit_label="Submit" success_message="Thank you for submitting your testimonial! It is now awaiting approval from the site admnistator. Thank you!" location="true" position="true" link="true"]

Accordion Shortcode:
 [accordion][pane title="title1" start=open] <p>Put content here</p> [/pane][pane title="title2"] <p>Put content here</p>[/pane][pane title="title3"]<p>Copy and paste to create more</p>[/pane][/accordion]