Basic Code Wrapper – Prismatic
https://prismjs.com/examples.html
<pre><code class=”language-javascript”>
CODE
</code></pre>
pick a language – wrap code in it
“language-markup” / “language-html” / “language-mathml”
PLUGINS::
Adding tags to page – tags are added to body_class so they style the prism area as well
- rainbow-braces
- line-numbers
- match-braces
- no-brace-hover
Edit Shortcode
RESOURCES
-
- TOPRESOURCESHEADONE
- EntryOne
- EntryTwo
- EntryThree
-
- TOPRESOURCESHEADTWO
- SubListEntryOne
- SubListEntryTwo
- SubListEntryThree
- SubListEntryFour
https://getshortcodes.com/docs-category/shortcodes/
Heading – su_heading
Heading text
Tabs – su_tabs
TabbbbbbbbbTabbbbbbbbTabbbbbbbbb
Tabbbbbbbbbbcontent
Tabbbbbbbbbbcontent
Tabbbbbbbbbcontent
Spoiler – su_spoiler
Accordion – su_accordion
Divider – su_divider
Spacer – su_spacer (empty – adjust height)
Highlight – su_highlight
Highlighted textLabel – su_label
LabelQuote – su_quote
Quote
PullQuote – su_pullquote
Pellentesque in est eget erat pellentesque condimentum nec quis neque. Aliquam gravida pellentesque pellentesque. Ut molestie justo nec urna placerat dapibus. Duis vestibulum hendrerit orci vel rhoncus. Vivamus tortor tellus, tincidunt condimentum turpis ac,
Pullquote
gravida volutpat eros. Vivamus eget felis elit. Integer rhoncus libero vel molestie accumsan. Duis vitae iaculis lectus. Etiam eleifend pretium sollicitudin. In sed turpis non nunc dictum consequat vitae sed dui. Proin luctus mauris et quam dapibus, vitae fringilla orci dignissim. Curabitur scelerisque neque a urna consequat, quis tempor eros cursus.DropCap – su_dropcap
DColumns – su_row / su_column
Column content
Column content
Button – su_button
Button textbuttons linking
buttons styles
Edit Shortcode
Service – su_service
Service title
Service description
Box content – su_box
Box title
Box content
Note – su_note
Note text
Expand – su_expand
Lightbox – su_lightbox
Click here to open lightboxTooltip – su_tooltip
Private Note – su_private
Any content wrapped with this shortcode will only be visible to post authors (users with publish_posts capability).
Table – su_table
| TD | TD |
| TD | TD |
CSV Table – su_csv_table
needs url to csv
permalink – su_permalink
Members Only – su_members
This content is for registered users only. Please login.
Guests – su_guests
This content will be available only for non-logged visitors
Feed – su_feed
needs url
Menu – su_menu
needs menu name
List of Sub-Pages – su_subpages
Siblings – su_siblings
https://yoast.com/hierarchical-post-type-seo-link-parent-child/
Google Map – su_gmap
Image Carousel – su_image_carousel
https://getshortcodes.com/docs/image-carousel/
Source: This option defines which images will be shown in the gallery. Images can be selected manually from media library or fetched automatically from post featured images, or even filtered by a taxonomy
media: 1,2,3 (Media file IDs) – DOES NOT DISPLAY SVGs
posts: 1,2,3 (Post IDs)
posts: recent (Recent posts)
taxonomy: book/3,5 (Taxonomy term slug / term IDs)
Gallery – su_custom_gallery
Posts List – su_posts
Zucchini W/ Roasted Tomoates In Tomato Sause
ContentsBasic Code Wrapper – PrismaticSimple ResponsivenessBasic FlexboxMLA Gallery Codesfilter – can also be used for standard category / ptags in posts / pagesdisplay single pdf – largeVersion OneVersion TwoRESOURCESHeading – su_headingTabs – su_tabsSpoiler – su_spoilerAccordion – su_accordionDivider – su_dividerSpacer – su_spacer (empty – adjust height)Highlight – su_highlightLabel – su_labelQuote – su_quotePullQuote – su_pullquoteDropCap – su_dropcapColumns […]
ACCID SSL + Subdomain WILDCARD
ContentsBasic Code Wrapper – PrismaticSimple ResponsivenessBasic FlexboxMLA Gallery Codesfilter – can also be used for standard category / ptags in posts / pagesdisplay single pdf – largeVersion OneVersion TwoRESOURCESHeading – su_headingTabs – su_tabsSpoiler – su_spoilerAccordion – su_accordionDivider – su_dividerSpacer – su_spacer (empty – adjust height)Highlight – su_highlightLabel – su_labelQuote – su_quotePullQuote – su_pullquoteDropCap – su_dropcapColumns […]
ACCID Router & Linker
ContentsBasic Code Wrapper – PrismaticSimple ResponsivenessBasic FlexboxMLA Gallery Codesfilter – can also be used for standard category / ptags in posts / pagesdisplay single pdf – largeVersion OneVersion TwoRESOURCESHeading – su_headingTabs – su_tabsSpoiler – su_spoilerAccordion – su_accordionDivider – su_dividerSpacer – su_spacer (empty – adjust height)Highlight – su_highlightLabel – su_labelQuote – su_quotePullQuote – su_pullquoteDropCap – su_dropcapColumns […]
Built In Templates: /wp-content/plugins/shortcodes-ultimate/includes/partials/shortcodes/posts/templates/
Post Example
Zucchini W/ Roasted Tomoates In Tomato Sause
ContentsBasic Code Wrapper – PrismaticSimple ResponsivenessBasic FlexboxMLA Gallery Codesfilter – can also be used for standard category / ptags in posts / pagesdisplay single pdf – largeVersion OneVersion TwoRESOURCESHeading – su_headingTabs – su_tabsSpoiler – su_spoilerAccordion – su_accordionDivider – su_dividerSpacer – su_spacer (empty – adjust height)Highlight – su_highlightLabel – su_labelQuote – su_quotePullQuote – su_pullquoteDropCap – su_dropcapColumns […]
ACCID SSL + Subdomain WILDCARD
ContentsBasic Code Wrapper – PrismaticSimple ResponsivenessBasic FlexboxMLA Gallery Codesfilter – can also be used for standard category / ptags in posts / pagesdisplay single pdf – largeVersion OneVersion TwoRESOURCESHeading – su_headingTabs – su_tabsSpoiler – su_spoilerAccordion – su_accordionDivider – su_dividerSpacer – su_spacer (empty – adjust height)Highlight – su_highlightLabel – su_labelQuote – su_quotePullQuote – su_pullquoteDropCap – su_dropcapColumns […]
Dummy Text – su_dummy_text
Mauris id vestibulum sem, quis fermentum tortor. Donec viverra quam sed est iaculis, sit amet vulputate erat elementum. Integer porttitor in lectus ac accumsan. Quisque volutpat ipsum quis nisl egestas pulvinar. Duis ut massa sagittis, ultrices neque gravida, tempus nisi. Vestibulum aliquam consectetur lacinia. Phasellus venenatis quam dolor, quis fermentum lacus accumsan sit amet. Maecenas porttitor sollicitudin molestie. Aenean a augue et mauris vestibulum tincidunt. Praesent odio lorem, aliquet ut dapibus id, consectetur vitae ligula. Morbi rhoncus euismod hendrerit. Donec nec volutpat quam. Phasellus vitae bibendum neque. Mauris ullamcorper, purus sed lobortis imperdiet, nulla tellus hendrerit elit, id pretium metus est sit amet magna. Nam tempus mauris augue, vel tempus tortor maximus eu. Aenean cursus dictum mauris quis eleifend.
Dummy Image – su_dummy_image
Edit Shortcode
Animate – su_animate
Animated content
Wrapper – any content will be animated
MetaData – su_meta
| Option name | Possible values | Default value |
|---|---|---|
| key Meta key name |
Any text value | – none – |
| default This text will be shown if data is not found |
Any text value | – none – |
| before This content will be shown before the value |
Any text value | – none – |
| after This content will be shown after the value |
Any text value | – none – |
| post_id You can specify custom post ID. Leave this field empty to use an ID of the current post. Current post ID may not work in Live Preview mode |
Any text value | – none – |
| filter You can apply custom filter to the retrieved value. Enter here function name. Your function must accept one argument and return modified value. Name of your function must include word filter. Example function: function my_custom_filter( $value ) {return 'Value is: ' . $value;} |
Any text value | – none – |
User Data – su_user
display a user data, like login or email, including meta fields
Post Data – su_post
Shortcode Ultimate – Examples / Code| Option name | Possible values | Default value |
|---|---|---|
| field Post data field name |
ID (Post ID) post_author (Post author) post_date (Post date) post_date_gmt (Post date GMT) post_content (Post content) post_title (Post title) post_excerpt (Post excerpt) post_status (Post status) comment_status (Comment status) ping_status (Ping status) post_name (Post name) post_modified (Post modified) post_modified_gmt (Post modified GMT) post_content_filtered (Filtered post content) post_parent (Post parent) guid (GUID) menu_order (Menu order) post_type (Post type) post_mime_type (Post mime type) comment_count (Comment count) |
post_title |
| default This text will be shown if data is not found |
Any text value | – none – |
| before This content will be shown before the value |
Any text value | – none – |
| after This content will be shown after the value |
Any text value | – none – |
| post_id You can specify custom post ID. Post slug is also allowed. Leave this field empty to use ID of the current post. Current post ID may not work in Live Preview mode |
Any text value | – none – |
| post_type Post type of the post you want to display the data from |
Post type slug(s) separated by comma(s) | post |
| filter You can apply custom filter to the retrieved value. Enter here function name. Your function must accept one argument and return modified value. Name of your function must include word filter. Example function: function my_custom_filter( $value ) {return 'Value is: ' . $value;} |
Any text value | – none – |
Template – su_template – NON-FUNCTIONING
Use template file name (with optional .php extension). If you need to use templates from theme sub-folder, use relative path. Example values: page, page.php, includes/page.php
QRCode – su_qrcode
Edit Shortcode
| Option name | Possible values | Default value |
|---|---|---|
| data The text to store within the QR code. You can use here any text or even URL |
Any text value | – none – |
| title Enter here short description. This text will be used in alt attribute of QR code |
Any text value | – none – |
| size Image width and height (in pixels) |
Number from 10 to 1000 | 200 |
| margin Thickness of a margin (in pixels) |
Number from 0 to 50 | 0 |
| align Choose image alignment |
none (None) left (Left) center (Center) right (Right) |
none |
| link You can make this QR code clickable. Enter here the URL |
Any text value | – none – |
| target Select link target |
self (Open in same tab) blank (Open in new tab) |
blank |
| color Pick a primary color |
#HEX color | #000000 |
| background Pick a background color |
#HEX color | #ffffff |
| class Additional CSS class name(s) separated by space(s) |
CSS class name(s) separated by space(s) | – none – |
Scheduler – su_scheduler
schedler
Edit Shortcode
| Option name | Possible values | Default value |
|---|---|---|
| time In this field you can specify one or more time ranges. Every day at this time the content of shortcode will be visible.Examples (click to set) 9-18 – show content from 9:00 to 18:00 9-13, 14-18 – show content from 9:00 to 13:00 and from 14:00 to 18:00 9:30-10:15 – example with minutes (content will be visible each day, 45 minutes) 9:00:00-17:59:59 – example with seconds |
Any text value | – none – |
| days_week In this field you can specify one or more days of the week. Every week at these days the content of shortcode will be visible.0 – Sunday 1 – Monday 2 – Tuesday 3 – Wednesday 4 – Thursday 5 – Friday 6 – SaturdayExamples (click to set) 1-5 – show content from Monday to Friday 0 – show content only at Sunday 0, 3-5 – show content at Sunday and from Wednesday to Friday |
Any text value | – none – |
| days_month In this field you can specify one or more days of the month. Every month at these days the content of shortcode will be visible.Examples (click to set) 1 – show content only at first day of month 1-5 – show content from 1th to 5th 10-15, 20-25 – show content from 10th to 15th and from 20th to 25th |
Any text value | – none – |
| months In this field you can specify the month or months in which the content will be visible.Examples (click to set) 1 – show content only in January 2-6 – show content from February to June 1, 3, 5-7 – show content in January, March and from May to July |
Any text value | – none – |
| years In this field you can specify the year or years in which the content will be visible.Examples (click to set) 2014 – show content only in 2014 2014-2016 – show content from 2014 to 2016 2014, 2018, 2020-2022 – show content in 2014, 2018 and from 2020 to 2022 |
Any text value | – none – |
| alt In this field you can type the text which will be shown if content is not visible at the current moment |
Any text value | – none – |
Splash Screen – su_splash
Splash screen content
| Option name | Possible values | Default value |
|---|---|---|
| style Choose splash screen style |
dark (Dark) dark-boxed (Dark boxed) light (Light) light-boxed (Light boxed) blue-boxed (Blue boxed) light-boxed-blue (Light boxed blue) light-boxed-green (Light boxed green) light-boxed-orange (Light boxed orange) maintenance (Maintenance) |
dark |
| width Width of splash screen content |
Number from 100 to 1600 | 480 |
| opacity Background opacity in percents |
Number from 0 to 100 | 80 |
| onclick Choose splash screen behavior when it is clicked |
none (Do nothing) close (Close splash screen (click anywhere)) close-bg (Close on background click) url (Go to specified url) |
close-bg |
| url Enter url to go when splash screen is clicked (this option must selected in dropdown list above) |
Any text value | https://getshortcodes.com |
| delay Specify the time in which the splash screen will be shown (in seconds) |
Number from 0 to 120 | 0 |
| esc Close the screen by pressing Esc |
yes or no | yes |
| close Show Close button |
yes or no | yes |
| once Show this splash screen only once on this page |
yes or no | no |
| class Additional CSS class name(s) separated by space(s) |
CSS class name(s) separated by space(s) | – none – |
Exit Popup – su_exit_popup
Exit popup content
Panel – su_panel
Panel content
Photo Panel – su_photo_pane
Panel content
Panel content
Icon Panel – su_icon_panel
Uses FontAwesome
Text with Icon – su_icon_text
Uses FontAwesome
Progress Pie – su_progress_pie
75
Progress Bar – su_progress_bar
Team Member – su_member
John DoeDesigner
Type here some info about this team member
John DoeDesignerType here some info about this team member
Section – su_section
Section content
Pricing Table – su_pricing_table
Testimonial – su_testimonial
Testimonial text
Icon – su_icon
Uses FontAwesome
Content Slider – su_content_slider
Shadow – su_shadow
Nest
around content
shadow
Box title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque imperdiet purus. Curabitur pretium, purus nec venenatis vestibulum, quam massa maximus nisi, dignissim pharetra dolor urna et arcu. Nulla erat nisl, elementum sit amet nibh non, hendrerit rutrum ex. Nunc eget nisl nec augue euismod faucibus sit amet viverra felis. Nullam risus ipsum, accumsan nec neque eget, viverra gravida justo. Proin consectetur blandit diam non mattis. Sed eget nulla vel tellus sollicitudin consequat. Donec quis blandit arcu.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur non lectus accumsan, cursus libero maximus, vulputate mi. Nunc vulputate ullamcorper mauris id placerat. Mauris ut ipsum enim. Sed sodales magna vitae dui egestas, sed dictum nisi ullamcorper. Nulla porta nisl in ligula congue molestie. Cras faucibus mollis mauris vel dignissim.
Donec rhoncus est erat, ut cursus purus finibus id. Fusce quis mi sem. Donec id tellus sollicitudin, lobortis nisl nec, sodales neque. Fusce facilisis dui cursus, pellentesque neque sed, porttitor dolor. Sed vel urna nec ante ullamcorper rutrum. Phasellus sed libero interdum, convallis massa vitae, dictum lectus. Donec tempor, massa in semper dapibus, purus justo aliquam mi, in porttitor enim purus a eros. Suspendisse non nisi vel neque ultrices placerat iaculis ut leo. Integer risus nisi, facilisis vitae felis sit amet, lobortis consequat augue. Phasellus facilisis convallis vulputate. Praesent in purus a est bibendum consectetur. Phasellus vestibulum dui a velit vulputate sagittis. Morbi hendrerit urna eget magna pretium tempor. Vivamus ut tincidunt odio.