Shortcodes Ultimate Cheatsheet

Shortcodes Ultimate: Cheatsheet
← Back to Dashboard
Shortcode Attributes Example code
h Heading Style – style [su_heading style="default" size="13" align="center"

Styled heading
Possible values: default margin="20" class=""]Heading text[/su_heading]
Default value: default
Size – size
Possible values: 7…48
Default value: 13
Align – align
Possible values: left, center, right
Default value: center
Margin – margin
Default value: 20
Class – class
Possible values: Any custom CSS classes
! Tabs Style – style [su_tabs style="default" active="1" vertical="no"

Tabs container Possible values: default class=""][su_tab title="Title 1"]Content 1[/su_tab]
[su_tab title="Title 2"]Content 2[/su_tab]
[su_tab title="Title 3"]Content 3[/su_tab][/su_tabs]
Active tab – active

Default value: 1
Vertical – vertical
Possible values: yes | no
Default value: no
Class – class
! Tab Title – title [su_tab title="Tab name" disabled="no" anchor=""

Single tab
Possible values: Tab name url="" target="blank" class=""]Tab content[/su_tab]
Default value: Tab name
Disabled – disabled
Default value: no
Anchor – anchor
Possible values: Any text value
URL – url
Link target – target

Possible values: self, blank
Default value: blank
Class – class
% Spoiler Title – title [su_spoiler title="Spoiler title" open="no"

Spoiler with Possible values: Spoiler title style="default" icon="plus" anchor="" class=""]Hidden
hidden content content[/su_spoiler]
Default value: Spoiler title
Open – open
Default value: no
Style – style
Possible values: default, fancy, simple
Icon – icon
Possible values: plus, plus-circle, plus-square-
1, plus-square-2, arrow, arrow-circle-1, arrow-
circle-2, chevron, chevron-circle, caret, caret-
square, folder-1, folder-2
Default value: plus
Anchor – anchor
Class – class
# Class – class [su_accordion class=""]

Accordion Possible values: Any custom CSS classes [su_spoiler]Content[/su_spoiler]
Accordion with [su_spoiler]Content[/su_spoiler]
spoilers [su_spoiler]Content[/su_spoiler][/su_accordion]
… Divider Show TOP link – top [su_divider top="yes" text="Go to top" style="default"
Content divider
Possible values: yes | no divider_color="#999999" link_color="#999999" size="3"
with optional margin="15" class=""]
Default value: yes
TOP link
Link text – text

Possible values: Go to top
Default value: Go to top
Style – style
Possible values: default, dotted, dashed,
double
Divider color – divider_color

Possible values: #RGB and rgba() colors
Default value: #999999
Link color – link_color

