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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Yoshiaki Ogata
May 18, 2019
Programming
370
1
Share
Gutenberg で「かんたん入力機能」~さよなら入力補助としてのカスタムフィールド~
「簡単に入力できる仕組み」としてカスタムフィールドを使っている場合、その機能を「Block Lab」プラグインを使うことでGutenbergのブロックとして簡単に実現できるかもしれない
Yoshiaki Ogata
May 18, 2019
More Decks by Yoshiaki Ogata
See All by Yoshiaki Ogata
ブロックと追加CSSでお手軽カスタマイズ
yosiakatsuki
0
460
自作WordPressテーマを人気テーマにしたい妄想話
yosiakatsuki
0
330
スマホで出来る!WordPressサイト更新
yosiakatsuki
0
110
プラグイン3分クッキング.pdf
yosiakatsuki
0
44
Gutenbergになっても僕はWordの原稿コピペで投稿を作るという作業を続けられるのか
yosiakatsuki
0
700
WordPressブログカスタマイズ今日から本気出す
yosiakatsuki
0
1.2k
意のままに(わがままに)僕がテーマを作る為に覚えたこと2
yosiakatsuki
0
310
意のままに(わがままに)僕がテーマを作る為に覚えたこと
yosiakatsuki
1
970
WordBench群馬 第1回 自己紹介大会 20171209
yosiakatsuki
0
510
Other Decks in Programming
See All in Programming
ハーネスエンジニアリングにどう向き合うか 〜ルールファイルを超えて開発プロセスを設計する〜 / How to approach harness engineering
rkaga
28
23k
プラグインで拡張される Context をtype-safe にする難しさと設計判断
kazupon
0
140
(Re)make Regexp in Ruby: Democratizing internals for the JIT
makenowjust
3
1.1k
ソースコード→AST→オペコード、の旅を覗いてみる
o0h
PRO
1
130
属人化しないコード品質の作り方_2026.04.07.pdf
muraaano
1
360
Are We Really Coding 10× Faster with AI?
kohzas
0
180
Programming with a DJ Controller — not vibe coding
m_seki
3
860
From Formal Specification to Property Based Test
ohbarye
0
2.6k
Liberating Ruby's Parser from Lexer Hacks
ydah
2
2.7k
Skillは並べた。動かなかった。契約で繋いだ。— 65個のSkillから、自走する開発サイクルへ
junholee
0
600
関係性から理解する"同一性"の型用語たち
pvcresin
1
140
実践ハーネスエンジニアリング:ステアリングループを実例から読み解く / Practical Harness Engineering: Understanding Steering Loops Through Real-World Examples
nrslib
5
5.5k
Featured
See All Featured
ラッコキーワード サービス紹介資料
rakko
1
3.3M
Context Engineering - Making Every Token Count
addyosmani
9
890
Site-Speed That Sticks
csswizardry
13
1.2k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
290
GitHub's CSS Performance
jonrohan
1033
470k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.1k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
WCS-LA-2024
lcolladotor
0
590
RailsConf 2023
tenderlove
30
1.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.9k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
370
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ʯͰ༻Ͱ͖Δ͔͠Εͳ͍
͓ΘΓ