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

WordPress のフルサイト編集を使ったサイト作成と Shifter を使ってノーコードで安全なサイトを運用する

WordPress のフルサイト編集を使ったサイト作成と Shifter を使ってノーコードで安全なサイトを運用する

WordPress のテーマディレクトリのブロックテーマと Shifter を使ってノーコドかつ、安全にサイトを運用する方法をご紹介します。

参考リンク
WordPress
• WordPress 5.9 Josephine WordPress.org 日本語 https://ja.wordpress.org/2022/01/26/wordpress-5-9-josephine/
• フルサイト編集 – Japanese Team – WordPress.org 日本語 https://ja.wordpress.org/team/handbook/block-editor/getting-started/full-site-editing/
• ブロックテーマ – Japanese Team – WordPress.org 日本語 https://ja.wordpress.org/team/handbook/block-editor/how-to-guides/themes/block-theme-overview/

Shifter
• 【2021年版】これから始める Shifter シリーズ 無料トライアルのはじめ方
 https://www.getshifter.io/ja/how-to-start-free-trial/

122d68629bd106b305c4704647eca315?s=128

DigitalCube Inc.

April 07, 2022
Tweet

More Decks by DigitalCube Inc.

Other Decks in Technology

Transcript

  1. WordPress ͷϑϧαΠτฤूΛ࢖ͬͨαΠτ࡞੒ͱ Shifter Λ࢖ͬͯϊʔίʔυͰ҆શͳαΠτΛӡ༻͢Δ [4/7 ։࠵] Shifter ΦϯϥΠϯϛʔτΞοϓʂय़ͷϑϨογϟʔζࡇΓ 
 ੢ଜभฏ

  2. ࣗݾ঺հ • ੢ଜभฏ • σδλϧΩϡʔϒ • ΠϯαΠυηʔϧε • Twitter: @maruhsu

    • ࣛࣇౡ • உ 3 ਓɺೣ 5 ඖ
  3. Full Site Editing (ϑϧαΠτฤू) WordPress 5.9 Josephine WordPress.org ೔ຊޠ https://ja.wordpress.org/2022/01/26/

    wordpress-5-9-josephine/
  4. Full Site Editing (ϑϧαΠτฤू) WordPress ؅ཧը໘ͰɺαΠτશମΛ ίϯτϩʔϧͰ͖ΔΑ͏ʹͳΓ·͠ ͨɻ

  5. Full Site Editing (ϑϧαΠτฤू) ͜Ε·Ͱ౤ߘ΍ݻఆϖʔδͳͲͷΤ σΟλ಺Ͱ͸ɺϒϩοΫΤσΟλ͕ར ༻Ͱ͖͍ͯͨɻ

  6. Full Site Editing (ϑϧαΠτฤू) ϑϧαΠτฤू͸ɺαΠτશମΛฤू Մೳɻ • ϔομʔɺϑολʔͳͲͷςϯϓ Ϩʔτύʔπ •

    ςϯϓϨʔτ • ݸผ౤ߘ • ݻఆϖʔδ • ΠϯσοΫε • ϗʔϜ • 404 • ౤ߘ ͳͲͳͲɻઃఆʹΑ༷ͬͯʑɻ
  7. Full Site Editing (ϑϧαΠτฤू) ৄ͍͠υΩϡϝϯτ͸ɺϋϯυϒοΫ ΛνΣοΫɻ ϑϧαΠτฤू – Japanese Team

    – WordPress.org ೔ຊޠ https://ja.wordpress.org/team/ handbook/block-editor/getting-started/ full-site-editing/
  8. Full Site Editing (ϑϧαΠτฤू) ϑϧαΠτฤूʹରԠͨ͠ςʔϚ͸ ϒϩοΫςʔϚ طଘͷςʔϚͷ͜ͱΛ ΫϥγοΫςʔϚ 
 ͱݺͿɻ

    ϒϩοΫςʔϚ – Japanese Team – https://ja.wordpress.org/team/handbook/ block-editor/how-to-guides/themes/ block-theme-overview/
  9. Full Site Editing (ϑϧαΠτฤू) theme.json • ઃఆΛϒϩοΫ͝ͱʹ੍ޚͰ͖Δ • ελΠϧΛ؅ཧͰ͖Δ •

    CSS ΧελϜϓϩύςΟ: ϓϦηοτͱΧελ Ϝ • UI ίϯτϩʔϧ΁ͷΦϓτΠϯ ͳͲͳͲɺjson ϑΝΠϧͰαΠτͷ༷ʑͳઃఆ ͕Մೳɻ ςʔϚߏஙͳͲ͸ɺσβΠϯͷॳظஈ֊͔Β json ϑΝΠϧ࡞੒ͰؔΘΕΔ͔΋ʁ
  10. ϊʔίʔυͰ҆શͳαΠτΛӡ༻͢Δ

  11. ઌͣ͸ Shifter Ͱ৽نαΠτ࡞੒ αΠτ৽ن࡞੒͔Β Shifter Static Λબ୒

  12. ઌͣ͸ Shifter Ͱ৽نαΠτ࡞੒ ʲ2021೥൛ʳ͜Ε͔Β࢝ΊΔ Shifter γϦʔζ ແྉτϥΠΞϧͷ͸͡Ίํ https://www.getshifter.io/ja/how-to-start-free-trial/

  13. ઌͣ͸ Shifter Ͱ৽نαΠτ࡞੒ μογϡϘʔυ΁Ҡಈɻ

  14. ςʔϚϖʔδͰ৽ن௥ՃΛΫϦοΫ ςʔϚϖʔδͰ ৽ن௥Ճ ΛΫϦοΫ

  15. ઌͣ͸ Shifter Ͱ৽نαΠτ࡞੒ ಛ௃ϑΟϧλʔ ΛΫϦοΫ

  16. ϑϧαΠτฤूͰߜΓࠐΈ ϑϧαΠτฤू ʹνΣοΫΛೖΕͯϑΟϧλʔΛద༻

  17. Remote ςʔϚΛબ୒ ࠓճ͸ɺ Remote ςʔϚΛબ୒ɻ ͋Γ͕ͱ͏͍͟͝·͢ʂ

  18. ༗ޮԽ ༗ޮԽ

  19. ΤσΟλʔ (ϕʔλ) ΛΫϦοΫ ΤσΟλʔ(ϕʔλ) ΛΫϦοΫ

  20. ฤूͰ͖Δύʔπ ςϯϓϨʔτ ΍ ςϯϓϨʔτ ύʔπ ΛฤूͰ͖Δ

  21. ςϯϓϨʔτ܈ ςϯϓϨʔτ܈ ςʔϚͷઃఆʹґΔ

  22. ϗʔϜςϯϓϨʔτΛฤू ϗʔϜ Λฤूͯ͠ΈΔ

  23. ౤ߘҰཡ෦෼Λฤू ౤ߘҰཡ෦෼ গ͠ऐ͍͠ͷͰཁૉΛ௥Ճ͢Δ

  24. ཁૉΛ௥Ճ ΧϥϜΛ௥Ճ গ͠ऐ͍͠ͷͰཁૉΛ௥Ճ͢Δ

  25. ΞΠΩϟονը૾ϒϩοΫΛ௥Ճ ΞΠΩϟονը૾ ϒϩοΫ ௥Ճ

  26. ΤσΟλ಺Ͱը૾෯ͳͲΛௐ੔ ը૾ͷ෯ͳͲΛ ௐ੔

  27. ౤ߘൈਮ΍౤ߘΧςΰϦʔΛ௥Ճ ൈਮ΍Χςΰ ϦʔΛ௥Ճ

  28. ฤू׬ྃ ฤू׬ྃ

  29. อଘ͠·͢ อଘ

  30. ϑϩϯτͰදࣔΛ֬ೝ

  31. ௥Ճ

  32. Build Deploy ΛΫϦοΫ

  33. Stop WordPress ΛΫϦοΫ

  34. Stop WordPress ΛΫϦοΫ (͜͜Ͱ WordPress ఀࢭ)

  35. δΣωϨʔτத…

  36. ެ։

  37. ެ։

  38. Shifter ͷಛ௃ WordPress Πϯετʔϧෆཁ WordPress ߋ৽؅ཧෆཁ αʔόʔܖ໿ෆཁ ϛυϧ΢ΣΞͷ؅ཧෆཁ • ϝϯςφϯε

    • ηΩϡϦςΟ • ίετ
  39. None
  40. Full Site Editing (ϑϧαΠτฤू) ΞΠΩϟονը૾ ϒϩοΫ ௥Ճ

  41. ϊʔίʔυͰ҆શͳαΠτΛӡ༻͢Δ

  42. Thank you !

  43. ࢀߟϦϯΫ • WordPress 5.9 Josephine WordPress.org ೔ຊޠ 
 https://ja.wordpress.org/2022/01/26/wordpress-5-9-josephine/ •

    ϑϧαΠτฤू – Japanese Team – WordPress.org ೔ຊޠ 
 https://ja.wordpress.org/team/handbook/block-editor/getting-started/full-site-editing/ • ϒϩοΫςʔϚ – Japanese Team – WordPress.org ೔ຊޠ 
 https://ja.wordpress.org/team/handbook/block-editor/how-to-guides/themes/block-theme-overview/ • • ʲ2021೥൛ʳ͜Ε͔Β࢝ΊΔ Shifter γϦʔζ ແྉτϥΠΞϧͷ͸͡Ίํ
 https://www.getshifter.io/ja/how-to-start-free-trial/ WordPress Shifter