Size – size
Default value: 3
Margin – margin
Default value: 15
Class – class
( Spacer Height – size [su_spacer size="20" class=""]

Empty space
with adjustable
Default value: 20
height
Class – class
& Background – background [su_highlight background="#DDFF99" color="#000000"

Highlight Possible values: #RGB and rgba() colors class=""]Highlighted text[/su_highlight]
Highlighted text
Default value: #DDFF99
Text color – color

Class – class
' Label Type – type [su_label type="default" class=""]Label[/su_label]

Styled label
Possible values: default, success, warning,
important, black, info
Class – class
) Quote Style – style [su_quote style="default" cite="" url=""

Blockquote
Possible values: default class=""]Quote[/su_quote]
alternative
Cite – cite
Cite url – url

Class – class
+ Align – align [su_pullquote align="left"

Pullquote Possible values: left, right class=""]Pullquote[/su_pullquote]
Pullquote
Default value: left
Class – class
* Style – style [su_dropcap style="default" size="3"

Dropcap Possible values: default, flat, light, simple class=""]D[/su_dropcap]
Dropcap
Size – size
Default value: 3
Class – class
. Frame Align – align [su_frame align="left" class=""]<img

Styled image
Possible values: left, center, right src="http://lorempixel.com/g/400/200/" />[/su_frame]
frame
Default value: left
Class – class
, Row Class – class [su_row class=""][su_column

Row for flexible
Possible values: Any custom CSS classes size="1/3"]Content[/su_column]
columns [su_column size="1/3"]Content[/su_column]
[su_column size="1/3"]Content[/su_column][/su_row]
, Column Size – size [su_column size="1/2" center="no" class=""]Column

Flexible and
Possible values: 1/1, 1/2, 1/3, 2/3, 1/4, 3/4, content[/su_column]
responsive
1/5, 2/5, 3/5, 4/5, 1/6, 5/6
columns
Default value: 1/2
Centered – center
Default value: no
Class – class
/ List Icon – icon [su_list icon="" icon_color="#333333" class=""]<ul>

Styled
Possible values: icon: music, icon: envelope … <li>List item</li>
unordered list
full list <li>List item</li>
<li>List item</li>
</ul>[/su_list]
Icon color – icon_color
Class – class
♥ Button Link – url [su_button

Styled button Possible values: url="http://member.belajarbisnisinternet.com"
http://member.belajarbisnisinternet.com target="self" style="default" background="#2D89EF"
color="#FFFFFF" size="3" wide="no" center="no"
Default value:
radius="auto" icon="" icon_color="#FFFFFF"
http://member.belajarbisnisinternet.com
text_shadow="none" desc="" onclick="" rel="" title=""
class=""]Button text[/su_button]
Target – target
Default value: self
Style – style
Possible values: default, flat, ghost, soft,
glass, bubbles, noise, stroked, 3d
Background – background
Default value: #2D89EF

Default value: #FFFFFF
Size – size
Default value: 3
Fluid – wide
Default value: no
Centered – center
Default value: no
Radius – radius
Possible values: auto, round, 0, 5, 10, 20
Default value: auto
Icon – icon
Possible values: icon: music, icon: envelope …
full list

Text shadow – text_shadow

Possible values: none
Default value: none
Description – desc
onClick – onclick
Rel attribute – rel

Title attribute – title

Class – class
0 Service Title – title [su_service title="Service title" icon=""

Service box
Possible values: Service title icon_color="#333333" size="32" class=""]Service
with title description[/su_service]
Default value: Service title
Icon – icon
full list

Icon size – size

Default value: 32
Class – class
! Box Title – title [su_box title="Box title" style="default"

Colored box
Possible values: Box title box_color="#333333" title_color="#FFFFFF" radius="3"
with caption class=""]Box content[/su_box]
Default value: Box title
Style – style
Possible values: default, soft, glass, bubbles,
noise
Color – box_color
Title text color – title_color

Radius – radius
Default value: 3
Class – class
! Note Background – note_color [su_note note_color="#FFFF66" text_color="#333333"

Colored box Possible values: #RGB and rgba() colors radius="3" class=""]Note text[/su_note]
Default value: #FFFF66
Text color – text_color

Radius – radius
Default value: 3
Class – class
1 Expand More text – more_text [su_expand more_text="Show more" less_text="Show less"

Expandable text
Possible values: Show more height="100" hide_less="no" text_color="#333333"
block link_color="#0088FF" link_style="default"
Default value: Show more
link_align="left" more_icon="" less_icon=""
class=""]This text block can be expanded[/su_expand]
Less text – less_text
Possible values: Show less
Default value: Show less
Height – height
Default value: 100
Hide less link – hide_less

Default value: no
Text color – text_color

Link color – link_color

Default value: #0088FF
Link style – link_style

Possible values: default, underlined, dotted,
dashed, button
Link align – link_align

Default value: left
More icon – more_icon

full list
Less icon – less_icon

full list
Class – class
2 Content type – type [su_lightbox type="iframe" src="" class=""][su_button]

Lightbox Possible values: iframe, image, inline Click Here to Watch the Video [/su_button]
Lightbox [/su_lightbox]
Default value: iframe
window with
custom content
Content source – src
Class – class
2 ID – id [su_lightbox_content id="" width="50%" margin="40"

Lightbox Possible values: Any text value padding="40" text_align="center" background="#FFFFFF"
content color="#333333" shadow="0px 0px 15px #333333"
Inline content class=""]Inline content[/su_lightbox_content]
Width – width
for lightbox
Possible values: 50%
Default value: 50%
Margin – margin
Default value: 40
Padding – padding
Default value: 40
Text alignment – text_align

Default value: center
Background color – background

Shadow – shadow
Possible values: 0px 0px 15px #333333
Default value: 0px 0px 15px #333333
Class – class
4 Tooltip Style – style [su_tooltip style="yellow" position="top" shadow="no"

Tooltip window Possible values: light, dark, yellow, green, red, rounded="no" size="default" title="" content="Tooltip
with custom
blue, youtube, tipsy, bootstrap, jtools, tipped, text" behavior="hover" close="no" class=""][su_button]
content cluetip Hover me to open tooltip [/su_button][/su_tooltip]
Default value: yellow
Position – position
Possible values: north, south, west, east
Default value: top
Shadow – shadow
Default value: no
Rounded corners – rounded

Default value: no
Font size – size

Possible values: default, 1, 2, 3, 4, 5, 6
Tooltip title – title

Tooltip content – content

Possible values: Tooltip text
Default value: Tooltip text
Behavior – behavior
Possible values: hover, click, always
Default value: hover
Close button – close

Default value: no
Class – class
3 Private Class – class [su_private class=""]Private note text[/su_private]

Private note for Possible values: Any custom CSS classes
post authors
5 Url – url [su_youtube url="" width="600" height="400"

YouTube Possible values: Any text value responsive="yes" autoplay="no" class=""]
YouTube video
Width – width
Default value: 600
Height – height
Default value: 400
Responsive – responsive
Default value: yes
Autoplay – autoplay
Default value: no
Class – class
5 Url – url [su_youtube_advanced url="" playlist="" width="600"

YouTube Possible values: Any text value height="400" responsive="yes" controls="yes"
Advanced autohide="alt" showinfo="yes" autoplay="no" loop="no"
YouTube video rel="yes" fs="yes" modestbranding="no" theme="dark"
Playlist – playlist
player with https="no" wmode="" class=""]
advanced
settings
Width – width
Default value: 600
Height – height
Default value: 400
Default value: yes
Controls – controls
Possible values: no, yes, alt
Default value: yes
Autohide – autohide
Possible values: no, yes, alt
Default value: alt
Show title bar – showinfo

Default value: yes
Default value: no
Loop – loop
Default value: no
Related videos – rel

Default value: yes
Show full-screen button – fs
Default value: yes
modestbranding – modestbranding
Default value: no
Theme – theme
Possible values: dark, light
Default value: dark
Force HTTPS – https

Default value: no
WMode – wmode
Class – class
5 Vimeo Url – url [su_vimeo url="" width="600" height="400"

Vimeo video
Possible values: Any text value responsive="yes" autoplay="no" class=""]
Width – width
Default value: 600
Height – height
Default value: 400
Default value: yes
Default value: no
Class – class
5 Screenr Url – url [su_screenr url="" width="600" height="400"

Screenr video
Possible values: Any text value responsive="yes" class=""]
Width – width
Default value: 600
Height – height
Default value: 400
Default value: yes
Class – class
5 Url – url [su_dailymotion url="" width="600" height="400"

Dailymotion Possible values: Any text value responsive="yes" autoplay="no" background="#FFC300"
Dailymotion foreground="#F7FFFD" highlight="#171D1B" logo="yes"
video quality="380" related="yes" info="yes" class=""]
Width – width
Default value: 600
Height – height
Default value: 400
Default value: yes
Default value: no

Default value: #FFC300
Foreground color – foreground

Default value: #F7FFFD
Highlight color – highlight

Default value: #171D1B
Show logo – logo

Default value: yes
Quality – quality
Possible values: 240, 380, 480, 720, 1080
Default value: 380
Show related videos – related

Default value: yes
Show video info – info

Default value: yes
Class – class
6 Audio File – url [su_audio url="" width="100%" autoplay="no" loop="no"

Custom audio
Possible values: Any text value class=""]
player
Width – width
Possible values: 100%
Default value: 100%
Default value: no
Loop – loop
Default value: no
Class – class
6 Video File – url [su_video url="" poster="" title="" width="600"

Custom video Possible values: Any text value height="300" controls="yes" autoplay="no" loop="no"
player class=""]
Poster – poster
Title – title
Width – width
Default value: 600
Height – height
Default value: 300
Controls – controls
Default value: yes
Default value: no
Loop – loop
Default value: no
Class – class
7 Table CSV file – url [su_table url="" class=""]

Styled table
from HTML or
CSV file
Class – class
8 ID – id [su_permalink id="1" target="self" class=""]

Permalink Possible values: 1
Permalink to
Default value: 1
specified
post/page
Target – target
Default value: self
Class – class
3 Message – message [su_members message="This content is for registered

Members Possible values: This content is for registered users only. Please %login%." color="#ffcc00"
Content for
users only. Please %login%. login_text="login"
logged in login_url="http://member.belajarbisnisinternet.com/wp-
Default value: This content is for registered
members only login.php" class=""]Content for logged
users only. Please %login%.
members[/su_members]
Box color – color

Default value: #ffcc00
Login link text – login_text

Possible values: login
Default value: login
Login link url – login_url

Possible values:
http://member.belajarbisnisinternet.com/wp-
login.php
Default value:
http://member.belajarbisnisinternet.com/wp-
login.php
Class – class
; Guests Class – class [su_guests class=""]Content for guests[/su_guests]

Content for Possible values: Any custom CSS classes
guests only
9 RSS Url – url [su_feed url="" limit="3" class=""]

Feed Possible values: Any text value
Feed grabber
Limit – limit
Default value: 3
Class – class
: Menu Menu name – name [su_menu name="" class=""]

Custom menu
by name
Class – class
: Sub Depth – depth [su_subpages depth="1" p="" class=""]

pages Possible values: 0, 1, 2, 3, 4
List of sub
Default value: 1
pages
Parent ID – p
Class – class
: Siblings Depth – depth [su_siblings depth="1" class=""]

List of cureent Possible values: 0, 1, 2
page siblings
Default value: 1
Class – class
= Url – url [su_document url="" width="600" height="600"

Document Possible values: Any text value responsive="yes" class=""]
Document
viewer by
Width – width
Google
Default value: 600
Height – height
Default value: 600
Default value: yes
Class – class
< Gmap Width – width [su_gmap width="600" height="400" responsive="yes"

Maps by Google
Possible values: 200…1600 address="" class=""]
Default value: 600
Height – height
Default value: 400
Default value: yes
Marker – address
Class – class
. Slider Source – source [su_slider source="none" limit="20" link="none"

Customizable Possible values: none target="self" width="600" height="300"
image slider responsive="yes" title="yes" centered="yes"
Default value: none
arrows="yes" pages="yes" mousewheel="yes"
autoplay="5000" speed="600" class=""]
Limit – limit
Possible values: -1…100
Default value: 20
Links – link
Possible values: none, image, lightbox,
custom, attachment, post
Default value: none
Links target – target

Default value: self
Width – width
Default value: 600
Height – height
Default value: 300
Default value: yes
Show titles – title

Default value: yes
Center – centered
Default value: yes
Arrows – arrows
Default value: yes
Pagination – pages
Default value: yes
Mouse wheel control – mousewheel

Default value: yes
Default value: 5000
Speed – speed
Default value: 600
Class – class
. Source – source [su_carousel source="none" limit="20" link="none"

Carousel Possible values: none target="self" width="600" height="100"
Customizable responsive="yes" items="3" scroll="1" title="yes"
Default value: none
image carousel centered="yes" arrows="yes" pages="no"
mousewheel="yes" autoplay="5000" speed="600" class=""]
Limit – limit
Default value: 20
Links – link
Default value: none

Default value: self
Width – width
Default value: 600
Height – height
Default value: 100
Default value: yes
Items to show – items

Default value: 3
Scroll number – scroll

Default value: 1

Default value: yes
Center – centered
Default value: yes
Arrows – arrows
Default value: yes
Pagination – pages
Default value: no
Mouse wheel control – mousewheel

Default value: yes
Default value: 5000
Speed – speed
Default value: 600
Class – class
. Gallery Source – source [su_custom_gallery source="none" limit="20"

Customizable Possible values: none link="none" target="self" width="90" height="90"
image gallery title="hover" class=""]
Default value: none
Limit – limit
Default value: 20
Links – link
Default value: none

Default value: self
Width – width
Default value: 90
Height – height
Default value: 90

Possible values: never, hover, always
Default value: hover
Class – class
> Posts Template – template [su_posts template="templates/default-loop.php" id=""

Custom posts Possible values: templates/default-loop.php posts_per_page="10" post_type="post"
query with taxonomy="category" tax_term="" tax_operator="IN"
Default value: templates/default-loop.php
customizable author="" meta_key="" offset="0" order="DESC"
template orderby="date" post_parent="" post_status="publish"
Post ID's – id ignore_sticky_posts="no"]
Posts per page – posts_per_page

Default value: 10
Post types – post_type

Possible values: post, page, attachment,
revision, nav_menu_item,
wpcf7_contact_form
Default value: post
Taxonomy – taxonomy
Possible values: category, post_tag,
nav_menu, link_category, post_format
Default value: category
Terms – tax_term
Possible values: 1
Taxonomy term operator – tax_operator

Possible values: 0, 1, 2
Default value: IN
Authors – author
Meta key – meta_key

Offset – offset
Default value: 0
Order – order
Possible values: desc, asc
Default value: DESC
Order by – orderby
Possible values: none, id, author, title, name,
date, modified, parent, rand,
comment_count, menu_order, meta_value
Default value: date
Post parent – post_parent

Post status – post_status

Possible values: publish, pending, draft, auto-
draft, future, private, inherit, trash, any
Default value: publish
Ignore sticky – ignore_sticky_posts

Default value: no
@ Dummy What – what [su_dummy_text what="paras" amount="1" cache="yes"

text Possible values: paras, words, bytes class=""]
Text
Default value: paras
placeholder
Amount – amount
Default value: 1
Cache – cache
Default value: yes
Class – class
. Dummy Width – width [su_dummy_image width="500" height="300" theme="any"

image Possible values: 10…1600 class=""]
Image
Default value: 500
placeholder
with random
Height – height
image
Default value: 300
Theme – theme
Possible values: any, abstract, animals,
business, cats, city, food, nightlife, fashion,
people, nature, sports, technics, transport
Default value: any
Class – class
? Animation – type [su_animate type="bounceIn" duration="1" delay="0"

Animation Possible values: flash, bounce, shake, tada, inline="no" class=""]Animated content[/su_animate]
Wrapper for
swing, wobble, pulse, flip, flipInX, flipOutX,
animation. Any
flipInY, flipOutY, fadeIn, fadeInUp,
nested element fadeInDown, fadeInLeft, fadeInRight,
will be fadeInUpBig, fadeInDownBig, fadeInLeftBig,
animated fadeInRightBig, fadeOut, fadeOutUp,
fadeOutDown, fadeOutLeft, fadeOutRight,
fadeOutUpBig, fadeOutDownBig,
fadeOutLeftBig, fadeOutRightBig,
slideInDown, slideInLeft, slideInRight,
slideOutUp, slideOutLeft, slideOutRight,
bounceIn, bounceInDown, bounceInUp,
bounceInLeft, bounceInRight, bounceOut,
bounceOutDown, bounceOutUp,
bounceOutLeft, bounceOutRight, rotateIn,
rotateInDownLeft, rotateInDownRight,
rotateInUpLeft, rotateInUpRight, rotateOut,
rotateOutDownLeft, rotateOutDownRight,
rotateOutUpLeft, rotateOutUpRight,
lightSpeedIn, lightSpeedOut, hinge, rollIn,
rollOut
Default value: bounceIn
Duration – duration
Default value: 1
Delay – delay
Default value: 0
Inline – inline
Default value: no
Class – class
A Meta Key – key [su_meta key="" default="" before="" after=""

Post meta Possible values: Any text value post_id="" filter=""]
Default – default
Before – before
After – after
Post ID – post_id
Filter – filter
A User Field – field [su_user field="display_name" default="" before=""

User data Possible values: display_name, ID, user_login, after="" user_id="" filter=""]
user_nicename, user_email, user_url,
user_registered, user_activation_key,
user_status
Default value: display_name
Default – default
Before – before
After – after
User ID – user_id
Filter – filter
A Post Field – field [su_post field="post_title" default="" before=""

Post data
Possible values: ID, post_author, post_date, after="" post_id="" filter=""]
post_date_gmt, post_content, post_title,
post_excerpt, post_status, comment_status,
ping_status, post_name, post_modified,
post_modified_gmt, post_content_filtered,
post_parent, guid, menu_order, post_type,
post_mime_type, comment_count
Default value: post_title
Default – default
Before – before
After – after
Post ID – post_id
Filter – filter
B Template name – name [su_template name=""]

Template Possible values: Any text value
Theme
template
C QR code Data – data [su_qrcode data="" title="" size="200" margin="0"

Advanced QR Possible values: Any text value align="none" link="" target="blank" color="#000000"
code generator background="#ffffff" class=""]
Title – title
Size – size
Default value: 200
Margin – margin
Default value: 0
Align – align
Possible values: none, left, center, right
Default value: none
Link – link
Link target – target

Default value: blank
Primary color – color


Default value: #ffffff
Class – class
D Time – time [su_scheduler time="" days_week="" days_month=""

Scheduler Possible values: Any text value months="" years="" alt=""]Scheduled
Allows to show content[/su_scheduler]
the content
Days of the week – days_week
only at the
specified time
period
Days of the month – days_month
Months – months
Years – years
Alternative text – alt


Shortcodes Ultimate Cheatsheet

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Shortcodes Ultimate Cheatsheet

Загружено:

Авторское право:

Доступные форматы

Shortcodes Ultimate: Cheatsheet

Shortcode Attributes Example code

h Heading Style – style [su_heading style="default" size="13" align="center"

Default value: default

! Tabs Style – style [su_tabs style="default" active="1" vertical="no"

Active tab – active

! Tab Title – title [su_tab title="Tab name" disabled="no" anchor=""

Default value: Tab name

Link target – target

% Spoiler Title – title [su_spoiler title="Spoiler title" open="no"

# Class – class [su_accordion class=""]

Link text – text

Divider color – divider_color

Link color – link_color

( Spacer Height – size [su_spacer size="20" class=""]

& Background – background [su_highlight background="#DDFF99" color="#000000"

Text color – color

' Label Type – type [su_label type="default" class=""]Label[/su_label]

) Quote Style – style [su_quote style="default" cite="" url=""

Cite url – url

+ Align – align [su_pullquote align="left"

* Style – style [su_dropcap style="default" size="3"

. Frame Align – align [su_frame align="left" class=""]<img

, Row Class – class [su_row class=""][su_column

, Column Size – size [su_column size="1/2" center="no" class=""]Column

/ List Icon – icon [su_list icon="" icon_color="#333333" class=""]<ul>

♥ Button Link – url [su_button

Text color – color

Icon color – icon_color

Text shadow – text_shadow

Rel attribute – rel

Title attribute – title

0 Service Title – title [su_service title="Service title" icon=""

Icon color – icon_color

Icon size – size

! Box Title – title [su_box title="Box title" style="default"

Title text color – title_color

! Note Background – note_color [su_note note_color="#FFFF66" text_color="#333333"

Default value: #FFFF66

Text color – text_color

1 Expand More text – more_text [su_expand more_text="Show more" less_text="Show less"

Hide less link – hide_less

Text color – text_color

Link color – link_color

Link style – link_style

Link align – link_align

More icon – more_icon

Less icon – less_icon

2 Content type – type [su_lightbox type="iframe" src="" class=""][su_button]

2 ID – id [su_lightbox_content id="" width="50%" margin="40"

Text alignment – text_align

Background color – background

4 Tooltip Style – style [su_tooltip style="yellow" position="top" shadow="no"

Default value: yellow

Rounded corners – rounded

Font size – size

Tooltip title – title

Tooltip content – content

Close button – close

3 Private Class – class [su_private class=""]Private note text[/su_private]

5 Url – url [su_youtube url="" width="600" height="400"

5 Url – url [su_youtube_advanced url="" playlist="" width="600"

Show title bar – showinfo

Related videos – rel