owned this note
owned this note
Published
Linked with GitHub
FSE プログラムのテスト募集 #26: 最後の仕上げ
===============
以下は、[annezazu](https://profiles.wordpress.org/annezazu/) が書いた Make [WordPress.org](https://wordpress.org/) Test チームブログの記事「[FSE Program Testing Call #26: Final touches](https://make.wordpress.org/test/2023/09/18/fse-program-testing-call-26-final-touches/)」を訳したものです。
誤字脱字誤訳などありましたら[フォーラムまでお知らせください](https://ja.wordpress.org/support/forum/alphabeta/)。
---
<!--
This post is the twenty-sixth call for testing as part of the [フルサイト編集アウトリーチプログラム](https://make.wordpress.org/core/2020/12/11/the-fse-outreach-program-is-officially-starting/) and likely the final one with a title to match. For more information about this experimental program, [please review this FAQ](https://make.wordpress.org/test/handbook/full-site-editing-outreach-experiment/faq-for-fse-outreach-experiment/) for helpful details and [check out how it’s going to evolve](https://make.wordpress.org/core/2023/09/07/evolving-the-fse-outreach-program/). To properly join the fun, please head to [#fse-outreach-experiment](https://wordpress.slack.com/archives/C015GUFFC00) in [Make Slack](https://make.wordpress.org/chat/) for future testing announcements, helpful posts, and more will be shared there.
-->
これは26回目の、そしておそらくはタイトルが示すとおり、最後の[フルサイト編集アウトリーチプログラム](https://make.wordpress.org/core/2020/12/11/the-fse-outreach-program-is-officially-starting/)のテスト募集です。この実験的なプログラムについての詳細情報は [FAQ](https://make.wordpress.org/test/handbook/full-site-editing-outreach-experiment/faq-for-fse-outreach-experiment/) と [今後の展開](https://make.wordpress.org/core/2023/09/07/evolving-the-fse-outreach-program/) を参照ください。 楽しく参加するために [Make Slack](https://make.wordpress.org/chat/) の [#fse-outreach-experiment](https://make.wordpress.org/test/tag/fse-outreach-experiment/) チャンネルへ参加してください。今後のテストの案内や役立つ投稿などが共有されます。
概要
--------
<!--
With WordPress 6.4 on the horizon, this call for testing takes you through many of the major pieces set to land with this release:
-->
WordPress 6.4のリリースを目前に控え、今回のテスト募集では、このリリースで実装される主要な機能の多くをご紹介します。
- [フォントライブラリによるフォント管理](https://github.com/WordPress/gutenberg/issues/52698)
- ワークフローの更新。たとえば、[コマンドパレットの更新](https://make.wordpress.org/core/2023/09/12/core-editor-improvement-commanding-the-command-palette/), リストビュー内の[画像やギャラリーのプレビュー](https://github.com/WordPress/gutenberg/pull/53381)、[グループブロック名を変更する機能](https://github.com/WordPress/gutenberg/pull/53735)など。
- デザインツールの追加。主なハイライトとして [グループブロックの背景画像設定機能](https://github.com/WordPress/gutenberg/pull/53934)、[画像のプレースホルダーへの縦横比の割り当て](https://github.com/WordPress/gutenberg/pull/54216)、[画像の lightbox](https://github.com/WordPress/gutenberg/issues/51132)など。
- 執筆の更新。たとえば、キャプチャされたツールバー、[執筆フローの改良](https://href.li/?https://github.com/WordPress/gutenberg/issues/53305)など。
- パターンの更新。[主にカテゴリーを設定する機能](https://github.com/WordPress/gutenberg/issues/53164)と、更新された挿入オプション
- 機能の平準化を向上した[「サイトエディター」 > 「ページ」でのテンプレートの切り替え](https://github.com/WordPress/gutenberg/pull/51477)
- [ブロックフック](https://github.com/WordPress/gutenberg/issues/53987)。専用のプラグインを使用して、すべてのコメントテンプレートブロックの最後の子要素として、自動的に「Like」ボタンを追加
<!--
**Framing**
-->
フレーム作り
-------
<!--
You’re set to launch your new photography portfolio. You plan to add more content in the coming months so you want to ensure it’s well organized and well equipped for future tweaks/additions with new fonts and new patterns. When you originally started the site, you didn’t yet had a vision for how to finish it until now!
-->
あなたは新しい写真のポートフォリオを立ち上げることにしました。今後数ヶ月をかけて、さらにコンテンツを追加する予定ですので、あらかじめきちんと整理し、将来、新しいフォントやパターンを使用した変更や追加に対応したいところです。しかしサイトを立ち上げたばかりでどのように完成させればよいのか、そのビジョンはまだありません。
テスト手順
---------------------
<!--
For this test, please use the following pre-built site as we’ll be rapidly switching between Gutenberg versions:
-->
このテストでは、以下の構築済みのサイトを使用してください。これはGutenberg のバージョンが短期間で切り替わるためです。
1. このリンクを1度だけ開く: [https://app.instawp.io/launch?t=fse-testing-call-26&d=v2](https://app.instawp.io/launch?t=fse-testing-call-26&d=v2)
2. このリンクを何度も開かないでください。開くたびに新しいサイトが作成されます。作成できるサイトには50の制限があります。
3. 「Launch Demo」が表示される場合は、これをクリックする。
4. 最大24時間使用できるサイトが起動します。「Magic Login」をクリックして、管理画面にログインする。
5. 「Settings」 > 「General」にアクセスし、「Site Language」で「日本語」を選択し、「Save Changes」をクリックする。画面表示が日本語に切り替わります。
6. 「ダッシュボード」 > 「更新」にアクセスし、末尾の「翻訳を更新」をクリックする。 注意: それでも一部、日本語への翻訳が追いついていないものがあります。
7. テスト中に再度アクセスできるように、サイトへのリンクを保存する。
_フォントの管理_
<!--
1. Head to Appearance > Editor > Styles > and select the pencil icon to open up the Styles panel.
2. Select Typography to view a list of active fonts and click the “Aa” icon to open up font management.
3. Upload a new font file using the drag and drop option. You can download a font from [https://fonts.google.com/](https://fonts.google.com/).
4. From the font manager, select “Inclusive Sans”, a previously uploaded font, and choose “Delete” to uninstall this option.
5. From there, close out of the font manager, and change the Headings and Text font option to the new font you uploaded.
6. Save changes.
-->
1. 「外観」 > 「エディター」 > 「スタイル」にアクセスし、鉛筆アイコンを選択し、スタイルパネルを開く。
2. 「タイポグラフィ」を選択してアクティブなフォントのリストを表示し、「Aa」アイコンをクリックして「フォントの管理」を開く。
3. ドラッグ & ドロップで新しいフォントファイルをアップロードする。[https://fonts.google.com/](https://fonts.google.com/) からフォントをダウンロードできます。
4. フォントマネージャーから、アップロード済みのフォント「Inclusive Sans」を選択し、「削除」を選択してアンインストールする。
5. フォントマネージャーを終了し、見出しとテキストのフォントオプションをアップロードした新しいフォントに変更する。
6. 変更を保存する。
<!--
_Get your site organized_
-->
_サイトの整理_
<!--
7. Use Command + K or evoke the Command Palette by clicking on the Top Toolbar field and use it to open the List View (purposefully leaving out the exact command).
8. Select the Columns block containing the “Want to work with me?” text and, again using the Command Palette, group this block.
9. From there, you’ll see two different Group blocks on the page. Select each and, using the three dot menu in List View, find the “rename” option and give each a different name.
-->
7. 「Command + K」を押すか、トップツールバーフィールドをクリックしてコマンドパレットを開き、これを使用してリストビューを開く (詳細な手順は意図的に省略します)。
8. 「Want to work with me?」を含むカラムブロックを選択し、再びコマンドパレットを使用して、このブロックをグループ化する。
9. この段階でページ上には、2つの異なるグループブロックが表示されるはずです。それぞれを選択し、リストビューの縦の3点リーダーメニューを使用して「名前を変更」オプションから、それぞれに異なる名前を付けます。
<!--
_Create a pattern_
-->
_パターンの作成_
<!--
10. Select the “Want to work with me?” Group block with its new name and open the block settings.
11. Under the Styles tab, add a black and white background image from the Media Library. Adjust the colors of the text as needed afterwards.
12. Using the three dot menu, create a new synced pattern for “Want to work with me?” content and add a category of your choosing.
-->
10. 新しく名前をつけた「Want to work with me?」グループブロックを選択し、ブロックの設定を開く。
11. 「スタイル」タブで、メディアライブラリから白黒の背景画像を追加する。必要に応じてテキストの色を調整する。
12. 縦の3点リーダーメニューを使用して「Want to work with me?」用の新しい同期パターンを作成し、好みのカテゴリーを追加する。
<!--
_Finish your Portfolio page_
-->
ポートフォリオページの仕上げ
<!--
13. Using the Command Palette, open the draft page titled “Portfolio”. On this page, you’re going to create three sections of photos “With People”, “Without people”, and “Black and White” to show off your work alongside a section of all of your photos already listed.
14. Add the unsynced pattern titled “Pattern section” using whatever method of your choosing (Inserter with the + button in the top left or the Quick Inserter with the / option).
15. Using this pattern and the default content it provides, fill out the respective details including a proper heading, description, image with a set aspect ratio that epitomizes the rest of the images, and remaining gallery items. [Here’s an example](https://drive.google.com/file/d/1rfxlSSUUaZ6xGOhjTHFVD32I1fVmKVWe/view) of what this should look like.
16. Create all three sections following these steps: “With People”, “Without people”, and “Black and White”.
17. Change the font for each of these headings to be different than the global option set originally in Styles (and ensure all options appear).
18. Open List View and rearrange each section in a different order by dragging and dropping with help from the image and gallery previews.
19. As a finishing touch, select the first standalone image in each section, open the Block Settings sidebar, and toggle on the option to “Expand on click”.
-->
13. コマンドパレットを使用して、固定ページの下書きで、タイトル「Portfolio」を開く。これからこのページに「人物あり」、「人物なし」、「モノクロ」の3つのセクションを作成し、このセクションに沿ってすでにリストされているすべての写真を紹介します。
14. 好きな方法で、非同期パターンの「Portfolio section」を追加する (左上の「+」ボタンをクリックしてインサーターを使用するか、または「/」オプションのクイックインサーターを使用する)。
15. このパターンと提供されるデフォルトのコンテンツを使用して、それぞれの詳細を記入する。適切な見出し、説明、他の画像と同じ縦横比に設定した画像、残りのギャラリー項目など。サンプルの画像が[こちら](https://drive.google.com/file/d/1rfxlSSUUaZ6xGOhjTHFVD32I1fVmKVWe/view)にあります。
16. 上の手順に従って、3つのセクションをすべて作成する。 「人物あり」、「人物なし」、「モノクロ」。
17. 各見出しのフォントを、スタイルで最初に設定したグローバルオプションとは異なるものに変更する (そしてすべてのオプションが表示されることを確認する)。
19. リストビューを開き、画像とギャラリーのプレビューを参考に、ドラッグ & ドロップで各セクションを別の順番に並べ替える。
20. 仕上げとして、各セクションの最初の単一の画像を選択し、ブロック設定サイドバーを開き、「クリックで展開」オプションをオンにする。
<!--
_Swap templates_
-->
_テンプレートの切り替え_
<!--
19. Once done, open Block Settings and, under the Page tab, select “Pages” next to Template.
20. From there, you’ll see options “Edit Template” or “Swap Template”. Select “Swap Template” and choose the “Portfolio” option.
21. Before saving, change the Page status to “Published”.
22. Save changes.
23. Use the Command Palette to view your site. Notice this new Portfolio page is automatically included in your menu and that when you hover over the first standalone image in each section there’s an option to expand it and view in isolation.
-->
19. 完了したら「ブロック設定」を開き、「ページ」タブで「テンプレート」の隣にある「固定ページ」を選択する。
20. 「テンプレートを編集」または「テンプレートを交換」オプションが表示されます。「テンプレートを交換」を選択し、「Portfolio」オプションを選択する。
21. 保存する前に、ページのステータスを「公開」に変更する。
22. 変更を保存する。
23. コマンドパレットを使用してサイトを表示する。新しいポートフォリオページが自動的にメニューに含まれています。また各セクションの最初の画像にカーソルを合わせると、拡大して単独で表示するオプションがあります。
<!--
_Announce your new portfolio and remove the Like button_
-->
_新しいポートフォリオのアナウンスと、Like ボタンの削除_
<!--
24. Return to the Site Editor and, using the Command Palette, start the process to add a new post.
25. Title the post “Announcing my portfolio” and write a brief paragraph, including a List block that mentions each portfolio section (“With People”, “Without people”, and “Black and White”). Notice that the block toolbar always stays with the overall list rather than each individual item.
26. Publish the post and view it. Leave a comment on your own post and notice that there’s a Like button available.
27. Go back into the Post Editor and, using the Command Palette, open the Single Post template.
28. Using List View, select the Comment Template and open Block Settings. Notice there’s a Plugin section with a Like Button option turned on. Turn this option off and save changes.
-->
24. サイトエディターに戻り、コマンドパレットを使用して、新しい投稿を追加する。
25. 投稿のタイトルを「ポートフォリオのアナウンス」とし、簡単な説明を書き、リストブロックで各ポートフォリオセクション 「人物あり」、「人物なし」、「モノクロ」を並べる。このときブロックツールバーがリスト内の個々の項目ではなく、常にリスト全体の上部ににとどまっていることに気づいてください。
26. 投稿を公開して、参照し、投稿にコメントを残す。「Like」ボタンがあることに注意してください。
27. 投稿エディターに戻り、コマンドパレットを使用して、個別投稿テンプレートを開く。
28. リストビューを使用してコメントテンプレートを選択し、ブロック設定を開く。「プラグイン」セクションの「Like」ボタンオプションがオンになっているので、このオプションをオフにして、変更を保存する。
<!--
_Go further_
-->
_さらにその先へ_
<!--
From there, view your site, click around, and make any additional changes you’d like! Create new posts, create new patterns, or adjust your site’s styles. While this walks through an initial set of items, feel free to explore further based around the new features coming in 6.4.
-->
サイトを表示し、あちらこちらをクリックし、自由に追加、変更を加えてください。新しい投稿を作成したり、新しいパターンを作成したり、サイトのスタイルを調整したり。6.4で追加される新機能を中心に、さらにいろいろと探索してみてください。
<!--
What to notice:
-->
注意する点:
---------------
<!--
- Did the experience crash at any point?
- Did the saving experience work properly?
- What did you find particularly confusing or frustrating about the experience?
- What did you especially enjoy or appreciate about the experience?
- What would have made this experience easier for site building and for writing new content?
- Did you find that what you created matched what you saw on your site?
- Did it work using Keyboard only?
- Did it work using a screen reader?
- Did it work while using just a mobile device? Shout out to [@nomadskateboarding](https://profiles.wordpress.org/nomadskateboarding/) for this addition!
-->
- どこかでクラッシュしませんでしたか ?
- 保存した際、正しく保存できましたか ?
- テストで困った点、イライラした点はありませんか ?
- テストで楽しかった点、いいねと思った点はありますか ?
- もっとサイトの構築や新しいコンテンツの執筆が楽になるには何があればよいですか ?
- 作成したページは、サイトで表示された場合にマッチしていますか ?
- キーボードだけで動作しましたか ?
- スクリーンリーダーだけで動作しましたか ?
- 携帯デバイスだけで動作しましたか ? 問題があれば、[@nomadskateboarding](https://profiles.wordpress.org/nomadskateboarding/) を呼んでください !
<!--
Leave Feedback by October 9th, 2023
-->
フィードバックをお願いします (2023年10月9日まで)
-----------------------------------