「フルサイト編集」とは? / 2021-12-18 Kansai WordPress Meetup @Kobe #029

Kansai WordPress Meetup@神戸 #029 &大阪 #6 &京都#2 「サイトまるごと編集が可能になる、Full Site Editingを体験しよう!」で紹介した資料になります。
https://www.meetup.com/ja-JP/Kansai-WordPress-Meetup/events/281792029/

Transcript

1. 「フルサイト編集」とは HORIE, Keisuke 2021-12-18 Kansai WordPress Meetup @Kobe #029
2. レジュメ フルサイト編集って? 「フルサイト編集」必要要件 WordPressベータリリースを試す (補足)コンテンツのサンプルを追加する Kansai WordPress Meetup @KOBE 2
3. 「フルサイト編集」って? Full Site Editing / FSE Kansai WordPress Meetup @KOBE 3
4. 「フルサイト編集」とは ✓ さまざまな機能を包括するプロジェクトの名前 ✓ 設定やスタイルからテンプレートやテーマまで、 サイトのあらゆるパーツに ブロックの操作性と拡張性を導入する ✓ FSE、Full Site Editingとも呼ばれる Kansai WordPress Meetup @KOBE 4
5. 「フルサイト編集」のプロジェクト サイトエディ ター グローバルス タイル マルチサイト 投稿 ページ固有の ブロック クエリブロッ ク ナビゲーショ ンブロック テンプレート ブロックテー マ Kansai WordPress Meetup @KOBE 5
6. 「フルサイト編集」主要な機能(1) • 様々なテンプレート、テンプレートパーツ、スタイルオプション などを直接編集し、ナビゲートする、一体化した体験 サイトエディター • 投稿やページが使用するテンプレートを直接、編集、変更、作成 する、コンパクトな編集体験 テンプレート編集 Kansai WordPress Meetup @KOBE 6
7. 「フルサイト編集」主要な機能(2) • ブロックで構成されたテンプレートを使用して構築されたテーマ のフルサイト編集への対応。詳細は後述。 ブロックテーマ • 3つのレベル (「ローカルブロック」、「テーマのデフォルト」、 「グローバルな変更」)でスタイルの変更を可能にする機能 スタイリング Kansai WordPress Meetup @KOBE 7
8. 「フルサイト編集」主要な機能(3) • テンプレートタグを使用した従来のテンプレートで可能なすべて を実現する新しいブロック (例: 投稿者ブロック) テーマブロック • テンプレートやページなどサイト編集体験における様々なエン ティティ間を移動する機能 ブラウジング Kansai WordPress Meetup @KOBE 8
9. 「フルサイト編集」主要な機能(4) • 構造、デザインの療法でサイトナビゲーションメニューを編集で きる新しいブロック ナビゲーションブロック • 従来の WP_Query を再現した新しいブロック。機能が追加され、 さらにカスタマイズも可能 クエリブロック Kansai WordPress Meetup @KOBE 9
10. 「フルサイト編集」必要要件 Kansai WordPress Meetup @KOBE 10
11. 「フルサイト編集」必要要件 対応する WordPressコア 対応する WordPressテーマ Kansai WordPress Meetup @KOBE 11
12. 「フルサイト編集」を体験するには? WordPress 5.9 Twenty- Twenty Two Kansai WordPress Meetup @KOBE 12
13. WordPressの ベータリリースを試す Kansai WordPress Meetup @KOBE 13
14. 【注意!】テスト環境を構築しましょう! ✓ 本番サイトで誤って、本番コンテンツを消すリスク ✓ 対策が未完了の脆弱性を突いた攻撃を受けるリスク ✓ 本番環境とテスト環境が同居するアカウントにおけるリスク Kansai WordPress Meetup @KOBE 14 ベータテストを試す場合、 Localなどの検証環境を構築し 実施することを強く推奨します!
15. 【お願い】体験はフィードバックを! ✓ 開発途中のものが公開されている背景を理解しましょう ✓ 気になったことは、遠慮せずにフィードバックを ✓ フィードバックの内容は建設的に Kansai WordPress Meetup @KOBE 15 そのフィードバックは、 WordPressコミュニティへの 大きな貢献のひとつになります
16. WordPress Beta Tester Kansai WordPress Meetup @KOBE 16 https://ja.wordpress.org/plugins/wordpress-beta-tester/
17. 設定画面 Kansai WordPress Meetup @KOBE 17
18. 設定方法 Kansai WordPress Meetup @KOBE 18
19. (補足)コンテンツの サンプルを追加する Kansai WordPress Meetup @KOBE 19
20. テーマユニットテストデータ 日本語版 Kansai WordPress Meetup @KOBE 20 https://github.com/jawordpressorg/theme-test-data-ja
21. ダウンロード Kansai WordPress Meetup @KOBE 21
22. ファイルを確認、展開 Kansai WordPress Meetup @KOBE 22
23. 検証環境にインポート Kansai WordPress Meetup @KOBE 23 「今すぐインストール」の場合、 それを選択し、 プラグインをインストールします。
24. ファイルを選択し、インポート実行 Kansai WordPress Meetup @KOBE 24
25. 投稿者の割り当て(空欄のまま) Kansai WordPress Meetup @KOBE 25
26. 添付ファイルのインポートをONにし、 「実行」を選択 Kansai WordPress Meetup @KOBE 26
27. インポート完了 Kansai WordPress Meetup @KOBE 27
28. Thank you! Kansai WordPress Meetup @KOBE 28