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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Yoshiaki Ogata
May 18, 2019
Programming
380
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Gutenberg で「かんたん入力機能」~さよなら入力補助としてのカスタムフィールド~
「簡単に入力できる仕組み」としてカスタムフィールドを使っている場合、その機能を「Block Lab」プラグインを使うことでGutenbergのブロックとして簡単に実現できるかもしれない
Yoshiaki Ogata
May 18, 2019
More Decks by Yoshiaki Ogata
See All by Yoshiaki Ogata
ブロックと追加CSSでお手軽カスタマイズ
yosiakatsuki
0
470
自作WordPressテーマを人気テーマにしたい妄想話
yosiakatsuki
0
330
スマホで出来る!WordPressサイト更新
yosiakatsuki
0
120
プラグイン3分クッキング.pdf
yosiakatsuki
0
45
Gutenbergになっても僕はWordの原稿コピペで投稿を作るという作業を続けられるのか
yosiakatsuki
0
740
WordPressブログカスタマイズ今日から本気出す
yosiakatsuki
0
1.2k
意のままに(わがままに)僕がテーマを作る為に覚えたこと2
yosiakatsuki
0
310
意のままに(わがままに)僕がテーマを作る為に覚えたこと
yosiakatsuki
1
980
WordBench群馬 第1回 自己紹介大会 20171209
yosiakatsuki
0
520
Other Decks in Programming
See All in Programming
The Arts and Crafts of Work in the AI Era — Toward Mastery in Software Development
kuranuki
1
750
Language Server 使ってる? 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
handlename
0
780
Claspは野良GASの夢をみるか
takter00
0
180
Make SRE Operations Easier with Azure SRE Agent
kkamegawa
0
5.3k
jQueryをバージョンアップする前に使いたいjQuery Migrate
matsuo_atsushi
0
200
JavaDoc 再入門
nagise
0
320
AIとASP.NET Coreで雑Webアプリを作った話
mayuki
0
500
不変条件と整合性境界—ビジネスが決める設計判断と実現パターン / Invariants and Consistency Boundaries
nrslib
13
3.6k
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
manfredsteyer
PRO
0
240
Webフレームワークの ベンチマークについて
yusukebe
0
160
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
macha64
0
490
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
x5gtrn
PRO
0
1.2k
Featured
See All Featured
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
1.1k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Rails Girls Zürich Keynote
gr2m
96
14k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
330
How to Talk to Developers About Accessibility
jct
2
230
Marketing to machines
jonoalderson
1
5.4k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
200
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
210
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
290
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
200
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
300
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ʯͰ༻Ͱ͖Δ͔͠Εͳ͍
͓ΘΓ