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
31
Quickly Protecting WordPress
bishless
0
420
You've got a little Intranet on your shirt
bishless
0
630
Other Decks in Technology
See All in Technology
S3アクセス制御の設計ポイント
tommy0124
3
200
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
480
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
220
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
270
現場で効くClaude Code ─ 最新動向と企業導入
takaakikakei
1
250
COVESA VSSによる車両データモデルの標準化とAWS IoT FleetWiseの活用
osawa
1
330
2つのフロントエンドと状態管理
mixi_engineers
PRO
3
110
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
daitasu
0
170
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
applism118
22
12k
20250913_JAWS_sysad_kobe
takuyay0ne
2
230
slog.Handlerのよくある実装ミス
sakiengineer
4
310
LLMを搭載したプロダクトの品質保証の模索と学び
qa
0
1.1k
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Large-scale JavaScript Application Architecture
addyosmani
513
110k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
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