Wordpress Shortcode

Tuesday, May 2, 2023 www.qsoftvietnam.com 1

Presenter: HopLB

Tuesday, May 2, 2023 www.qsoftvietnam.com 2

Table of content

I. What is shortcode?

II. Type of shortcode in Wordpress

III.How to “shortcode”?

IV. Common shortcodes

Tuesday, May 2, 2023 www.qsoftvietnam.com 3

What is Wordpress shortcode?Shortcode is a special tag that you can enter into a post that gets replaced with different content when actually viewing the post on the website

Tuesday, May 2, 2023 www.qsoftvietnam.com 4

Type of shortcode in Wordpress

Tuesday, May 2, 2023 www.qsoftvietnam.com 5

How to

Tuesday, May 2, 2023 www.qsoftvietnam.com 6

How to

Tuesday, May 2, 2023 www.qsoftvietnam.com 7

Shortcode TinyMCE Editor Button

Most users are not familiar with HTML-like syntax; and yet they have to remember the exact syntax and all available attributes of shortcodes, because even a minor syntax error could cause an undesirable result

Tuesday, May 2, 2023 www.qsoftvietnam.com 8

Shortcode TinyMCE Editor Button

• Add button to the toolbar• Register a TinyMCE plugin• Create that TinyMCE plug-in which tells TinyMCE what to do

when our button is clicked.

Tuesday, May 2, 2023 www.qsoftvietnam.com 9

Shortcode TinyMCE Editor Button

Tuesday, May 2, 2023 www.qsoftvietnam.com 10

Common shortcode• audio – Allows you to embed audio files.• caption – Allows you to wrap captions around content. It is

commonly used with images.• embed – Allows you to embed a wide range of content such

as video, audio and tweets.• gallery – Allows you to insert image galleries.• video – Allows you to embed video files.• playlist - Displaying a collection of WordPress audio or video

files in a post

Tuesday, May 2, 2023 www.qsoftvietnam.com 11

Common shortcodeLINK BUTTONWORDPRESS MENUGOOGLE MAPSGOOGLE CHARTSPDF EMBEDDINGRECENT POSTSRECENT PRODUCTSFEATURED PRODUCTS

LAYOURT SHORTCODE (ROWS, COLUMNS)TAB PANELACCORDIONQUOTETESTIMONIALSPROGRESS BARSTABLESLIDER…

Example: http://kingler.themerex.net/shortcodes/

Tuesday, May 2, 2023 www.qsoftvietnam.com 12

Shortcode PluginsUse shortcode plugins or page builder plugins for more powerfull!

Shortcodes ultimateJ shortcodesShortcodes pro

Page builder by SiteoriginVisual composerWoorockets page builder

THANK YOU FOR YOUR

ATTENTION!

Tuesday, May 2, 2023 www.qsoftvietnam.com 13