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
kubellが挑むBPaaSにおける、人とAIエージェントによるサービス開発の最前線と技術展望
kubell_hr
1
390
TerraformをSaaSで使うとAzureの運用がこんなに楽ちん!HCP Terraformって何?
mnakabayashi
0
300
白金鉱業Meetup_Vol.19_PoCはデモで語れ!顧客の本音とインサイトを引き出すソリューション構築
brainpadpr
2
470
標準技術と独自システムで作る「つらくない」SaaS アカウント管理 / Effortless SaaS Account Management with Standard Technologies & Custom Systems
yuyatakeyama
2
990
2年でここまで成長!AWSで育てたAI Slack botの軌跡
iwamot
PRO
2
140
AI技術トレンド勉強会 #1MCPの基礎と実務での応用
nisei_k
1
240
AWS アーキテクチャ作図入門/aws-architecture-diagram-101
ma2shita
29
9.5k
Windows 11 で AWS Documentation MCP Server 接続実践/practical-aws-documentation-mcp-server-connection-on-windows-11
emiki
0
660
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全 / 20250625-aws-summit-aws-policy
opelab
6
680
VCpp Link and Library - C++ breaktime 2025 Summer
harukasao
0
220
AIの最新技術&テーマをつまんで紹介&フリートークするシリーズ #1 量子機械学習の入門
tkhresk
0
120
【TiDB GAME DAY 2025】Shadowverse: Worlds Beyond にみる TiDB 活用術
cygames
0
830
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Writing Fast Ruby
sferik
628
61k
We Have a Design System, Now What?
morganepeng
52
7.6k
Adopting Sorbet at Scale
ufuk
77
9.4k
Practical Orchestrator
shlominoach
188
11k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Gamification - CAS2011
davidbonilla
81
5.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
Why Our Code Smells
bkeepers
PRO
337
57k
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