WordPress 5.8 と FSE についてみんなでディスカッションしよう！

2021年8月19日開催の Tokyo WordPress Meetup で使用したスライド

▶︎イベント詳細
https://www.meetup.com/Tokyo-WordPress-Meetup/events/280069151/

Transcript

2. 世界中で WordPress イベントを運営する人 たちのネットワーク。Meetup.com 上に それぞれグループを持つ。 111カ国・873グループ・44万人が参加中。 WordPress Meetup とは
3. https://www.meetup.com/pro/wordpress
4. 現在は日本にも25チャプターが誕生 札幌 / 新潟 / 福島 埼玉 / 東京 / 千葉 / 群馬 静岡 / 信州 / 富山 福井 / 岐阜 / 山梨 / 愛知 三重 / 関西 / 岡山 香川 / 福岡 / 鹿児島など https://ja.wordpress.org/team/handbook/japan-wordpress-meetup/
5. 1. コミュニティ全体の利益が目的 2. あらゆる人が参加できる 3. 無償ボランティアによる運営 4. 基本的に誰でもイベントを企画できる 5. 誰でも受け入れる環境 WordPress Meetup の「5つのルール」+ 1 https://ja.wordpress.org/get-involved/meetup/ また、GPL を含む WordPress オープンソースプロジェクトの原則を守ること。
6. 1. ハッシュタグは #tokyowp 2. Zoom のチャットでお気軽に会話・質 問してください おしらせ！
7. 1. 不快な行為を見かけたら、運営者にプラ イベートメッセージでお声がけください。 運営者の名前には [運営] がついていま す。 2. イベント終了後の連絡は Meetup.com の「メッセージを送信」からどうぞ。 オンライン開催の注意点
8. それでは、 お楽しみください！ #tokyowp
9. みなさんからのフィードバックをお待ちしてい ます！ Meetup.com のコメントや運営者宛てメッ セージなどで、ぜひお寄せください。 フィードバック
11. 本日のアジェンダ 1. 自己紹介 2. WordPress 5.8 について 3. ディスカッションタイム 4. FSE (Full Site Editing) について紹介 5. ディスカッションタイム
12. WordPress 5.8 自己紹介 • お名前 • 普段のお仕事 • WordPress はどうやって使っていますか？ • 何かあれば！
13. WordPress 5.8
14. WordPress 5.8 WordPress 5.8 からの新機能 サイト運営者向け 1. 新しいブロックと ブロックパターン 2. 投稿テンプレートの編集 3. ブロックを使った ウィジェット編集 4. 画像スタイルや色の追加 開発者向け 1. Theme.json 2. WebP サポート 3. ブロックサポートの追加
15. WordPress 5.8 新しいブロックとブロックパターン 出典：https://make.wordpress.org/community/2021/06/18/meetup-group-resources-talking-points-for-wordpress-5-8/
16. WordPress 5.8 新しいブロックとブロックパターン 出典：https://make.wordpress.org/community/2021/06/18/meetup-group-resources-talking-points-for-wordpress-5-8/
17. WordPress 5.8 新しいブロックとブロックパターン ブロックパターンは、 • テーマやプラグインでブロックのレイアウトを設定するための方法 • 誰もがブロックパターンのディレクトリにアクセスできるように • パターンを使って美しいコンテンツを作ることができるように • 新しいパターンは、Block Inserterで見つける ※ 現状ではコアにバンドルされていたパターンがインサーターで利用できる唯一のパターンですが、将来的 にはディレクトリ内のすべてのパターンがインサーターからも検索できるようになる予定です。
18. WordPress 5.8 新しいブロックとブロックパターン 出典：https://make.wordpress.org/community/2021/06/18/meetup-group-resources-talking-points-for-wordpress-5-8/
19. WordPress 5.8 テンプレートの編集モード テンプレート編集モードは、フルサイト編集の機能の一つで、投稿/ページの コンテンツと、その投稿/ページが使用しているテンプレート要素を切り替え て編集する機能です。基本的には、ポストエディターとテンプレートエディ ターを切り替えることができます。
20. WordPress 5.8 テンプレートの編集モード 出典：https://make.wordpress.org/community/2021/06/18/meetup-group-resources-talking-points-for-wordpress-5-8/
21. WordPress 5.8 ブロックを使ったウィジェット編集 ブロックウィジェットエディタとカスタマイザーの両方にブロックが追加されま した。ユーザーは、投稿/ページ内のブロックを編集するのと同じように、ウィ ジェットを直接編集できるようになります。 この機能により、コードを使わないミニレイアウトや、膨大なブロックライブラ リを活用したコンテンツ制作など、さまざまな可能性が広がります。 特定のウィジェットを含むLegacy Widgetブロックを、ユーザーが簡単にブ ロックまたは複数のブロックに移行できるようにすることができます。
22. WordPress 5.8 ブロックを使ったウィジェット編集 出典：https://make.wordpress.org/community/2021/06/18/meetup-group-resources-talking-points-for-wordpress-5-8/
23. WordPress 5.8 画像スタイルや色の追加 デュオトーンフィルターを使って画像やカバーブロックをカラー化することが できます デュオトーンは、デザインにポップな色を加えたり、写真（またはカ バーブロックの動画）をテーマに合わせてスタイルを変えたりすることができ ます。 この機能は、「ブロックサポート」機能として、画像と動画のコアブロックであ る「Image」と「Cover」でデフォルトで利用できます。ブロックツールバーの設 定で確認することができます。これはサードパーティのブロックでもサポート されており、カラープリセットはtheme.json内のテーマでカスタマイズするこ とができます。
24. WordPress 5.8 画像スタイルや色の追加 出典：https://make.wordpress.org/community/2021/06/18/meetup-group-resources-talking-points-for-wordpress-5-8/
25. WordPress 5.8 タイトルタイトルタイトル 本文がここに入ります。本文がここに入ります。本文がここに入ります。本文 がここに入ります。本文がここに入ります。本文がここに入ります。本文がこ こに入ります。本文がここに入ります。本文がここに入ります。本文がここに 入ります。本文がここに入ります。本文がここに入ります。本文がここに入り ます。本文がここに入ります。本文がここに入ります。本文がここに入りま す。本文がここに入ります。本文がここに入ります。本文がここに入ります。 本文がここに入ります。本文がここに入ります。本文がここに入ります。本文 がここに入ります。本文がここに入ります。本文がここに入ります。
26. WordPress 5.8 タイトルタイトルタイトル 本文がここに入ります。本文がここに入ります。本文がここに入ります。本文 がここに入ります。本文がここに入ります。本文がここに入ります。本文がこ こに入ります。本文がここに入ります。本文がここに入ります。本文がここに 入ります。本文がここに入ります。本文がここに入ります。本文がここに入り ます。本文がここに入ります。本文がここに入ります。本文がここに入りま す。本文がここに入ります。本文がここに入ります。本文がここに入ります。 本文がここに入ります。本文がここに入ります。本文がここに入ります。本文 がここに入ります。本文がここに入ります。本文がここに入ります。
27. WordPress 5.8 タイトルタイトルタイトル 本文がここに入ります。本文がここに入ります。本文がここに入ります。本文 がここに入ります。本文がここに入ります。本文がここに入ります。本文がこ こに入ります。本文がここに入ります。本文がここに入ります。本文がここに 入ります。本文がここに入ります。本文がここに入ります。本文がここに入り ます。本文がここに入ります。本文がここに入ります。本文がここに入りま す。本文がここに入ります。本文がここに入ります。本文がここに入ります。 本文がここに入ります。本文がここに入ります。本文がここに入ります。本文 がここに入ります。本文がここに入ります。本文がここに入ります。
28. 5.8 でのフルサイト編集機 能への対応について FSE（フルサイト編集）
29. サイトロゴ サイトタイトル サイトの キャッチフレーズ 固定ページリスト 投稿タイトル 投稿コンテンツ 投稿者 投稿日 次の投稿 ログイン 投稿抜粋 投稿アイキャッチ画 像 投稿カテゴリー 投稿タグ 前の投稿 「テーマブロック」と「クエリーブロック」 FSE（フルサイト編集）
30. ja.wordpress.org/themes/tags/full-site-editing FSE（フルサイト編集） フルサイト編集対応テーマ
31. 特徴で絞り込む →（機能）フルサイト編集 ※ 管理画面のサイト追加画面でも使えます フルサイト編集対応テーマの検索 FSE（フルサイト編集）
32. デモタイム フルサイト編集のデモを見てみよう！ FSE（フルサイト編集）
33. 必要なもの ＋ コアのバージョンは5.8にしておきましょう Gutenberg プラグイン フルサイト編集対応テーマ （今回は “TT1 Blocks”） FSE（フルサイト編集）
34. 話題に出たリンク • https://ja.wordpress.org/2021/05/27/coloring-your-images-with-duotone-filters • https://ja.wordpress.org/patterns/ • https://them.es/starter-fse/ • https://generatewp.com/ • https://gutenberg-theme.xyz/ • https://make.wordpress.org/hosting/test-results/ • https://nendeb.com/933/