より便利に、効率よく ! WordPress 次期エディター「Gutenberg」の基本的な操作を知って、今日から使い始めよう / WordCamp Tokyo 2018 session room GH 11:30

by bouya Imamura

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

bouya Imamura ࣗݾ঺հ ग़਎ ࡏॅ े৚ ෋ࢁݝ ʢ౦ژ౎ʣ

Slide 3

Slide 3 text

2006 2008 2010 2016 ๏ਓ ུྺ ৮Δ ॻ͘ ಠཱ ݱࡏ ࣗݾ঺հ

Slide 4

Slide 4 text

WordPress Λ࢖ͬͨ ͔ͳΓ೉қ౓͕ߴ͍ ੍࡞΋΍͍ͬͯ·͢ ΍͍ͬͯΔ͜ͱ ΢ΣϒαΠτ੍࡞ ΢ΣϒαʔϏεӡӦ ΢ΣϒγεςϜ։ൃ CMSߏங ECαΠτߏங σβΠϯ੍࡞ ੍໊ࢗ࡞ ϩΰ੍࡞ ૢ࡞ڭҭ ΢Σϒ੍࡞ձࣾ΁ͷٕज़ࢦಋ ࣗݾ঺հ

Slide 5

Slide 5 text

ͳΔ΂͘ίʔυΛॻ͔ͣʹ ࣗݾ঺հ ϝϯςφϯείετΛ཈͑Δ WordPress ͷߏங ΍͍ͬͯ·͢

Slide 6

Slide 6 text

ݱࡏ WordPressʹؔ͢Δ׆ಈ Nishikiʢެࣜʣ WordBench Kobe Newpost Catchʢެࣜʣ ϓϥάΠϯ ςʔϚ WordCamp Tokyo 2017 WordCamp Osaka 2018 εϐʔΧʔ ଞʹ΋ͨ͘͞Μ ଞʹ΋ͨ͘͞Μ ࣗݾ঺հ

Slide 7

Slide 7 text

ηογϣϯͷྲྀΕ ɾૢ࡞σϞʢಈըʣ ɾਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ΋ͷ ɾGutenberg ͷ֓ཁ ɾGutenberg ͰԿ͕มΘΔͷ͔ʁ

Slide 8

Slide 8 text

Gutenberg ͷ֓ཁ

Slide 9

Slide 9 text

৽͍͠ΤσΟλʔͷ໊લ WordPress 5.0 ΑΓ࣮૷͞ΕΔ Gutenberg ͱ͸ Gutenberg ͷ֓ཁ

Slide 10

Slide 10 text

ࠓ͔ΒͰ΋࢖͑·͢ Gutenberg ͷ֓ཁ ϓϥάΠϯΛೖΕΕ͹

Slide 11

Slide 11 text

͓ࢼ͠Ͱ͖·͢ ϓϥάΠϯΛೖΕͳͯ͘΋ IUUQTKBXPSEQSFTTPSHHVUFOCFSH Gutenberg ͷ֓ཁ

Slide 12

Slide 12 text

Gutenberg ͰԿ͕มΘΔͷ͔ʁ

Slide 13

Slide 13 text

ฤूը໘͕มΘΔ ౤ߘɾݻఆϖʔδͷ چΤσΟλʔ Gutenberg Gutenberg ͰԿ͕มΘΔͷ͔ʁ

Slide 14

Slide 14 text

ϒϩοΫ Λ࢖͏ͷͰ Gutenberg ͰԿ͕มΘΔͷ͔ʁ ϖʔδͷ࡞Γํ͕มΘΔ

Slide 15

Slide 15 text

ͭ·Γ ૢ࡞ํ๏ ͕มΘΓ·͢ Gutenberg ͰԿ͕มΘΔͷ͔ʁ

Slide 16

Slide 16 text

چΤσΟλʔͱͷڞ௨఺

Slide 17

Slide 17 text

ίϯςϯπΛ࡞੒ Ͱ͖Δ Gutenberg ͰԿ͕มΘΔͷ͔ʁ

Slide 18

Slide 18 text

Gutenberg Ͱ΋ ಉ͡Α͏ͳ͜ͱ͕Ͱ͖Δ Gutenberg ͰԿ͕มΘΔͷ͔ʁ

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

ΤσΟλʔͷ࢖͍ํ͸༷ʑɻ ؾʹͳΔͱ͜Ζ͸ ࣮ࡍʹ৮ͬͯΈΑ͏ 15෼Ͱ͸঺հ͖͠Εͳ͍ʂʂ σϞ

Slide 30

Slide 30 text

Gutenberg Λ࢖͍࢝Ί·͠ΐ͏ʂ ਖ਼௚೉͍͠ͱࢥ͏ σϞ WordPress 5.0͔Β ͍͖ͳΓͷ؀ڥมԽʹదԠ͢Δͷ͸େม ͬͯͷ͸

Slide 31

Slide 31 text

ਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ͜ͱ

Slide 32

Slide 32 text

Classic Editor ϓϥάΠϯ ᶃ ྆ํͷΤσΟλʔΛ࢖͑ΔΑ͏ʹ ਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ͜ͱ

Slide 33

Slide 33 text

ᶃ ྆ํͷΤσΟλʔΛ࢖͑ΔΑ͏ʹ Classic Editor ϓϥάΠϯ ਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ͜ͱ

Slide 34

Slide 34 text