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

by DigitalCube Inc.

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

ࣗݾ঺հ ● ੢ଜभฏ ● σδλϧΩϡʔϒ ● ΠϯαΠυηʔϧε ● Twitter: @maruhsu ● ࣛࣇౡ ● உ 3 ਓɺೣ 5 ඖ

Slide 3

Slide 3 text

Full Site Editing (ϑϧαΠτฤू) WordPress 5.9 Josephine WordPress.org ೔ຊޠ https://ja.wordpress.org/2022/01/26/ wordpress-5-9-josephine/

Slide 4

Slide 4 text

Full Site Editing (ϑϧαΠτฤू) WordPress ؅ཧը໘ͰɺαΠτશମΛ ίϯτϩʔϧͰ͖ΔΑ͏ʹͳΓ·͠ ͨɻ

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

Full Site Editing (ϑϧαΠτฤू) ϑϧαΠτฤू͸ɺαΠτશମΛฤू Մೳɻ • ϔομʔɺϑολʔͳͲͷςϯϓ Ϩʔτύʔπ • ςϯϓϨʔτ • ݸผ౤ߘ • ݻఆϖʔδ • ΠϯσοΫε • ϗʔϜ • 404 • ౤ߘ ͳͲͳͲɻઃఆʹΑ༷ͬͯʑɻ

Slide 7

Slide 7 text

Full Site Editing (ϑϧαΠτฤू) ৄ͍͠υΩϡϝϯτ͸ɺϋϯυϒοΫ ΛνΣοΫɻ ϑϧαΠτฤू – Japanese Team – WordPress.org ೔ຊޠ https://ja.wordpress.org/team/ handbook/block-editor/getting-started/ full-site-editing/

Slide 8

Slide 8 text

Full Site Editing (ϑϧαΠτฤू) ϑϧαΠτฤूʹରԠͨ͠ςʔϚ͸ ϒϩοΫςʔϚ طଘͷςʔϚͷ͜ͱΛ ΫϥγοΫςʔϚ   ͱݺͿɻ ϒϩοΫςʔϚ – Japanese Team – https://ja.wordpress.org/team/handbook/ block-editor/how-to-guides/themes/ block-theme-overview/

Slide 9

Slide 9 text

Full Site Editing (ϑϧαΠτฤू) theme.json • ઃఆΛϒϩοΫ͝ͱʹ੍ޚͰ͖Δ • ελΠϧΛ؅ཧͰ͖Δ • CSS ΧελϜϓϩύςΟ: ϓϦηοτͱΧελ Ϝ • UI ίϯτϩʔϧ΁ͷΦϓτΠϯ ͳͲͳͲɺjson ϑΝΠϧͰαΠτͷ༷ʑͳઃఆ ͕Մೳɻ ςʔϚߏஙͳͲ͸ɺσβΠϯͷॳظஈ֊͔Β json ϑΝΠϧ࡞੒ͰؔΘΕΔ͔΋ʁ

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

༗ޮԽ ༗ޮԽ

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

ςϯϓϨʔτ܈ ςϯϓϨʔτ܈ ςʔϚͷઃఆʹґΔ

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

ฤू׬ྃ ฤू׬ྃ

Slide 29

Slide 29 text

อଘ͠·͢ อଘ

Slide 30

Slide 30 text

ϑϩϯτͰදࣔΛ֬ೝ

Slide 31

Slide 31 text

௥Ճ

Slide 32

Slide 32 text

Build Deploy ΛΫϦοΫ

Slide 33

Slide 33 text

Stop WordPress ΛΫϦοΫ

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

δΣωϨʔτத…

Slide 36

Slide 36 text

ެ։

Slide 37

Slide 37 text

ެ։

Slide 38

Slide 38 text

Shifter ͷಛ௃ WordPress Πϯετʔϧෆཁ WordPress ߋ৽؅ཧෆཁ αʔόʔܖ໿ෆཁ ϛυϧ΢ΣΞͷ؅ཧෆཁ • ϝϯςφϯε • ηΩϡϦςΟ • ίετ

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

Full Site Editing (ϑϧαΠτฤू) ΞΠΩϟονը૾ ϒϩοΫ ௥Ճ

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

Thank you !

Slide 43

Slide 43 text

ࢀߟϦϯΫ • 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