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

2018/09/15（土）に開催された WordCamp Tokyo 2018 のセッションデーで使用したスライドです。

WordPress 5.0 で導入される次期エディター「Gutenberg」について、基本的な使用方法、旧エディターからの移行、正式リリース前に最低限準備することなどを中心に発表しました。

・これから Gutenberg を使ってみたい！
・Gutenberg は旧エディターとどう違うのか、ささっと知っておきたい！

という方を対象としています。参考資料の一つとしてご活用ください。

WordCamp Tokyo 2018 セッション情報
https://2018.tokyo.wordcamp.org/session/ef-2b-2/

代表者ブログ
https://www.imamura.biz/blog/

株式会社AnimaGate
https://www.animagate.com/

Transcript

2. bouya Imamura
   
   ࣗݾ঺հ ग़਎ ࡏॅ े৚ ෋ࢁݝ ʢ౦ژ౎ʣ
3. 2006 2008 2010 2016 ๏ਓ ུྺ ৮Δ ॻ͘ ಠཱ ݱࡏ
   
   ࣗݾ঺հ
4. WordPress Λ࢖ͬͨ ͔ͳΓ೉қ౓͕ߴ͍ ੍࡞΋΍͍ͬͯ·͢ ΍͍ͬͯΔ͜ͱ ΢ΣϒαΠτ੍࡞ ΢ΣϒαʔϏεӡӦ ΢ΣϒγεςϜ։ൃ CMSߏங ECαΠτߏங σβΠϯ੍࡞ ੍໊ࢗ࡞ ϩΰ੍࡞ ૢ࡞ڭҭ ΢Σϒ੍࡞ձࣾ΁ͷٕज़ࢦಋ
   
   ࣗݾ঺հ
5. ͳΔ΂͘ίʔυΛॻ͔ͣʹ
   
   ࣗݾ঺հ ϝϯςφϯείετΛ཈͑Δ WordPress ͷߏங ΍͍ͬͯ·͢
6. ݱࡏ WordPressʹؔ͢Δ׆ಈ Nishikiʢެࣜʣ WordBench Kobe Newpost Catchʢެࣜʣ ϓϥάΠϯ ςʔϚ WordCamp Tokyo 2017 WordCamp Osaka 2018 εϐʔΧʔ ଞʹ΋ͨ͘͞Μ ଞʹ΋ͨ͘͞Μ
   
   ࣗݾ঺հ
7. 
   
   ηογϣϯͷྲྀΕ ɾૢ࡞σϞʢಈըʣ ɾਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ΋ͷ ɾGutenberg ͷ֓ཁ ɾGutenberg ͰԿ͕มΘΔͷ͔ʁ
8. Gutenberg ͷ֓ཁ
9. ৽͍͠ΤσΟλʔͷ໊લ WordPress 5.0 ΑΓ࣮૷͞ΕΔ Gutenberg ͱ͸
   
   Gutenberg ͷ֓ཁ
10. ࠓ͔ΒͰ΋࢖͑·͢
    
    Gutenberg ͷ֓ཁ ϓϥάΠϯΛೖΕΕ͹
11. ͓ࢼ͠Ͱ͖·͢ ϓϥάΠϯΛೖΕͳͯ͘΋ IUUQTKBXPSEQSFTTPSHHVUFOCFSH
    
    Gutenberg ͷ֓ཁ
12. Gutenberg ͰԿ͕มΘΔͷ͔ʁ
13. ฤूը໘͕มΘΔ ౤ߘɾݻఆϖʔδͷ چΤσΟλʔ Gutenberg
    
    Gutenberg ͰԿ͕มΘΔͷ͔ʁ
14. ϒϩοΫ Λ࢖͏ͷͰ
    
    Gutenberg ͰԿ͕มΘΔͷ͔ʁ ϖʔδͷ࡞Γํ͕มΘΔ
15. ͭ·Γ ૢ࡞ํ๏ ͕มΘΓ·͢
    
    Gutenberg ͰԿ͕มΘΔͷ͔ʁ
16. چΤσΟλʔͱͷڞ௨఺
17. ίϯςϯπΛ࡞੒ Ͱ͖Δ
    
    Gutenberg ͰԿ͕มΘΔͷ͔ʁ
