Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Shortcode UI
Search
Daniel Bishop
September 22, 2016
Technology
0
35
Shortcode UI
Quick presentation given at the Tucson WordPress Meetup
Daniel Bishop
September 22, 2016
Tweet
Share
More Decks by Daniel Bishop
See All by Daniel Bishop
Gravity Forms - Tucson WordPress Meetup
bishless
0
30
Quickly Protecting WordPress
bishless
0
410
You've got a little Intranet on your shirt
bishless
0
610
Other Decks in Technology
See All in Technology
MySQL5.6から8.4へ 戦いの記録
kyoshidaxx
1
260
標準技術と独自システムで作る「つらくない」SaaS アカウント管理 / Effortless SaaS Account Management with Standard Technologies & Custom Systems
yuyatakeyama
3
1.3k
Kotlin Coroutine Mechanisms: A Surprisingly Deep Rabbithole
amanda_hinchman
2
100
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
1
190
作曲家がボカロを使うようにPdMはAIを使え
itotaxi
0
140
Microsoft Build 2025 技術/製品動向 for Microsoft Startup Tech Community
torumakabe
2
310
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
2
610
エンジニア向け技術スタック情報
kauche
1
290
解析の定理証明実践@Lean 4
dec9ue
0
180
"サービスチーム" での技術選定 / Making Technology Decisions for the Service Team
kaminashi
1
180
登壇ネタの見つけ方 / How to find talk topics
pinkumohikan
5
540
データプラットフォーム技術におけるメダリオンアーキテクチャという考え方/DataPlatformWithMedallionArchitecture
smdmts
5
650
Featured
See All Featured
Gamification - CAS2011
davidbonilla
81
5.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Fireside Chat
paigeccino
37
3.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
230
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Transcript
SHORTCODE UI Tucson WordPress Meetup 09/22/2016
WHEN? WHERE? WHY?
APPEAL OF SHORTCODES ➤ consistent ➤ reusable ➤ chunks of
HTML that won’t get borked by the WYSIWYG editor
SHORTCODE EXAMPLES ➤ layout ➤ addresses ➤ global site data
➤ anti-spam treatment ➤ inline tweets ➤ recent posts ➤ amazon affiliate embeds ➤ etc.
None
SHORTCODES CAN GET UNWIELDY ➤ Add Shortcodes via custom TinyMCE
buttons (HOWTO)
SHORTCODES VIA TINYMCE BUTTONS ➤ PRO: Control over attributes ➤
CON: Still text in the editor
ENTER SHORTCAKE (Shortcode UI)
None
➤ Shortcode = normal shortcode ➤ Shortcake = UI-enabled shortcode
SHORTCAKE ➤ The Shortcake plugin addresses the still text in
the editor issue.
None
COMMUNITY OPPORTUNITY
COMMUNITY OPPORTUNITY ➤ Developers can build a nice user interface
for the shortcodes they include in themes and/or plugins. ➤ They can require/validate/sanitize data as parameters for these shortcodes. And…
COMMUNITY OPPORTUNITY (CONT’D) ➤ Content Editors gain a much better
user experience because the shortcake is rendered in the editor just as it would appear in the front-end of the site.
COMMUNITY OPPORTUNITY (CONT’D) ➤ Looking for Work? ➤ Looking for
a Shortcode Pastry Chef? Use our Meetup’s discussion board
“ I’m embarrassingly excited about Shortcake. -@bishless
LINKS ➤ Shortcake (Shortcode UI) on WP .org | Github
➤ Shortcake Bakery ➤ Shortcake: A UI for WordPress Shortcodes - WP Tavern ➤ Shortcake Is Now a WordPress Feature Plugin - WP Tavern