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/

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 ߋ৽؅ཧෆཁ αʔόʔܖ໿ෆཁ ϛυϧ΢ΣΞͷ؅ཧෆཁ • ϝϯςφϯε • ηΩϡϦςΟ • ίετ
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