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
29
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
27
Quickly Protecting WordPress
bishless
0
370
You've got a little Intranet on your shirt
bishless
0
560
Other Decks in Technology
See All in Technology
Azureの基本的な権限管理の勉強会
yhana
1
2.1k
コードファーストの考え方。 Amplify Gen2から学ぶAWS次世代のWeb開発体験
yoshiitaka
2
350
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
2
590
M&A戦略を支えるデータマネジメント (MIDAS Tech Study #16 GENDA Komiyama)
kommy339
1
110
Rustで「プリズモイダル法」を利用して「土量計算」をガチでやる
nokonoko1203
1
300
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
4
610
地理空間データ可視化・解析・活用ソリューション Pacific Spatial Solutions (PSS)
pacificspatialsolutions
0
330
web-application-security
matsuihidetoshi
1
190
コードや知識を組み込む / Incorporate Code and knowledge
ks91
PRO
0
150
AOAI をきっかけに 社内の Azure 管理を見直した話
recruitengineers
PRO
1
450
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
3
620
MixIT 2024 - Pulumi : Gérer son infra avec son langage de programmation préféré
ju_hnny5
1
120
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Into the Great Unknown - MozCon
thekraken
14
1k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
The Invisible Side of Design
smashingmag
294
49k
Done Done
chrislema
178
15k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
26
2.3k
Why Our Code Smells
bkeepers
PRO
331
56k
Designing the Hi-DPI Web
ddemaree
276
33k
Building Better People: How to give real-time feedback that sticks.
wjessup
356
18k
Statistics for Hackers
jakevdp
790
220k
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