Download - Wordpress Shortcode
![Page 3: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/3.jpg)
Problems for users: Style
![Page 4: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/4.jpg)
Problems for users: Layout
![Page 5: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/5.jpg)
Problems: Html/css code
• WordPress user with minimal html experience spend too much time trying to create and format content
![Page 6: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/6.jpg)
Outline
• What Shortcode ?
• Why Shortcode ?
• Layout & Style with Shortcode
• Shortcode on Widget
• Some useful Shortcode
• Shortcode Best practices
• Create Shortcode for your own
• Q/A
![Page 7: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/7.jpg)
What is shortcode ?Very simple code use in post’s content to create special things
![Page 8: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/8.jpg)
What is shortcode?
• Shortcode is [Tag]
• May be have enclose tag like this: [tag]content[/tag]
• May be have attributes like this: [tag attribute1=“abc”]
• Many be in other shortcode:
[tag-parent]
[tag-child]
[/tag-parent]
![Page 9: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/9.jpg)
Demo1:
• Create your button like this
![Page 10: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/10.jpg)
Demo 2 –Home page
• Theme setup & not setup
• Setup ? You can’t change layout ?
• Layout with shortcode!
![Page 11: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/11.jpg)
Create it with shortcode!
![Page 12: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/12.jpg)
Demo
![Page 13: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/13.jpg)
Why Shortcode ?
• Easy use to format content
• It’s text, It can use any where (Page/Post/Widget)
• It’s simple
• It’s easy to create
• Clean up your post’s content
![Page 14: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/14.jpg)
Built-in shortcode
• [gallery]
• [audio]
• [caption]
• [embed]
• [video]
[gallery id=“99]
![Page 15: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/15.jpg)
Pretty your content!
• Click Bump
• WP Canvas
• Shortcode Ultimate
![Page 16: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/16.jpg)
Shortcode on Widget
![Page 17: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/17.jpg)
Turn on Widget Short code
• Solution 1: for Devadd_filter( 'widget_text', 'shortcode_unautop' );
add_filter( 'widget_text', 'do_shortcode' );
• Solution 2: for User
Install plugin:
+ Ultimate Short code
+ Short code Widget
![Page 18: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/18.jpg)
Useful Shortcodes
![Page 19: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/19.jpg)
Useful Shortcodes
WP Canvas - Shortcodes
![Page 20: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/20.jpg)
Useful Shortcodes
Meta Slider
![Page 21: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/21.jpg)
So many
![Page 22: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/22.jpg)
Create Shortcode for yourown
• WP User:
• Shortcoder Plugin
• WP Developer:
• http://generatewp.com/shortcodes/
![Page 23: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/23.jpg)
Best practices with Shortcode
• Don’t use shortcode in theme.
• When you change theme ? Use plugin
• Hide broken shortcodes: Hide Broken Shortcodes Plugin
![Page 25: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/25.jpg)
What will we do?
• Play with shortcode
![Page 26: Wordpress Shortcode](https://reader034.vdocuments.mx/reader034/viewer/2022042817/559cf7c11a28ab9a1b8b456a/html5/thumbnails/26.jpg)
Q/AAsk and you have answers