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
Gutenberg で「かんたん入力機能」~さよなら入力補助としてのカスタムフィールド~
Search
Yoshiaki Ogata
May 18, 2019
Programming
1
360
Gutenberg で「かんたん入力機能」~さよなら入力補助としてのカスタムフィールド~
「簡単に入力できる仕組み」としてカスタムフィールドを使っている場合、その機能を「Block Lab」プラグインを使うことでGutenbergのブロックとして簡単に実現できるかもしれない
Yoshiaki Ogata
May 18, 2019
Tweet
Share
More Decks by Yoshiaki Ogata
See All by Yoshiaki Ogata
ブロックと追加CSSでお手軽カスタマイズ
yosiakatsuki
0
420
自作WordPressテーマを人気テーマにしたい妄想話
yosiakatsuki
0
300
スマホで出来る!WordPressサイト更新
yosiakatsuki
0
110
プラグイン3分クッキング.pdf
yosiakatsuki
0
37
Gutenbergになっても僕はWordの原稿コピペで投稿を作るという作業を続けられるのか
yosiakatsuki
0
600
WordPressブログカスタマイズ今日から本気出す
yosiakatsuki
0
950
意のままに(わがままに)僕がテーマを作る為に覚えたこと2
yosiakatsuki
0
290
意のままに(わがままに)僕がテーマを作る為に覚えたこと
yosiakatsuki
1
920
WordBench群馬 第1回 自己紹介大会 20171209
yosiakatsuki
0
460
Other Decks in Programming
See All in Programming
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
100
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
120
Select API from Kotlin Coroutine
jmatsu
1
190
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
270
Result型で“失敗”を型にするPHPコードの書き方
kajitack
4
500
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
130
Goで作る、開発・CI環境
sin392
0
110
「ElixirでIoT!!」のこれまでとこれから
takasehideki
0
370
GoのGenericsによるslice操作との付き合い方
syumai
3
690
XSLTで作るBrainfuck処理系
makki_d
0
210
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
420
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
110
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
660
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
A designer walks into a library…
pauljervisheath
207
24k
RailsConf 2023
tenderlove
30
1.1k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
BBQ
matthewcrist
89
9.7k
Scaling GitHub
holman
459
140k
A better future with KSS
kneath
239
17k
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
We Have a Design System, Now What?
morganepeng
53
7.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Transcript
(VUFOCFSHͰʮ͔ΜͨΜೖྗػೳʯʂ d͞ΑͳΒೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυd (VONB8PSE1SFTT.FFUVQ !ZPTJBLBUTVLJ
ࣗݾհ
•ඌܗ ٛڿʢ͓͕ͨ Α͖͋͠ʣ •ϑϦʔϥϯε •8PSE1SFTT)5.-$44 •5XJUUFS!ZPTJBLBUTVLJ
• 8PSE1SFTTΛͬͨ8FCαΠτ੍࡞ • ʹຊΛग़͠·ͨ͠
׆ಈ • (VONB8PSE1SFTT.FFUVQʢ܈അݝʣ • 8PSE1SFTT͘͘ษڧձ!ຊঙʢ࡛ۄݝʣ
׆ಈ ϒϩά͚ແྉ8PSE1SFTTςʔϚ
ࠓ͓͢Δ͜ͱ
ࠓ͓͢Δ͜ͱ •ೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυ •ʮܾΊΒΕ߲ͨΛೖྗ͢Δ͚ͩʯΛ(VUFOCFSHͰ • ʮ#MPDL-BCʯΛͬͯΈΔ •ײ
ೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυ
ೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυ ʮදࣔ͞Ε߲ͨΛೖྗ͢Εϖʔδ͕ʂʯͳϠπ
ೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυ Α͘ΘΕΔϓϥάΠϯ •"EWBODFE$VTUPN'JFMET •4NBSU$VTUPN'JFMET ͳͲͳͲʜ
ೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυ ʲ࡞ΓࠐΈʳ • ೖྗଆ • ϓϥάΠϯઃఆͳͲ • දࣔଆ • ςϯϓϨʔτϑΝΠϧͷ࡞ɾΧελϚΠζ
• カスタム投稿タイプとの合わせ技で single-{slug}.php を作ったり
ೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυ ʲ࡞ΓࠐΈʳ • ೖྗଆ • ϓϥάΠϯઃఆͳͲ • දࣔଆ • ςϯϓϨʔτϑΝΠϧͷ࡞ɾΧελϚΠζ
• カスタム投稿タイプとの合わせ技で single-{slug}.php を作ったり 入力とページ全体としての表示が 密に関係しがち
ʮܾΊΒΕ߲ͨΛೖྗ͢Δ͚ͩʯ Λ(VUFOCFSHͰ
(VUFOCFSHͰ؆୯ೖྗ ฤूը໘ʹೖྗ߲͕ग़Ε͍͍ͱ͍͏Θ͚Ͱͳ͘ʜ カスタムフィールドも Gutenbergの編集エリアと別に 表示されるけど…
(VUFOCFSHͰ؆୯ೖྗ ؆୯ೖྗػೳΛϒϩοΫͱͯ͠༻ҙ͍ͨ͠
ʮ#MPDL-BCʯΛͬͯΈΔ
खॱᶃɿϒϩοΫΛఆٛ "EWBODFE$VTUPN'JFMETͳͲͷ͍উ खʹࣅͨײ͡
खॱᶄɿ࡞ͨ͠ϒϩοΫΛެ։ ೖྗ߲Λ֬ఆͨ͠Β࣍ςϯϓϨʔτΛ࡞Δ
खॱᶅɿςϯϓϨʔτϑΝΠϧΛ࡞ •ࢦࣔ͞Ε໊ͨલͷϑΝΠϧΛςʔϚʹ࡞
खॱᶆɿදࣔ෦Λ࡞ ʮCMPDL@GJFMEʯͰೖྗΛදࣔ ˞ͦͷଞͷؔʹ͍ͭͯԼه IUUQTHJUIVCDPNHFUCMPDLMBCCMPDLMBCXJLJ5FNQMBUF 'VODUJPOT
ͬͯΈΔ ϒϩοΫҰཡ͔Β ࡞ͬͨϒϩοΫΛબͿ
ͬͯΈΔ ೖྗ߲͕දࣔ͞Εͨʂ
ͬͯΈΔ දࣔ0,ʂ ˞ඞཁʹԠͯ͡)5.-$44Λ ͑Δ
ײ
ײ • 1)1ͰͷΧελϚΠζ͕Ͱ͖ΕϒϩοΫ࡞ΕΔʂ • ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱ͍͍ͯ͠ͷͰʁ • ೖྗʹΑͬͯ݅ذͳͲʹෆ͖
ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ 難しいことはわからないけど これならページ更新できる〜 ΧελϜϑΟʔϧυͰೖྗ߲Λ༻ҙͨ͠߹ʜ ߋ৽୲ऀ͕1$ʹ׳Ε͍ͯͳͯ͘ ʮ؆୯ͳೖྗͱϘλϯૢ࡞Ͱϖʔδ͕࡞ΕΔʂʯ
ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ このページにはバナー入れたい あれもしたい!これもしたい! もっと柔軟にページを作れるようにしたい〜 αΠτͷߋ৽࡞ۀʹ׳Εͯ͘Δͱʜ
ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ ʮͳΜͰೖΕΒΕΔʯ߲͕ ͋ΔಥવՃ͞ΕΔʂʁ
ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ ʮͳΜͰೖΕΒΕΔʯ߲͕ ͋ΔಥવՃ͞ΕΔʂʁ 入力側もなおして、 テンプレートもなおさなきゃ… 過去のページへの影響は?…
ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ • ϒϩοΫͳΒલޙʹίϯςϯπ Λࣗ༝ʹՃͰ͖Δ • ୲ऀͷϨϕϧʹ߹Θͤͯॊೈ ʹϖʔδΛ࡞Γ͘͢ͳΔ
ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ 8PSE1SFTTd ϒϩοΫϚωʔδϟʔΛ׆༻ͯ͠ ͏ϒϩοΫ͚ͩදࣔͤ͞Ε ͞Βʹฤू͘͢͠ͳΔʂ ͣ
ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ ͨͩʜ QBHFYYYQIQ TJOHMFYYYQIQͳ ͲΛ͍͡Δඞཁͳ͍͕ ߲Λ૿ͤςϯϓϨʔτଆ ͷվमඞཁ
·ͱΊ
·ͱΊ ʮ؆୯ʹೖྗͰ͖ΔΈʯ ͱͯ͠ͷΧελϜϑΟʔϧυ ʮ#MPDL-BCʯͰ༻Ͱ͖Δ͔͠Εͳ͍
͓ΘΓ