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
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
270
Benchmark
sysong
0
280
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
870
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
1
130
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.7k
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
150
#QiitaBash MCPのセキュリティ
ryosukedtomita
0
460
Team operations that are not burdened by SRE
kazatohiei
1
270
A2A プロトコルを試してみる
azukiazusa1
2
1.3k
技術同人誌をMCP Serverにしてみた
74th
1
450
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
670
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
230
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Why Our Code Smells
bkeepers
PRO
337
57k
KATA
mclloyd
30
14k
Raft: Consensus for Rubyists
vanstee
140
7k
Speed Design
sergeychernyshev
32
1k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
It's Worth the Effort
3n
185
28k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
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ʯͰ༻Ͱ͖Δ͔͠Εͳ͍
͓ΘΓ