Gutenberg で「かんたん入力機能」~さよなら入力補助としてのカスタムフィールド~

Gutenberg で「かんたん入力機能」~さよなら入力補助としてのカスタムフィールド~

「簡単に入力できる仕組み」としてカスタムフィールドを使っている場合、その機能を「Block Lab」プラグインを使うことでGutenbergのブロックとして簡単に実現できるかもしれない

857b3806f615b67e7709b26c4bcc6739?s=128

Yoshiaki Ogata

May 18, 2019
Tweet

Transcript

  1. (VUFOCFSHͰʮ͔ΜͨΜೖྗػೳʯʂ d͞ΑͳΒೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυd  (VONB8PSE1SFTT.FFUVQ !ZPTJBLBUTVLJ

  2. ࣗݾ঺հ

  3. •ඌܗ ٛڿʢ͓͕ͨ Α͖͋͠ʣ •ϑϦʔϥϯε •8PSE1SFTT)5.-$44 •5XJUUFS!ZPTJBLBUTVLJ

  4. • 8PSE1SFTTΛ࢖ͬͨ8FCαΠτ੍࡞ • ೥ʹຊΛग़͠·ͨ͠

  5. ׆ಈ • (VONB8PSE1SFTT.FFUVQʢ܈അݝʣ • 8PSE1SFTT΋͘΋͘ษڧձ!ຊঙʢ࡛ۄݝʣ

  6. ׆ಈ ϒϩά޲͚ແྉ8PSE1SFTTςʔϚ

  7. ࠓ೔͓࿩͢Δ͜ͱ

  8. ࠓ೔͓࿩͢Δ͜ͱ •ೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυ •ʮܾΊΒΕ߲ͨ໨Λೖྗ͢Δ͚ͩʯΛ(VUFOCFSHͰ • ʮ#MPDL-BCʯΛ࢖ͬͯΈΔ •ײ૝

  9. ೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυ

  10. ೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυ ʮදࣔ͞Ε߲ͨ໨Λೖྗ͢Ε͹ϖʔδ͕׬੒ʂʯͳϠπ

  11. ೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυ Α͘࢖ΘΕΔϓϥάΠϯ •"EWBODFE$VTUPN'JFMET •4NBSU$VTUPN'JFMET ͳͲͳͲʜ

  12. ೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυ ʲ࡞ΓࠐΈʳ • ೖྗଆ • ϓϥάΠϯઃఆͳͲ • දࣔଆ • ςϯϓϨʔτϑΝΠϧͷ࡞੒ɾΧελϚΠζ

    • カスタム投稿タイプとの合わせ技で single-{slug}.php を作ったり
  13. ೖྗิॿͱͯ͠ͷΧελϜϑΟʔϧυ ʲ࡞ΓࠐΈʳ • ೖྗଆ • ϓϥάΠϯઃఆͳͲ • දࣔଆ • ςϯϓϨʔτϑΝΠϧͷ࡞੒ɾΧελϚΠζ

    • カスタム投稿タイプとの合わせ技で single-{slug}.php を作ったり 入力とページ全体としての表示が 密に関係しがち
  14. ʮܾΊΒΕ߲ͨ໨Λೖྗ͢Δ͚ͩʯ Λ(VUFOCFSHͰ

  15. (VUFOCFSHͰ؆୯ೖྗ ฤूը໘ʹೖྗ߲໨͕ग़Ε͹͍͍ͱ͍͏Θ͚Ͱ͸ͳ͘ʜ カスタムフィールドも Gutenbergの編集エリアと別に 表示されるけど…

  16. (VUFOCFSHͰ؆୯ೖྗ ؆୯ೖྗػೳΛϒϩοΫͱͯ͠༻ҙ͍ͨ͠

  17. ʮ#MPDL-BCʯΛ࢖ͬͯΈΔ

  18. खॱᶃɿϒϩοΫΛఆٛ "EWBODFE$VTUPN'JFMETͳͲͷ࢖͍উ खʹࣅͨײ͡

  19. खॱᶄɿ࡞੒ͨ͠ϒϩοΫΛެ։ ೖྗ߲໨Λ֬ఆͨ͠Β࣍͸ςϯϓϨʔτΛ࡞Δ

  20. खॱᶅɿςϯϓϨʔτϑΝΠϧΛ࡞੒ •ࢦࣔ͞Ε໊ͨલͷϑΝΠϧΛςʔϚ಺ʹ࡞੒

  21. खॱᶆɿදࣔ෦෼Λ࡞੒ ʮCMPDL@GJFMEʯͰೖྗ஋Λදࣔ ˞ͦͷଞͷؔ਺ʹ͍ͭͯ͸Լه IUUQTHJUIVCDPNHFUCMPDLMBCCMPDLMBCXJLJ5FNQMBUF 'VODUJPOT

  22. ࢖ͬͯΈΔ ϒϩοΫҰཡ͔Β ࡞ͬͨϒϩοΫΛબͿ

  23. ࢖ͬͯΈΔ ೖྗ߲໨͕දࣔ͞Εͨʂ

  24. ࢖ͬͯΈΔ දࣔ΋0,ʂ ˞ඞཁʹԠͯ͡)5.-΍$44Λ ੔͑Δ

  25. ײ૝

  26. ײ૝ • 1)1ͰͷΧελϚΠζ͕Ͱ͖Ε͹ϒϩοΫ࡞ΕΔʂ • ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱ͍͍ͯ͠ͷͰ͸ʁ • ೖྗ஋ʹΑͬͯ৚݅෼ذͳͲʹ͸ෆ޲͖

  27. ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ 難しいことはわからないけど これならページ更新できる〜 ΧελϜϑΟʔϧυͰೖྗ߲໨Λ༻ҙͨ͠৔߹ʜ ߋ৽୲౰ऀ͕1$ʹ׳Ε͍ͯͳͯ͘΋ ʮ؆୯ͳೖྗͱϘλϯૢ࡞Ͱϖʔδ͕࡞ΕΔʂʯ

  28. ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ このページにはバナー入れたい あれもしたい!これもしたい! もっと柔軟にページを作れるようにしたい〜 αΠτͷߋ৽࡞ۀʹ׳Εͯ͘Δͱʜ

  29. ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ ʮͳΜͰ΋ೖΕΒΕΔʯ߲໨͕ ͋Δ೔ಥવ௥Ճ͞ΕΔʂʁ

  30. ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ ʮͳΜͰ΋ೖΕΒΕΔʯ߲໨͕ ͋Δ೔ಥવ௥Ճ͞ΕΔʂʁ 入力側もなおして、 テンプレートもなおさなきゃ… 過去のページへの影響は?…

  31. ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ • ϒϩοΫͳΒલޙʹίϯςϯπ Λࣗ༝ʹ௥ՃͰ͖Δ • ୲౰ऀͷϨϕϧʹ߹Θͤͯॊೈ ʹϖʔδΛ࡞Γ΍͘͢ͳΔ

  32. ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ 8PSE1SFTTd ϒϩοΫϚωʔδϟʔΛ׆༻ͯ͠ ࢖͏ϒϩοΫ͚ͩදࣔͤ͞Ε͹ ͞Βʹฤू͠΍͘͢ͳΔʂ ͸ͣ

  33. ʮ؆୯ʹೖྗ͍͚ͨͩ͠ʯͷղܾࡦͱͯ͠ ͨͩʜ QBHFYYYQIQ TJOHMFYYYQIQͳ ͲΛ͍͡Δඞཁ͸ͳ͍͕ ߲໨Λ૿΍ͤ͹ςϯϓϨʔτଆ ͷվम͸ඞཁ

  34. ·ͱΊ

  35. ·ͱΊ ʮ؆୯ʹೖྗͰ͖Δ࢓૊Έʯ ͱͯ͠ͷΧελϜϑΟʔϧυ͸ ʮ#MPDL-BCʯͰ୅༻Ͱ͖Δ͔΋͠Εͳ͍

  36. ͓ΘΓ