18. Gutenberg Ͱ΋ ಉ͡Α͏ͳ͜ͱ͕Ͱ͖Δ
    
    Gutenberg ͰԿ͕มΘΔͷ͔ʁ
19. ૢ࡞σϞʢಈըʣ
20. ΞΠίϯͰϒϩοΫΛ௥Ճ ʴ
21. ଞͷϒϩοΫ΁ม׵
22. εϙοτϥΠτϞʔυͰϒϩοΫʹϑΥʔΧε
23. ϏδϡΞϧΤσΟλʔɾίʔυΤσΟλʔͷ੾Γସ͑
24. ιʔγϟϧϝσΟΞ΍ಈըͷຒΊࠐΈ
25. γϣʔτίʔυʹ΋ରԠ
26. چΤσΟλʔͰ࡞੒ͨ͠΋ͷΛม׵
27. 
    
    ૉૣ͘ϒϩοΫΛ௥Ճ͢Δ
28. ଞʹ΋͜Μͳ͜ͱͰ͖·͔͢ʁ
    
    σϞ
29. ΤσΟλʔͷ࢖͍ํ͸༷ʑɻ ؾʹͳΔͱ͜Ζ͸ ࣮ࡍʹ৮ͬͯΈΑ͏ 15෼Ͱ͸঺հ͖͠Εͳ͍ʂʂ
    
    σϞ
30. Gutenberg Λ࢖͍࢝Ί·͠ΐ͏ʂ ਖ਼௚೉͍͠ͱࢥ͏
    
    σϞ WordPress 5.0͔Β ͍͖ͳΓͷ؀ڥมԽʹదԠ͢Δͷ͸େม ͬͯͷ͸
31. ਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ͜ͱ
32. Classic Editor ϓϥάΠϯ ᶃ ྆ํͷΤσΟλʔΛ࢖͑ΔΑ͏ʹ
    
    ਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ͜ͱ
33. ᶃ ྆ํͷΤσΟλʔΛ࢖͑ΔΑ͏ʹ Classic Editor ϓϥάΠϯ
    
    ਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ͜ͱ
34. Classic Editor ϓϥάΠϯ ᶃ ྆ํͷΤσΟλʔΛ࢖͑ΔΑ͏ʹ
    
    ਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ͜ͱ
35. खΛಈ͔ͦ͏ɻ
    ͭ·Γʮ׳Εʯ ᶄ ࣮ࡍʹ৮ͬͯΈΑ͏ ˞ςετ؀ڥͰͷ࡞ۀ͕͓͢͢Ί
    
    ਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ͜ͱ
36. چΤσΟλʔͰ࡞ͬͨ ౤ߘɾݻఆϖʔδΛ ʮϒϩοΫ΁ม׵ʯ͠Α͏ ᶅʮϒϩοΫ΁ม׵ʯͯ͠ΈΑ͏ ˞ςετ؀ڥͰͷ࡞ۀ͕͓͢͢Ί
    
    ਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ͜ͱ
37. ɾϒϩοΫ΁ม׵͢Δͱίʔυ͕ফ͑ͯ͠·͏ ɾچΤσΟλʔͰ࢖͑ͨػೳ͕࢖͑ͳ͍ ᶆʮΧελϜHTMLʯϒϩοΫʹ׳ΕΑ͏ ˞ςετ؀ڥͰͷ࡞ۀ͕͓͢͢Ί
    
    ਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ͜ͱ ʮΧελϜHTMLʯϒϩοΫ Λ࢖ͬͯίʔυΛҡ͓࣋ͯ͘͠
38. Gutenberg ͸ϦϦʔεʹ޲͚ͯ ਵ࣌Ξοϓσʔτ͞Ε͍ͯ·͢ αϙʔτϑΥʔϥϜͷར༻ ϑΟʔυόοΫΛૹΔ
    
    ਖ਼ࣜϦϦʔεલʹ࠷௿ݶ४උ͢Δ͜ͱ
39. (VUFOCFSH ࠓ೔͔Β࢖͍࢝ΊΑ͏
40. ϑΥϩʔ
    
    νϟϯωϧొ࿥
    ΑΖ͘͠Ͱ͢ʂʂ !TCPVZB CPVZB
    *NBNVSB