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
36
0
Share
Shortcode UI
Quick presentation given at the Tucson WordPress Meetup
Daniel Bishop
September 22, 2016
More Decks by Daniel Bishop
See All by Daniel Bishop
Gravity Forms - Tucson WordPress Meetup
bishless
0
34
Quickly Protecting WordPress
bishless
0
450
You've got a little Intranet on your shirt
bishless
0
660
Other Decks in Technology
See All in Technology
AWSアップデートから考える継続的な運用改善
toru_kubota
2
280
バイブコーディング、仕様駆動、その先へ - 「不確実性に対する検査‧適応のサイクル」を設計する
littlehands
1
520
AI 時代の Platform Engineering
recruitengineers
PRO
1
210
既存プロダクトQAから新規プロダクトQAへ
ryotakahashi
0
140
全社統制を維持しながら現場負担をどう減らすか〜プラットフォームチームとセキュリティチームで進めたSecurity Hub活用によるAWS統制の見直し〜/secjaws-security-hub-custom-insights
mhrtech
1
540
エムスリーテクノロジーズ株式会社 エンジニア向け紹介資料 / M3 Technologies Company Deck
m3_engineering
0
170
AWS WAFの運用を地道に改善し、自社で運用可能にするプラクティス
andpad
1
240
SLI/SLO、「完全に理解した」から「チョットデキル」へ
maruloop
5
540
Terragrunt x Snowflake + dbt で作るマルチテナントなデータ基盤構築プラットフォーム
gak_t12
0
230
【関西製造業祭り2026春】現場を変える技術はここまで来た〜世界最大の製造業見本市から持って帰ってきたもの〜
tanakaseiya
0
170
React Compiler導入から21ヶ月、いま始めるならこうやる
astatsuya
2
170
Tachikawa.any 運営挨拶
daitasu
0
180
Featured
See All Featured
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
280
WENDY [Excerpt]
tessaabrams
10
37k
Believing is Seeing
oripsolob
1
120
First, design no harm
axbom
PRO
2
1.2k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
190
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
910
Site-Speed That Sticks
csswizardry
13
1.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Google's AI Overviews - The New Search
badams
0
1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.4k
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