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
430
自作WordPressテーマを人気テーマにしたい妄想話
yosiakatsuki
0
310
スマホで出来る!WordPressサイト更新
yosiakatsuki
0
110
プラグイン3分クッキング.pdf
yosiakatsuki
0
37
Gutenbergになっても僕はWordの原稿コピペで投稿を作るという作業を続けられるのか
yosiakatsuki
0
610
WordPressブログカスタマイズ今日から本気出す
yosiakatsuki
0
960
意のままに(わがままに)僕がテーマを作る為に覚えたこと2
yosiakatsuki
0
290
意のままに(わがままに)僕がテーマを作る為に覚えたこと
yosiakatsuki
1
920
WordBench群馬 第1回 自己紹介大会 20171209
yosiakatsuki
0
460
Other Decks in Programming
See All in Programming
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
150
請來的 AI Agent 同事們在寫程式時,怎麼用 pytest 去除各種幻想與盲點
keitheis
0
120
時間軸から考えるTerraformを使う理由と留意点
fufuhu
16
4.8k
ぬるぬる動かせ! Riveでアニメーション実装🐾
kno3a87
1
220
RDoc meets YARD
okuramasafumi
4
170
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
luccafort
PRO
1
110
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
為你自己學 Python - 冷知識篇
eddie
1
350
さようなら Date。 ようこそTemporal! 3年間先行利用して得られた知見の共有
8beeeaaat
3
1.4k
複雑なドメインに挑む.pdf
yukisakai1225
5
1.2k
GitHubとGitLabとAWS CodePipelineでCI/CDを組み比べてみた
satoshi256kbyte
4
230
ソフトウェアテスト徹底指南書の紹介
goyoki
1
150
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Balancing Empowerment & Direction
lara
3
620
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
The Art of Programming - Codeland 2020
erikaheidi
56
13k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
Navigating Team Friction
lara
189
15k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
YesSQL, Process and Tooling at Scale
rocio
173
14k
The Language of Interfaces
destraynor
161
25k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
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ʯͰ༻Ͱ͖Δ͔͠Εͳ͍
͓ΘΓ