Date post: | 14-Apr-2017 |
Category: |
Technology |
Upload: | luong-ba-hop |
View: | 14 times |
Download: | 0 times |
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