Upgrade to Pro — share decks privately, control downloads, hide ads and more …

MTDDCtokyo2022 MTBlockEditor

hayase
November 21, 2022

MTDDCtokyo2022 MTBlockEditor

タイトル:プラグインとテーマを 活用した効率の良いサイト制作・運営
Movable Type で利用できるブロックエディタプラグインの活用方法の紹介と、それを活かしたデザインテーマについてお話します。

hayase

November 21, 2022
Tweet

More Decks by hayase

Other Decks in Design

Transcript

  1. .5#MPDL&EJUPSϓϥάΠϯͱςʔϚΛ
    ׆༻ͨ͠ޮ཰ͷྑ͍αΠτ੍࡞ɾӡӦ

    View Slide

  2. ࣗݾ঺հ
    γοΫεɾΞύʔτגࣜձࣾ
    ੡඼اըγχΞϚωδϟʔ
    ૣ੉ɹকҰ
    ݸਓαΠτɹIUUQTIBZBTFUW
    ɾ.5 .PWBCMF5ZQF
    ྺ೥໨
    ɾԕڑ཭πʔΩχετʢἚ৓ʣ
    ɾςϨϫʔΫͰϫʔϧυϏδωεαςϥΠτີணऔࡐ
    ɾυϩʔϯඈ͹ͯ͠ࢢͷެࣜ؍ޫಈը࡞੒
    ɾԻָϥΠϒͷԋग़༻ιϑτͳͲ͍Ζ͍Ζ࡞੒
    ɾ΀Α΀ΑFεϙʔπTXJUDI൛
    ɹ࠷ۙ࿹͕ಷͬͯ·͢ʝɹ

    View Slide

  3. ຊ೔ͷ༧ఆ
    .PWBCMF5ZQFͰར༻Ͱ͖ΔϒϩοΫΤσΟλ
    ϓϥάΠϯͷ׆༻ํ๏ͷ঺հͱɺͦΕΛ׆͔ͨ͠
    σβΠϯςʔϚʹ͍͓ͭͯ࿩͠·͢ɻ

    View Slide

  4. .5#MPDL&EJUPSͱ͸ʁ
    .PWBCMF5ZQFOFUͰ͸ඪ४ػೳͱ
    ͯ͠౥ࡌɺ.5Ͱ͸ϓϥάΠϯͱ
    ͯ͠ར༻Ͱ͖ΔϒϩοΫΤσΟλ
    ػೳ

    View Slide

  5. .5#MPDL&EJUPSͷಛ௃
    .5#MPDL&EJUPSʹ͸ҎԼͷಛ௃͕͋Γ·͢
    ϒϩοΫΛ௥Ճ͍͔ͯͨͪ͘͠ͰίϯςϯπΛ࡞੒
    ίϯςϯπλΠϓͷςΩετʢෳ਺ߦʣɺهࣄɾ΢Σϒϖʔ
    δͷຊจͱଓ͖Ͱར༻Մೳ
    ಠࣗͷΧελϜϒϩοΫΛ؆୯ʹ࡞੒͠௥ՃՄೳ
    ͲͷϒϩοΫΛ࢖͏͔ͷදࣔઃఆ΋Մೳ
    දࣔઃఆͷϓϦηοτ΋࡞੒Մೳ
    ؅ཧը໘্Ͱͷ$44ͷઃఆ΋Մೳ

    View Slide

  6. ؅ཧը໘্Ͱͷ$44ͷࢦఆ
    ެ։࣌ͷσβΠϯͱಉ͡༻ʹɺฤूதͷ
    ؅ཧը໘Ͱ΋֬ೝ͢Δ͜ͱ͕Մೳ

    View Slide

  7. ߏ଄Խ͞Εͨσʔλͱͯ͠ग़ྗՄೳ
    ଞͷϑΥʔϚοτͷΑ͏ʹ)5.-Ͱग़ྗ
    ͢Δ͜ͱ΋Մೳ͕ͩɺ
    .5#MPDL&EJUPS#MPDLTλάͳͲΛར༻
    ͯ͠ɺߏ଄Խ͞Εͨσʔλͱͯ͠ѻ͏͜
    ͱ΋Մೳ

    View Slide

  8. ΧελϜϒϩοΫͷ࣮ྫ

    View Slide

  9. ϦϯΫ༻ΧελϜϒϩοΫ
    ϦϯΫΛදࣔ͢Δ৔߹ʹɺ૷০ͯ͠໨
    ཱͨͤͯදࣔ͢ΔͨΊʹɺϦϯΫઐ༻
    ͷϒϩοΫΛ࡞੒
    IUUQTNPWBCMFUZQFOFUCMPHDVTUPNCMPDLCFHJOOFSIUNM

    View Slide

  10. όφʔϦϯΫը૾Λૠೖ͢ΔϒϩοΫ
    όφʔը૾ʴϦϯΫɺͱ͍ͬͨදݱΛ
    ͢Δ৔߹ʹɺը૾ͱ63-Λࢦఆ͢Δͩ
    ͚Ͱը૾ϦϯΫΛૠೖ
    IUUQTNPWBCMFUZQFOFUCMPHCBOOFSCMPDLIUNM

    View Slide

  11. ੕ධՁΛ࣮ݱ͢ΔϒϩοΫ
    ϨϏϡʔهࣄΛॻ͘৔߹ͳͲʹɺஈ
    ֊ͷ੕ͷΞΠίϯͰධՁ͠දࣔ͢Δɺ
    ͱ͍ͬͨ͜ͱ΋Մೳ
    IUUQTNPWBCMFUZQFOFUCMPHTUBSSBUJOHIUNM

    View Slide

  12. ϨεϙϯγϒϨΠΞ΢τΛ୲อͨ͠ΧϥϜͷϒϩοΫ
    ϝΠϯίϯςϯπ෦෼Ͱྻɺྻͷ
    ϨΠΞ΢τΛϨεϙϯγϒϨΠΞ΢τ
    Λ୲อͨ͠ঢ়ଶͰɺ៉ྷʹίϯςϯπ
    Λ഑ஔ͢Δ͜ͱ͕Մೳ
    IUUQTNPWBCMFUZQFOFUCMPHMBZPVUIUNM

    View Slide

  13. ΤΫηϧΛಡΈࠐΜͰςʔϒϧͰදࣔ͢ΔϒϩοΫ
    දͳͲΛܝࡌ͢Δ৔߹ʹ͸ɺςʔϒϧ
    Λར༻͢Δ৔߹͕͋Δ
    ΤΫηϧϑΝΠϧΛυϥοάˍυϩο
    ϓ͢Δ͚ͩͰUBCMFλάʹΑΔද͕ࣔ
    ࣗಈతʹ࡞੒͞ΕΔ
    IUUQTNPWBCMFUZQFOFUCMPHFYDFMUBCMFIUNM

    View Slide

  14. ιʔείʔυΛදࣔ͢ΔϒϩοΫ
    ιʔείʔυΛ៉ྷʹݟ͍ͤͨɺͱ
    ͍ͬͨ৔߹Ͱ΋ɺιʔείʔυΛ୯७
    ʹషΓ෇͚Δ͚ͩͰ៉ྷʹݟͤΔ͜ͱ
    ͕Մೳ
    IUUQTNPWBCMFUZQFOFUCMPHTPVSDFDPEFIUNM

    View Slide

  15. ը૾ΛεϥΠυγϣʔͰදࣔ͢ΔϒϩοΫ
    ը૾୯ମ͚ͩͰ͸ͳ͘ɺෳ਺ͷը૾Λ
    ࢦఆͯ͠εϥΠυγϣʔΛຒΊࠐΉϒ
    ϩοΫ΋࡞੒Մೳ
    IUUQTNPWBCMFUZQFOFUCMPHTMJEFTIPXIUNM

    View Slide

  16. :PVUVCFΛϨεϙϯγϒରԠͤ͞ΔϒϩοΫ
    ୯७ʹࢦఆ͞ΕͨιʔείʔυΛషΓ
    ෇͚Δ͚ͩͰ͸ϨεϙϯγϒରԠ͕Ͱ
    ͖ͳ͍ͨɺ63-Λࢦఆ͢Δ͚ͩͰϨε
    ϙϯγϒରԠͨ͠ϓϨΠϠʔΛදࣔ͢
    Δ͜ͱ͕Մೳ
    IUUQTNPWBCMFUZQFOFUCMPHPFNCFEZPVUVCFIUNM

    View Slide

  17. ΧελϜϒϩοΫΛ׆༻ͨ͠
    σβΠϯςʔϚ

    View Slide

  18. ϒϩοΫΤσΟλΛϑϧ׆༻
    )5.-ͳͲ͸Ұ੾͞ΘΒͣʹɺτοϓ
    ϖʔδ΋ؚΉશͯͷϖʔδΛ࡞੒͢Δ
    ͜ͱ͕ՄೳͳςʔϚ΋࣮ݱՄೳʂ

    View Slide

  19. ͝ࢹௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

    View Slide