Web制作2年目の私がブロックテーマを作成してみた話

WordPress制作に初めて触れた時にはすでにGutenbergだった人の目線で、テーマ作成の話をします。

Transcript

2. 松村安希⼦（まつむらあきこ） 2021 年 に 前 職 を 辞 め 、 Web 制 作 の 業 界 へ ⾶ び 込 み ま した。前職でのサイト運営を含めるとWordPressとの 付 き 合 い は ⻑ く な っ て き ま し た が 、 制 作 者 と し て は ⽇々勉強中。 株式会社シノビアシのディレクター兼デザイナーとし てサイト構築‧運営に携わっています。 WordCamp Kansai 2024 Web制作2年⽬の私がブロックテーマを作成してみた話
3. 制作者2年⽬にとっての “WordPress”って？ Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
4. ブロックエディター Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
5. 本⽇のお話 Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
6. 1. ブロックテーマって何？ Web制作2年⽬の私がブロックテーマを作成してみた話 ブロックエディターとの違いは？ WordCamp Kansai 2024
7. 1. ブロックテーマって何？ Web制作2年⽬の私がブロックテーマを作成してみた話 ブロックエディターとの違いは？ 2. ブロックテーマで作成したサイト制作の話 WordCamp Kansai 2024
8. 1. ブロックテーマって何？ Web制作2年⽬の私がブロックテーマを作成してみた話 ブロックエディターとの違いは？ 2. ブロックテーマで作成したサイト制作の話 3. ブロックテーマでサイトを作ろう WordCamp Kansai 2024
9. ブロックテーマと ブロックエディター について Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
10. ブロックテーマ Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024 ブロックエディター ≠
11. ブロックエディターとは Web制作2年⽬の私がブロックテーマを作成してみた話 ⽂章や画像などを ブロックという単位で 管理する編集機能 のこと WordCamp Kansai 2024
12. Web制作2年⽬の私がブロックテーマを作成してみた話 そもそもブロックとは？ WordCamp Kansai 2024
13. クラシックエディター Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
14. クラシックエディター Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
15. ブロックエディター Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
16. ブロックエディター Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
17. ブロックテーマとは Web制作2年⽬の私がブロックテーマを作成してみた話 ブロックエディターに 対応しているテーマ のこと WordCamp Kansai 2024
18. ブロックテーマとは Web制作2年⽬の私がブロックテーマを作成してみた話 ブロックエディターに 対応しているテーマ のこと WordCamp Kansai 2024
19. ブロックテーマとは Web制作2年⽬の私がブロックテーマを作成してみた話 ブロックエディターに対応しているテーマ のこと テンプレートが ブロックで構成されたテーマ WordCamp Kansai 2024
20. ブロックテーマとは Web制作2年⽬の私がブロックテーマを作成してみた話 のこと テンプレートが ブロックで構成された フルサイト編集が可能なテーマ WordCamp Kansai 2024
21. フルサイト編集とは？ Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
22. フルサイト編集とは？ Web制作2年⽬の私がブロックテーマを作成してみた話 ≒ノーコード WordCamp Kansai 2024
23. 熊本 WordPress Meetup Web制作2年⽬の私がブロックテーマを作成してみた話 フルサイト編集 WordPress の強み ＋ 直感的な 編集機能 WordCamp Kansai 2024
24. 1. ブロックテーマって何？ Web制作2年⽬の私がブロックテーマを作成してみた話 ブロックエディターとの違いは？ 2. ブロックテーマで作成したサイト制作の話 3. ブロックテーマでサイトを作ろう WordCamp Kansai 2024
25. Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
26. Web制作2年⽬の私がブロックテーマを作成してみた話 オリジナル ブロック テーマ WordCamp Kansai 2024
27. テーマの種類 Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
28. テーマは⼤きく分けて 3 種類 Web制作2年⽬の私がブロックテーマを作成してみた話 ハイブリッド テーマ ブロック テーマ クラシック テーマ WordCamp Kansai 2024
29. Web制作2年⽬の私がブロックテーマを作成してみた話 ブロック テーマ クラシック テーマ WordCamp Kansai 2024 管理画⾯では コンテンツのみ 作成‧編集が可能 ＼ ／ 管理画⾯では サイト全体の 作成‧編集が可能 ＼ ／
30. BabyBjörnサイトリニューアル ブロックテーマにした理由 Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
31. Web制作2年⽬の私がブロックテーマを作成してみた話 フルサイト編集への移⾏の流れ WordCamp Kansai 2024
32. Web制作2年⽬の私がブロックテーマを作成してみた話 ブロックエディターが 活⽤できるご依頼内容 WordCamp Kansai 2024
33. Web制作2年⽬の私がブロックテーマを作成してみた話 ブロック テーマ 採⽤！ WordCamp Kansai 2024
34. Web制作2年⽬の私がブロックテーマを作成してみた話 ?? WordCamp Kansai 2024 ブロックエディターが 活⽤できるご依頼内容
35. Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
36. Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
37. Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
38. Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
39. Web制作2年⽬の私がブロックテーマを作成してみた話 オリジナル ブロック テーマ ‧‧‧‧‧ WordCamp Kansai 2024
40. Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024 FSEテーマ WordPress.orgより
41. ブロックテーマとは Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
42. ブロックテーマとは Web制作2年⽬の私がブロックテーマを作成してみた話 ブロックで構成された フルサイト編集が可能なテーマ のこと WordCamp Kansai 2024
43. Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024 テーマがフルサイト編集の 機能を持っている
44. オリジナルの ブロックテーマを 開発 Web制作2年⽬の私がブロックテーマを作成してみた話 既存の ブロックテーマを カスタマイズ ✔ デザインの再現度が⾼い ✔コーディングなどの知識が必要 ✔ 時間や費⽤的コストがかかる ✔ デザインには制限がある ✔ コーディングの知識が不要 ✔ コストの削減ができる プラグイン利⽤で オリジナルテーマ化 することも可能 WordCamp Kansai 2024
45. 1. ブロックテーマって何？ Web制作2年⽬の私がブロックテーマを作成してみた話 ブロックエディタとの違いは？ 2. ブロックテーマで作成したサイト制作の話 3. ブロックテーマでサイトを作ろう WordCamp Kansai 2024
47. まとめ Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
48. Web制作2年⽬の私が ブロックテーマを作成して 感じたこと Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
49. Web制作2年⽬の私がブロックテーマを作成してみた話 ブロックエディター コーディングなしでも サイト制作の⾃由度が⾼まる！ ブロックテーマ WordCamp Kansai 2024
50. Web制作2年⽬の私がブロックテーマを作成してみた話 好きなサイトを 誰でも⾃分で作れちゃうかも WordCamp Kansai 2024
51. Web制作2年⽬の私がブロックテーマを作成してみた話 好きなサイトを 誰でも⾃分で作れちゃうかも ‧‧ WordCamp Kansai 2024
52. まずはちょこっと、 触れてみるところから Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024
53. ありがとうございました！ Web制作2年⽬の私がブロックテーマを作成してみた話 WordCamp Kansai 2024