Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

「フルサイト編集」とは? / 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/

Ab0b231dec7b4b6f5afcdb4d2ce5feb3?s=128

HORIE, Keisuke

December 18, 2021
Tweet

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