Learn WordPress のオンラインワークショップを紹介します

要約:オンラインワークショップ (Online Workshop, 旧 Social Learning Space)は、コミュニティーのメンバーが WordPress に関する様々なトピックについて勉強できる、便利でアクセシブルな学びの場となっています。現在、Training チームは英語以外の言語でワークショップを開催してくださる方々(ファシリテーター)を募集しています!この投稿では、オンラインワークショップの目的と対象を紹介するとともに、より多くの方々に参加していただける方法を紹介します。

この投稿は https://make.wordpress.org/training/2022/07/01/online-workshops-on-learn-wordpress/ を翻訳、加筆した内容になります。


オンラインワークショップとは?

オンラインワークショップ (旧: ソーシャルラーニングスペース) は、2022年1月に Learn WordPress に導入された、参加者がリアルタイムに共同で作り上げる学びの場です。ワークショップは WordPress に関する様々なトピックについて、世界のどこででも開催され、言語の制約もありません。

形態に縛りはありませんが、最近は Zoom を用いたウェビナー形式のワークショップが多いです。ファシリテーターが画面上でサイトを作成したり、WordPress の機能の実演を行う場合が多いですが、スライドなどを併用する場合もあります。いずれもファシリテーターは、参加者同士による情報の共有を促し、お互いの質問に答え合ったり、ファシリテーターが触れなかった内容についても参加者が教え合えるような、共同の学びの場を作り上げることを目指します。

オンラインワークショップは Learn WordPress Online Workshops の Meetup グループ で企画・開催され、Training チームの Online Workshops カレンダー に表示されます。

参考までに、最近英語で開催されたセッションには、以下のようなテーマのものがありました。ワークショップはざっくり WordPress に関係する内容であればいいので、テーマは多岐にわたっています。

オンラインワークショップの対象は?

時間さえ合う人は誰でも参加できます ! また、セッションのほとんどは録画もされ、字幕を付記した上で WordPress.tv にアップロードされますので、参加できなかった人も後からセッションの内容を確認できます。

誰でも、こちらのフォームからワークショップのファシリテーターになることを申し込めます。また、承認のプロセスについては、こちらのハンドブックページから確認できます。(フォーム自体は英語ですが、日本語セッションのファシリテーターとしての申し込みもここから行えます。)

特に Training チームは現在英語以外のワークショップファシリテーターを募集しています。ぜひ皆さん、ご検討ください !

オンラインワークショップに参加するには?

参加するには、Learn WordPress が Meetup.com 上で開催するイベントへの登録が必要となります。登録後、ワークショップで利用する Zoom リンクが表示されますので、時間になりましたらそちらからアクセスください。

なお、2022年8月に、初めてとなる日本語オンラインワークショップを2つ企画しています!同じ内容を2つの異なる時間帯で行いますので、ご都合の合う方はぜひご参加ください。内容に興味のある方、開催に興味のある方、またただ見ていたい方、どなたでも歓迎です。下のリンクからそれぞれのイベントに登録できます。

オンラインワークショップのファシリテーターになりたいですが、どこから始めればいいのか…!

大丈夫です ! Training チームは皆さんのワークショップ準備をお手伝いします!特に私 Ben ( bsanevans) と Destiny (piyopiyofox)  は日本語話者であり、複数のオンラインワークショップを開催してきた経験がありますので、今後多くの方と共に日本語でも開催ができればと願っています。

(また、英語になりますが、ファシリテーターのためのガイドブックも用意していますので、参考にしていただけます。)

質問などありましたら、下のコメント欄でぜひ教えてください。また、Slack の #learn-wordpress チャンネルMake Slack (英語) の #training チャンネル、あるいは @Destiny@Ben Evans になんでもお尋ねください。

#learn-wordpress, #online-workshop, #training

日本のWordPress Meetup のオーガナイザー情報交換会第2回の議事録

2020年9月14日、オンラインで日本各地のMeetupオーガナイザーが集まる意見交換会が行われました。本稿はその議事録です。

このコロナ禍において、対面でのミートアップ開催が難しくなっています。少なくとも年内はオンラインでの開催が推奨されており、各地域ともオンライン開催のために試行錯誤しています。

以下、ミーティングで上がった内容のサマリーです。

  • 6月にオーガナイザーへの質問がWordPressミートアップチームからあったが、うまく伝わっていない地域があった。
  • 今後は地域を限定しないトピックベースのミートアップ(例・トランスレイションデイ=翻訳祭り)を増やしてもいいのでは。告知は @jawordpressorg を活用?
  • learn.wordpress.org というオンラインワークショップ機能も最近できたので、活用してみては?
  • もくもく会の進行秘訣共有。オーガナイザーの負担が大きいので、ファシリテーターなどの役職者を増やす。
  • ツールの確認。Zoom, Remo, Jitsi Meet,Google Meetなど。→ Zoomで行うのが、参加者にとって一番分かりやすいことが多い。
  • コミュニティの大事な連絡をどうするか。WordSlackと/team/ ブログを活用すべきでは?
  • オンラインツールの利用方法をどこまでサポートすべきか?

重要伝達事項

上記をふまえ、いくつか決定事項があります。

  1. オンラインミートアップでZoomを利用する場合、有料プランの機能(例・40分の制限時間撤廃)も利用できますので、WordSlackの #meetup チャンネルで相談してください。
  2. 重要な連絡は WordSlack#meetup チャンネルおよび /team/ ブログで行うことに決定しました。オーガナイザーは必ずこの2つをフォローするようにしてください。
  3. ミートアップオーガナイザーはアンケートに回答し、現在の活動状況を共有してください。

フィードバックおよび質問はコメントあるいは WordSlack の #meetup チャンネルからお願いします。

#meetup

日本のWordPress Meetup のオーガナイザー情報交換会第2回の日程調整

日本でのWordPress Meetupのオーガナイザーがオンラインで集まる情報交換会の第2回を計画しています。

今後の開催についてやオンラインイベントをすることについてやり方など含めて情報交換ができると良さそうと考えています。
( WordSlack の #meetup チャンネルにて投稿しています )

日程調整の「調整さん」は下記URLより入れますので、参加してみたい方はどうぞ入力をお願いします。
https://chouseisan.com/s?h=fc1dae5b1f944cd998e3e5d4bb022cff

9月13日お昼12時までに入力お願いします!


第一回の開催の様子は下記をご覧ください。

Japan WordPress Meetup Organizers 情報交換会 #1 (議事録)

FSEプログラムのテスト募集 #15: カテゴリーのカスタマイズ

以下は、annezazu が書いた Make WordPress.org Test チームブログの記事「FSE Program Testing Call #15: Category Customization」を訳したものです。 

誤字脱字誤訳などありましたらフォーラムまでお知らせください


この投稿はフルサイト編集アウトリーチプログラムの15回目のテスト募集です。この実験的なプログラムの詳細については、こちらのFAQを参照してください。プログラムに参加するには、Make Slack の #fse-outreach-experiment で共有される、今後のテストの告知や役に立つ投稿などを参照してください。

概要

今回のテスト募集では、表面的には、サイトエディターでこれまで行ってきた一般的なタスクに焦点を当てます。つまり、新しいテンプレートを作成し、いくつかの投稿に適用します。しかし、タスクを進めていくうちに、次のような機能の連携に (きっと) 驚き、サイト編集体験の奥深さを実感するでしょう。

追加のテンプレートオプション

サイトエディタから作成可能なテンプレートの拡張は、引き続き高い優先度で開発されていて、多くの新しいオプションがあります。今回のテストでは特に一般的な「カテゴリーテンプレート」に焦点を当てますが、Gutenberg 13.7 (次のバージョン) では、特定のカテゴリー用のテンプレートを作成できるようになります。例えば「WordPress」に分類されたすべての投稿に、固有のテンプレートを用意できます。このテスト募集に参加するタイミングによっては、この新しいオプションを試せるかもしれません。

新しいテンプレートピッカーデザイン

Gutenberg 13.6では、テンプレートピッカーのデザインが新しくなりました。スペースを取らず、他の投稿の詳細とより自然に整合します。

新しいテンプレートパーツ選択体験のビジュアル

より分かりやすいレイアウトコントロール

「継承デフォルトレイアウト」と聞くたびに困惑していたのであれば、最近、この機能の説明が更新されたのは嬉しい知らせでしょう]。

(セミロック) 新しい投稿を作成する際のスターターパターン

パターンも、そして、さまざまなブロックがロックされている事実もすべて、エディタ体験のカスタマイズに利用される機能の一部です。新しい WordPress サイトにそのまま組み込まれることはなさそうですが、それらを利用する人が素晴らしい体験をできるようにテストすることは重要です。今回のテストでは、WordPress 6.0のページで初めて導入され、Gutenberg 13.6ではすべての投稿タイプで利用できるようになった新しいスターターパターンを確認します。ボーナスとして、各パターンではいくつかのブロックがロックされ、よりきめ細かな方法で体験を制御する方法を模索しています。

カバーブロックでのアイキャッチ画像の使用

今回のテストに登場する、WordPress 6.0から搭載されたもう一つの機能は、アイキャッチ画像使用時のプレースホルダーの改善や、メディアの置換オプションでの見つけやすさです。

アイキャッチ画像を使用するカバーブロック機能のビジュアル

テスト手順

ヒント: このテスト実行でのコンテンツ間の移動には、リストビューが便利です。

InstaWP についての注意

InstaWP チームが、この FSE プログラムテストのために利用可能なアカウントを準備してくれました。自分でテストサイトを立ち上げなくても、一時的なテストサイトを使用できます。InstaWP でサイトを立ち上げた場合、InstaWP はメールアドレスを収集しません。このため、再度サイトにアクセスするには、リンクを保存しておく必要があります。InstaWP チームに感謝します。

テストサイトの立ち上げ、または、テスト環境のセットアップ

構築済みのテストサイトを使用する

  1. 次のリンクを1度だけ開く: https://app.instawp.io/launch?t=fse-fifteenth-call-for-testing このリンクを繰り返し開かないでください。クリックのたびに新しいサイトが作成されます。作成可能なサイト数は50に制限されています。
  2. これにより、最長で14日間使用できるサイトが起動します。「Access Now (今すぐアクセス)」を選択し、WordPress 管理画面でログインします。
  3. テスト中に再びアクセスできるように、リンクを保存してください。
  4. 日本語に切り替える場合は、「Settings」を選択し、「Site Language」で「日本語」を選択し、「Save Changes」をクリックします。また Gutenberg 系の文字列が英語の場合は、「プラグイン」画面で、「Gutenberg」を一度無効化してから、再度、有効可し、「ダッシュボード」 > 「更新」で翻訳を更新してください。
  5. 「外観」 > 「エディター (ベータ)」にアクセスします。自動的に、サイトエディターでホームページのテンプレートが開かれます。

自分でテストサイトをセットアップする

  1. 最新バージョンの WordPress を使用したテストサイトを用意します。これは、本番またはライブサイトではないことが重要です。
  2. Twenty Twenty-Two テーマを「外観」 > 「テーマ」からインストールし、有効化します。Twenty Twenty-Two テーマにパターンフォルダを追加し、以下の2つのファイルを追加してください。
    new-event-announcement.php と event-recap.php
    この機能についての詳細はこちらです。
新しいパターンフォルダとその中に置かれた2つのパターンで、テストサイトのファイルがどのように見えるかのビジュアルです。
  1. 「プラグイン」 > 「新規追加」から Gutenberg プラグインをインストールし、有効化します。すでにインストールされている場合は、最低でも Gutenberg 13.6以上をを使用していることを確認してください。
  2. そこから、「外観」 > 「エディター (ベータ)」に移動します。これで自動的にホームページのテンプレートに対応したサイトエディターが開かれます。

カテゴリーテンプレートの作成

  1. 次に 「W(訳注:左上の W ロゴ) メニュー」 > 「テンプレート」を開きます。これでテンプレートのリストが開きます。サイトのロゴを設定している場合は、大きな W の代わりにそれが表示されているでしょう。
  2. 「新規追加」>「カテゴリー」を選択します。これで新しい空のテンプレートが開きます。
  3. お好みで、ヘッダーまたはフッターのテンプレートパーツを追加してください。直接「ヘッダー (Header)」または「フッター (Footer)」で検索するか、テンプレートパーツブロックを追加して、好きなものを選択することでできます。
  4. クエリーループブロックを追加し、好きなデザインのオプションを選択してください。
  5. クエリーループブロックを選択し、ブロックの設定サイドバーを開いて「テンプレートからクエリーを継承」オプションが選択されているか確認してください。これにより適切な投稿が表示されるようになります。
  6. このテンプレートは特定のカテゴリーの投稿を表示する時に使用されることを念頭に置いて、テンプレートをカスタマイズしてください。完成したら、「保存」を押して、新しいテンプレートを公開します。

パターンを探求するために2つの新しい投稿を作成

  1. 「W メニュー」を開き (サイトアイコンを設定している場合は、そちら)、「ダッシュボード」を選択して、WordPress 管理画面に戻ります。
  2. 「投稿」 > 「新規追加」をクリックし、新しい投稿を作成します。
  1. 「New Event Announcement (新しいイベントのアナウンス)」パターンを選択し、自由に記入します。InstaWP のテスト環境を使用している場合は、投稿一覧の中に、このパターンを使用したサンプル投稿「WordCamp Museum」がありますので参考にしてください。いくつかのブロックがロックされていることに注意してください。この操作感をどう思うか、いくつか試してみてください。例えば、もっとブロックをロックする、現行のロックを解除する、等々。
  2. アイキャッチ画像を設定し、パターンのカバーブロックでどのように表示されるかを確認してください。この機能を自由にカスタマイズしてください。
  1. 公開する前に、投稿の設定を開き、カテゴリー「Events」を割り当て、「テンプレート」セクションの新しいポップオーバーインターフェースで、自由に異なるテンプレート選択してください。
  2. 管理画面に戻り、別の新しい投稿を作成します。
  3. 「Event Recap (イベント報告)」パターンを選択し、自由に記入します。InstaWP のテスト環境を使用している場合は、投稿一覧の中に、このパターンを使用したサンプル投稿「WordCamp Museum Recap」がありますので参考にしてください。いくつかのブロックがロックされていることに注意してください。この操作感をどう思うか、いくつか試してみてください。
  1. 見出し「Attendees(出席者)」の下の、名前の一覧を含むグループブロックを選択します。サイドバーの設定を開き、「レイアウト」の下で「インナーブロックは全幅を使用する」オプションをオンにして、自由にカスタマイズしてください。例: 色、フォントサイズ、寸法の変更等々。
  2. 公開する前に、投稿の設定を開き、カテゴリー「Events」を割り当て、「テンプレート」セクションの新しいポップオーバーインターフェースで、自由に異なるテンプレート選択してください。

カテゴリーテンプレートを確認

  1. 以上です。「イベント」カテゴリーを表示すると、テンプレートと投稿の完全な形が表示されます。カテゴリーテンプレートは、 yoursiteurl.com/category/events/ にアクセスすると表示されます。

注意する点:

必要であれば、作成したページのスクリーンショットを共有してください。

  • どこかでクラッシュしませんでしたか ?
  • 保存した際、正しく保存できましたか ?
  • テストで困った点、イライラした点はありませんか ?
  • テストで楽しかった点、いいねと思った点はありますか ?
  • もっと編集が楽になるには何があればよいですか ?
  • エディターで作成したページは、サイトの他の箇所とマッチしますか ?
  • キーボードだけで動作しましたか ?
  • スクリーンリーダーだけで動作しましたか ?

フィードバックをお願いします (2022年8月1日まで)

#fse-outreach-program#fse-testing-call


Thanks!

この記事は、 @mimitips の翻訳協力により公開することができました。ありがとうございます。

#fse-testing-call, #fse-outreach-program

WordPress 公式イベントにおけるガイドラインの更新お知らせ

以下は、Angela Jin が書いた Make WordPress.org Community チームブログの記事「Announcement: Updated COVID-19 guidelines for official WordPress events」というタイトルで公開された記事の翻訳記事です。
誤字脱字誤訳などありましたらフォーラムまでお知らせください


新型コロナウィルス ( COVID-19 ) に関連する指令は世界中で更新され続けており、コミュニティチームの要件もそれに合わせて更新されています。これらの新しいガイドラインは、WordCamp、ミートアップイベント、do_action イベント、オープンソース 101 ワークショップなどすべての公式イベントに適用されます。

主催者へ

  • 現地の規則には必ず従ってください。これらは継続的に変更されますので、特にイベントが近づくにつれて、最新の情報を入手するようにしてください。また、開催地近隣の病院が混雑している場合は、イベントの中止や延期、またはオンラインでの開催をお願いします。
  • 会場周辺にマスクと消毒液を用意してください。(会場から提供されない場合は、WPCS が費用を負担します)。
  • WPCS は、スワッグパックの一部として、マスク着用して会話することを呼びかけるステッカーを提供します。

開催地域において許されているのであれば、主催者はマスクの着用や入場時のワクチン証明または陽性検査結果などを確認しセキュリティ対策を選択することができます。もちろん、オンラインでイベントを開催することも選択肢の一つです。

参加者へ

これらは、参加者への推奨事項です。主催者は、これらの推奨事項が現地の規則に従っているかどうかを確認することで参加者を支援することができます。

  • WordPress の対面式イベントでは、これまで通りマスクの着用を推奨します。
  • マスク着用を促すステッカーを貼っている人を見かけたら、2メートル以内ではマスクを着用するか、距離をおいてください。
  • ワクチン接種済み、または陰性判定を受けた方のみの現地参加をお願いしています。
  • 体調の悪い方、または体調の悪い方と最近接触された方はステイホームしてください。

これらのリマインダーは、WordCamp のチケット購入ページに追加されます。

近日中にコミュニティチームがハンドブックページを更新し、これらの変更を反映させる予定です。新型コロナウィルス (COVID-19) のガイダンスが進化してきたのち、私はこれらのガイドラインが何らかの持続的な力を持ち、WordPress コミュニティの対面式イベントが安全かつ快適に復活することを深く望んでいます。

今後のフラッグシップイベントに関する注意事項

フラッグシップイベントは規模が大きく、海外からの参加者も多いため、WordCamp Europe と WordCamp US の両主催者は、これらを最低条件として捉え、より包括的な計画を立てることが期待されています。

WordCamp Europe は、ポルトガル当局のガイドラインに基づき、屋内ではマスクが必要となります。参加者登録は分散して行われ (スピーカーディナー会場と会場自体) 、受付ブース (セルフサービス) を利用することになります。WP Cafe などの一部のアクティビティは屋外で行われます。

WordCamp US は、サンディエゴ当局のガイドラインに従います。このガイドラインに基づき、参加者全員にワクチン接種または直近の検査で陰性であることを要求します。また、イベントの規模や性質上、屋内では口と鼻の両方を覆うようにマスクを着用していただきます。会場には消毒液とマスクの用意があります。昼食などの一部のアクティビティは屋外で行います。

ご質問・ご意見

コミュニティチームの新型コロナウィルス (COVID-19) 関連ガイドラインの最新アップデートについて、ご質問やご意見がありましたら、以下のコメント欄でお寄せください。


不明点などがありましたら WordSlack の #meetup チャンネルへ!

FSE プログラムの探索:すべてはメディア(All Things Media)

以下は、annezazu が書いた Make WordPress.org Test チームブログの記事「FSE Program Exploration: All Things Media」を訳したものです。 

誤字脱字誤訳などありましたらフォーラムまでお知らせください


WordPress 5.9のリリースによってフルサイト編集の大部分が公開され、フィードバックを得る準備が整いました。ここでは、これらの要素についてもう一回掘り下げるのではなく、より広い世界を吸い込むことにして、サイト構築において非常に重要な要素であるメディアの役割に話を移しましょう。アイキャッチ画像の設定やヘッダー画像の追加など、メディアは優れたサイトを構築するためのあらゆる部分に関わるものです。

前回同様、今回の探索の焦点は、今後のメディア関連の体験のデザインに役立つ洞察を集めるために、より長期的な、「希望的観測」の視点で考えることです。そのために、メディアを使ったサイト構築のための一般的なタスクをいくつか紹介し、その後、各自がどうなってほしいかを創造的に考えてもらうことにしました。フローがないため、テストの募集とまではいきませんが、バグを見つけることよりも(もちろん歓迎します)、こうなったらいいな、と思うことを考えることに重点を置いてください。

この投稿に目を通すとき、すべての項目に関わることも、どれかひとつだけに関わることもできることを思い出してください。いずれにせよ、すべてが参考になります。

簡単な概要

今回、テスト募集を行う理由のひとつは、WordPressプロジェクトにおいて、メディアに関する新しいプロジェクトやツールがいくつかあり、見逃している可能性があるからです:WordPress Photo DirectoryとOpenverseです。 

WordPress Photo directoryは現在ベータ版で、高品質な画像のキュレーションソースを提供することを目的としています。あなたがここに写真を追加すると、6億点以上を無料で利用できるオープンライセンスメディアの検索エンジンであるOpenverseに自動的に写真が表示されるようになるのです。今はまだ、これらは独立したツールですが、将来的には、WordPressの体験に直接統合する大きなチャンスがあります。この調査は、2022年のさまざまな目標に沿った非常に初期の作業へ情報を提供するのに役立つでしょう。 

WordPress Photo DirectoryとOpenverseの詳細については、こちらの記事で必要な情報を網羅的にご紹介しています

タスク1: 現在、何が可能かを探ってみましょう。

これらのタスクは、達成するための方法がいくつかあるため、意図的にオープンエンドにしています。どのような方法で、どのような理由で、どのようなステップを踏んだかを教えてください。また、バグを発見した場合は、コメントで報告してください。

  • 画像や動画が配置されたカバーブロックにデュオトーンフィルターを追加し、必要に応じて不透明度を調整しながら上にテキストを追加してください。 
  • ヘッダーの背景に画像を追加してください。
  • 画像にキャプションを追加してください。
  • ギャラリーブロックで画像を切り取ったり回転させてみてください。
  • 著作権で保護されていない外部の写真をアイキャッチ画像として投稿に追加してください。その画像をどこで検索したのか、普段どこで検索しているのかを共有するとボーナスポイントになります。
  • 投稿のテンプレートを編集して、投稿のアイキャッチ画像のサイズを変更します。 

今回の探索では、フルサイト編集でメディアを取り込むことを目的としているため、ブロックテーマを使用することが有利となります。そのため、以下の手順に従ってください。

  1. テストサイトを用意してください。ここの手順に従ってローカル環境へインストールするか、このようなツールを使って開発用の環境を構築することができます。
  2. テーマディレクトリにあるオプションからブロックテーマをインストールして有効化してください。

タスク2: 見たいものを書いてください。

上の経験を通じて、今後どのようなことを望むか、以下の質問を考えてみてください。アイキャッチ画像をカバーブロックの背景として使用することから、画像をスタイリングするもっと多くのコントロールの組み込み、そしてアイキャッチ画像全般の見直しまで、あらゆることが考えられます。アイデアが実用的かどうかは気にしないでください。これは、ユーザーが将来望む可能性のあるものの感覚を掴むためだけにあります。1つでも、すべてでも、あるいはまったく回答しないのでも構いません。リストは単なるチェックではなく、純粋に正しい枠組みで考えてもらうためのものです。 

  • Openverse や WordPress のフォトディレクトリをどのようにユーザー体験に組み込んでほしいですか ?
  • パターンやメディアについて考えるとき、心に浮かぶものは何ですか ?
  • ワークフローの改善点は何ですか ? 苦労した点は何ですか ?
  • メディアを正しく表示するために WordPress の外で実行しなければならない基本の作業は何ですか ? それらの作業をどのようにユーザー体験に統合してほしいですか ? 
  • 帰属情報を削除できない画像を使用することについてどう思いますか ? 大きな変更ができない画像についてはどうですか ?
  • 他に何かありますか ? 大きく考えてください。 

フィードバックを共有してください。2022年2月23日 (水) まで。

いつものように、この実験に参加いただき、ありがとうございます。もしも何か不明点があれば、#fse-outreach-experiment、この記事のコメント欄、またはスラックの DM で @annezazu (私です !)にご連絡ください。この実験の性質上、ここで共有されたすべてが実装されるわけではありませんが、あなたのアイデアが、最終的に今後の可能性を形作る助けになります。 

ホールウェイハングアウトにご参加ください。2022年2月16日 @ 5:30PM UTC

もっと掘り下げて探求したい、All Things Mediaについてもっと話したいという方は、@fcoveram@annezazu と一緒に、次回のホールウェイハングアウトに参加してください。カジュアルでオープンなハングアウトです。誰でも好きなように参加、退出でき、ビデオのオンオフもでき、話したり、ただ聞いているだけでも構いません。1時間弱の予定で、Make Testで再録されます。

参加するには、Make Slack#fse-outreach-experiment にアクセスしてください。ハングアウト時に Zoom のリンクが共有されます。

#fse-exploration, #fse-outreach-program, #fse-testing-call, #full-site-editing


Thanks!

この記事は、@atachibana の翻訳協力により公開することができました。ありがとうございます。

ディスカッション: WordPress イベントにおける多様性

この記事は、Discussion: Diversity in WordPress Events というタイトルで Make WordPress のコミュニティチームブログに先日公開されました。世界のユーザーから幅広く声を聞きたいという @angelasjin の意向により、翻訳の協力が呼びかけられています。元の記事またはこの記事に日本語でコメントをしていただいても大丈夫です。インドネシア語台湾語ブラジルポルトガル語ネパール語イタリア語でも翻訳が公開されています。

最近、WordPress のイベント、特に WordCamp における多様性について疑問を持つ声が上がりました。コミュニティは多様であればあるほど、より強く、より革新的で、より回復力のあるものになるため、WordPress コミュニティチームは多様性を重視し、優先しています。

WordPress イベントの多様性を高める責任を負うのは、ひとつの地域、コミュニティ、イベント、チームだけではありません。誰もが変化をもたらすことができます。多様性について語ることは、WordPress コミュニティにとって決して初めてのことではありませんが、今このような会話ができることは特に嬉しく思います。

ひとつは、パンデミックによって、これまで考えられなかったような新たな参加障壁が発生していることです。ふたつめに、主催者は対面式イベントの再開に慎重になっています。このような状況だからこそ、ひとつは、パンデミックによって、これまで考えられなかったような新たな参加障壁が発生していることです。ふたつめに、主催者は対面式イベントの再開に慎重になっています。このような状況だからこそ、参加者が少ない層のコミュニティーのメンバーがどのような障壁に直面しているのか、何が WordPress のイベントに参加する後押しをするのか、参加しやすい空間を作るために主催者はどう支援すればよいのか、理解を深めることができると思います。

さらに、地域や文化の多様性を大事にしつつ、世界のコミュニティ全体の多様性をいかに尊重するかということは、WordPress のようなグローバルコミュニティにとって、独特のチャンスであり同時に課題でもあります。

そういったゴールへ向かうため、私は自分自身の視点と経験しか持っておらず、現在のグローバルで大きなコミュニティ全体の多様性を理解する上で、情報が不足しています。そこで、皆さんのご意見を伺いたいと思います。

オープンディスカッション

長年にわたり、多様性をめぐる課題に対処する方法について多くの解決策や提案を聞いてきました。しかし、世界の状況は大きく変化しているので、まずは WordPress の WordCamp や Meetup での多様性に関する経験についてお聞きし、経験が一致するところと異なるところをコミュニティチームが深く理解できるようにしたいと思います。

多様性について話すことは、個人的に深く関わることなので、気が乗らない場合は参加する必要はないと思ってください。この記事にコメントしてもいいですし、直接声をかけて頂くのも大歓迎です。

できる範囲で、ぜひ教えてください。

  • お住まいの国を教えてください。
  • WordCamp や Meetup に参加していますか、また参加している場合はどのような形(観客、講演者、スポンサー、主催者)で参加していますか。
  • WordCamp や Meetup に参加できない理由が何かありますか。
  • 現在、WordPress イベントでの多様性に関してどのような課題があると思いますか。
  • 現在いるコミュニティでは、多様性をどのように定義していますか。
  • 現在いるコミュニティで多様性を高めることに貢献したものごとを見たり、経験したことはありますか。
  • 現在いるコミュニティで多様性に悪影響を与えるようなことを見たり、経験したことはありますか。

ストーリーを共有することで、皆さんのことをもっと知りたいと思いますし、このディスカッションを読んだ人が、誰かの経験を知ることができるかもしれません。

2022年2月28日 (月) までに、以下のコメントであなたのストーリーを共有してください。その後、重要な要点と学びを要約して、このコメント用の投稿を閉じたいと思います。このディスカッションの目的は、世界中の多様性に関する個人の経験について知ることなので、このディスカッションの次のステップや結果がどうなるかはまだよくわかりません。しかし、これはコミュニティチームが WordPress のイベントプログラムを強化できる場所を特定するための重要かつ有益なステップであり、将来の議論への提案につながることは間違いないでしょう。

コメントの内容に関する注意

WordPress に関わる皆さんは、きっと多様性に対して様々な考えを持っていると思いますが、それを話し合うのはこの記事の目的ではありません。コメントは、上記の質問の回答の形で経験を共有することだけに絞ってください。それ以外はまた後日に 🙂

FSE プログラムのテスト募集 #11: サイト編集の探索

以下は、annezazu が書いた Make WordPress.org Test チームブログの記事「FSE Program Testing Call #11: Site Editing Safari」を訳したものです。 

誤字脱字誤訳などありましたらフォーラムまでお知らせください


これはフルサイト編集アウトリーチプログラムの11回目の募集です ! この実験的なプログラムについての詳細情報は FAQ をご覧ください。程よく楽しんで参加するために、Make Slack の #fse-outreach-experiment チャンネルへ参加してください。今後のテストの案内や役立つ投稿などを共有できるはずです。

フルサイト編集テストのアイデアの提案を歓迎します。すべてのアイデアは、現在のプロジェクトの優先順位と照らし合わせ、もっとも効果的と判断されたものが実行されます。アイデアは、Slack チャンネルで直接共有するか、私 (@annezazu) にメッセージを送ってください。

概要

すぐにテストを始めたい方は、次章の「テスト手順」に進んでください。

今回のテスト募集は、WordPress 5.9 のリリース前に行われる最後のテスト募集です。このテストに参加することは、リリース前にウェブ上の多くの人々のエクスペリエンスを向上できるため、素晴らしく、そして、非常にインパクトのあるものです。このテスト募集の最大限の活用を目的として、以下のテスト手順は、テストが進むにつれ、またリリースサイクルが進むにつれ、変更される予定です。例えば、テスト開始時には TT1 の使用を推奨しますが、テスト終了時には Twenty Twenty-Two を推奨する予定です。現時点でのテストの概要を紹介します。

ブロックテーマテンプレートとテンプレートパーツ編集 UI

これまでサイトエディターのテスト募集を何度か行ってきましたが、ご存知のように、より洗練され、スケールダウンした形でブロックテーマ内のテンプレートやテンプレートパーツを管理するため、WordPress 5.9 まで延期されました。凝縮された閲覧ツールと管理画面の「外観」の下の新しい配置は、これまでのサイトエディターの完全なエクスペリエンスとは異なって感じられるでしょう。

スタイルインターフェース

WordPress 5.8 では一貫したスタイルシステムの基礎が築かれましたが、WordPress 5.9 では、様々なスタイルプロパティを直接操作できる美しいユーザーインターフェースを導入します。この作業に関して、「グローバルスタイル」というプロジェクト名を聞いたことがあるかもしれません。これまでも、グローバルスタイルプロジェクトに関連する仕組みのひとつである「theme.json」のテスト募集を行ってきましたが、スタイリングそのものを取り上げるのは今回が初めてです。現在、このインターフェースでは、2つの大きなデザイングループ「ブロック」と「要素」が表示されます。「要素」は、グローバルに、あるいは複数ブロックに渡ってスタイリング可能なものを表しています (「テキスト」、「リンク」、「キャプション」など)。つまり、サイト全体のタイポグラフィや、ボタンブロックのユニークな配色を同じインターフェイスで簡単に変更できます。

パターンエクスプローラー

ブロックパターンが増えてきている中、パターン間の移動を容易にし、希望のパターンをすぐに見つけられるよう、新しいエクスプローラーモーダルがリリースされました。この機能は、将来的にパターンディレクトリと統合するための基礎となります。テスト手順では、この新しい体験を簡単に探索します。

Twenty Twenty-Two

Twenty-Twenty-Two は、長い歴史を持つデフォルトテーマの中でも、特徴ある最新のテーマです。初めてのブロックテーマであり、さまざまなサイト編集ツール用に作られています。そのため、今回のテスト募集では、このテーマを使用してテストし、結果を報告することが推奨されています。この革新的なデフォルトテーマについてはこちらをご覧ください。

テスト環境

このテスト募集は、最新かつ最高のプログラムでのテストを目的としているため、テストが進み、リリースサイクルが進むにつれて、調整されます。

以下は、この文書で紹介するすべてのテストを実行するために必要な、テスト環境の設定手順です。すでに準備できている場合は、次章の「テスト手順」に進んでください。

  1. WordPress の最新バージョンをインストールしたテストサイトを使用してください。執筆時点では 5.8.2 です。本番サイトは使用しないでください。
  2. 「プラグイン」 > 「新規追加」から Gutenberg をインストールし、有効化します。すでにインストールされている場合は、Gutenberg 12.0 以上であることを確認してください。
  3. 「外観」 > 「テーマ」 > 「新規追加」で TT1 Blocks テーマをインストールし、有効化します。
  4. 好きな画像をアイキャッチ画像にした記事をいくつか作成します。または、別のテスト用に作成された Gutenberg のデモコンテンツ をダウンロードし、「ツール」 > 「インポート」にあるWordPress インポーターを使ってインポートします。デモコンテンツの使用方法については、こちらのレッスン も参考にしてください。
  5. サイトの管理画面に移動します。
  6. 「外観」の下に「エディター (ベータ)」というタイトルのナビゲーション項目が表示されているはずです。表示されていない場合は、正しく設定されていません。ここで詰まった場合は、この投稿にコメントするか、#fse-outreach-experiment で助けを求めてください。

原則として、各手順では最新バージョンを使用してください。また、この記事が公開された後にバージョンが変更されている可能性があることにも注意してください。

テスト手順

ホームページのカスタマイズ

  1. 管理画面で「設定」 > 「表示設定」に移動し、「ホームページの表示」で「最新の投稿」を選択します。
  2. 「外観」 > 「エディター (ベータ)」を選択します。ホームページを表示するテンプレートが開かれます。
  3. ホームページを好みに合わせて自由に変更してください。ナビゲーションブロックを追加したり、投稿タイトルブロックのフォントサイズを変更したり、投稿のアイキャッチ画像ブロックにデュオトーンフィルターを追加したり、ブロックを削除したり、ブロックを追加したり等々。
  4. 好みに合わせて編集できたら、「保存」をクリックして、指示に従います。

スタイルの設定

  1. 左上の「W」メニューをクリックしてダッシュボードに戻り、「外観」 > 「スタイル」に進むか、右上のスタイルアイコンをクリックして、スタイルインターフェースにアクセスします。
  2. 4つのセクション「タイポグラフィ」「色」「レイアウト」「ブロック」(個々のブロック用) を自由にカスタマイズできます。例えば、「色」 > 「パレット」 > 「+」マークをクリックすると、コンテンツ全体で使用する独自のカラーオプションを追加できます。
  3. 好みに合わせて編集できたら、「保存」をクリックして、指示に従います。

ボタンパターンの追加とレイアウトコントロールの使用

  1. ブロックインサーターを開き、「パターン」タブに切り換えます。
  2. 「参照」オプションを選択し、「ボタン」セクションに移動し、「シンプルな行動喚起 (CTA)」パターンを選択してください。
  3. 追加できたら、「+」オプションを使用して2番目のボタンを追加してください。
  4. 次に、親のボタンブロック全体を選択し、サイドバーの設定を開き、自由にレイアウトを編集します。こちらの動画 も参照してください。
  5. 変更を保存します。

アーカイブテンプレートへのデュオトーンフィルターの追加

  1. 左上の「W」メニューをクリックし、エディターの下から「テンプレート」を選択して、「新規追加」 > 「アーカイブ」を選択し (現在、ここから一般的なテンプレートは作成できません)、タイトルを「デュオトーンテンプレート」とします。
  2. コンテンツに、投稿のアイキャッチ画像ブロックを追加し、デュオトーンフィルターを追加します。
  3. 自由にブロックを追加し、変更を保存します。
  4. 左上の「W」メニューをクリックしてダッシュボードに戻り、「投稿」 > 「投稿一覧」を選択します。
  5. アイキャッチ画像を含む投稿を開き、サイドバーの「テンプレート」で「アーカイブ」を割り当てます。こちらの動画も参照してください。
  6. 投稿を保存して、表示し、デュオトーンフィルターが適用されていることを確認してください。

ヘッダーの編集

  1. 管理画面に戻り、「外観」 > 「エディター (ベータ)」から、ヘッダーテンプレートパーツを選択します。必要であればリスト表示を使用してください。
  2. リストビューの縦の3点リーダーを選択するか、ブロックツールバーで「header を編集」を選択します。フォーカスしたテンプレートパーツモードに移行します。
  3. テンプレートパーツに変更を加えます。ナビゲーションブロックにアイテムを追加したり、サイトタイトルのサイズを変更する等々。両側のドラッグハンドルを移動すると、異なる画面サイズでのヘッダーの表示を確認できます。
  4. 変更を保存します。

注意する点:

  • どこかでクラッシュしませんでしたか ?
  • 保存した際、正しく保存できましたか ?
  • 不足する機能はありませんでしたか ?
  • テストで困った点、イライラした点はありませんか ?
  • テストで楽しかった点、いいねと思った点はありますか ?
  • もっと編集が楽になるには何があればよいですか ?
  • エディターで作成したページは、サイトで表示された場合にマッチしますか ?
  • 携帯デバイスや、小さな画面サイズでのコンテンツの見た目はいかがですか ?
  • 現在のワークフローにどんな影響を与えると思いますか ?
  • キーボードだけで動作しましたか ?
  • スクリーンリーダーだけで動作しましたか ?

フィードバックをお願いします (2021年12月7日まで)

この投稿にコメントでフィードバックをお願いします。あるいは、Gutenberg の GitHub リポジトリディレクトリ に issue を作成いただくのでも構いません。GitHub にフィードバックした場合は、以下にリンクを貼ったコメントを残してください。誰かが同じ問題を報告している場合でも、是非、あなたの体験を追記してください。体験に取り組んでいる私たちが何を改善すべきか包括的な洞察を与えてくれます。

Props to @kellychoffman: このテスト募集のレビューを助けてくれたことに対して

変更履歴

2021/11/10: Gutenberg 11.9 RC4 で手順を変更
2021/11/12: Gutenberg 11.9 で手順を変更
2021/11/13: WordPress 5.8.2 で手順を変更
2021/11/24: Gutenberg 12.0 で手順を変更。参照コンポーネント周辺の語句を変更、フィードバック締切を12/7まで延長

#fse-outreach-program#fse-testing-call#full-site-editing

日本語ドキュメンテーション Codex の移行をお手伝いしてくれる方を募集します

長年親しまれてきた WordPress の日本語ドキュメンテーション (マニュアル) 「Codex」を WordPress.org 内に移行します。

これはオリジナルの英語版の動きに従ったもので、すでに英語版では開発者向けページが DevHub に、一般ユーザー向けページが HelpHub と呼ばれるシステムにそれぞれ移行されています。今回、日本語版ではまず一般ユーザー向けページを移行し、完了後に開発者向けページの移行を検討する予定です (このためすぐに Codex がなくなるわけではありません)。

移行作業のお手伝いを募集します

英語版の移行作業では手動で Codex 内のページを HelpHub に移行しました。Codex には古い記事や誤った記述も含まれていたため、一つずつ確認しながら作業する必要がありました。ちなみに「Codex」は wiki ベースで書かれていましたが、WordPress.org では通常の WordPress の記事と同じようにブロックエディタ (Gutenberg) を使用して記述します。

現在約200ページの原文がありますが、日本語版でも同様にこれらを手作業で移行する予定です。その過程で翻訳のエラーや、英文が更新されている場合は追加の翻訳を行います。スクリーンショットを取り直す必要のある箇所もあります。

こうした作業をお手伝いしてくれる方を募集します。

「手伝ってもいいよ」という方は以下の手順に従って、サイトへのアクセス権を取得し、好きなページを移行してください。ページ全部でも構いませんし、一部でも構いません。

移行のポリシー

日本語 HelpHub は日本語 Codex を元に、英語 HelpHub の最新情報で更新します。英語版は Codex から HelpHub 移行の際に、プログラミング的な要素をすべて削除しました。これは HelpHub が一般ユーザー向けであること、プログラミング的な要素は他のハンドブックでカバーされることからの決定です。

一方日本語版の場合、ハンドブックの翻訳 (例えば Theme Developer Handbook) が後になり、今日の段階で使用法のみをコピーすると日本語のせっかくの情報が消えてしまいます。ですので、いったん関数などのプログラミング的な要素も含めて移行したいと思います。

移行の手順

まずサイトへのアクセス権が必要です。

  1. WordPress.org のアカウントを作成する (https://login.wordpress.org/register)
  2. HelpHub のアクセス権をリクエストする
    • 手順: WordSlack (参加方法はこちら) の #docs チャンネルに行って、WordPress.org アカウント名と一緒に「アクセス権希望」とリクエストしてください。

移行作業は以下のとおりです。

  1. HelpHub サイトにログインする。
  2. 進捗確認用のワークシートを開く。
  3. 移行するページを選択し、「担当」に自分の名前を入力し、「ステータス」を「In Process」にする。
  4. 「元の日本語 Codex ページ」列の URL の上にマウスを移動し、ポップアップしたリンクをクリックする。
  5. 「日本語 HelpHub ページ」列の URL の上にマウスを移動し、ポップアップしたリンクをクリックする。
  6. ツールバーの「編集 記事」をクリックする。
  7. 適宜、Codex からコピー & ペーストするか、必要に応じて翻訳する。
  8. 完了後はドラフト文書のまま保存し、「ステータス」を「Done」にする。

今後の進め方

ある程度量があるので、挫折しないように以下のような試みを考えています。

  • 定期的に (頻度は未定、2週に1度程度 ?)、参加可能な作業者の方が集まって Zoom で質問したり作業したりする会を開催する。
  • 週1回、このブログに進捗報告スレッドを立て、コメントで報告してもらう。

質問があれば、WordSlack の #docs でお尋ねください。
ご協力ありがとうございます!

#codex

FSE プログラムのテスト募集 #9: 高等教育のヘッダーの取り扱い

以下は、annezazu が書いた Make WordPress.org Test チームブログの記事「FSE Program Testing Call #9: Handling HigherEd Headers」を訳したものです。

誤字脱字誤訳などありましたらフォーラムまでお知らせください


これはフルサイト編集アウトリーチプログラムの9回目の募集です ! この実験的なプログラムについての詳細情報は FAQ をご覧ください。程よく楽しんで参加するために、Make Slack#fse-outreach-experiment チャンネルへ参加してください。今後のテストの案内や役立つ投稿などを共有できるはずです。

これまでに募集してきたテストと比較して、今回のテストは幾分コミュニティ主導のもので、@blake が提案した高等教育をテーマにしたテストになります。フルサイト編集テストのアイデアの提案を歓迎します。すべてのアイデアは、現在のプロジェクトの優先順位と照らし合わせ、もっとも効果的と判断されたものが実行されます。アイデアは、Slack チャンネルで直接共有するか、私 (@annezazu) にメッセージを送ってください。

機能の概要

このテストを実世界の例に基づいて行うために、私たちはサイト管理者として学校に戻って、仮想の大学で学生、親、教師を歓迎するためのカスタマイズされたヘッダーを作成してみます。インスピレーションを得るために、次のような大学サイトのサンプルをチェックしたり、近くの大学を探してみてください。このテストでは、ヘッダー部分の構築に焦点を当てているので、その点に集中して、それぞれのサイトでどのような工夫がなされているかを参考にしてください。 

https://www.kyoto-u.ac.jp/en

https://www.ni.ac.rs/en/student-info

https://engineering.asu.edu/

ご想像のとおり、このテストでは「ナビゲーションブロック」を深く掘り下げることになります。おさらいしておくと、ナビゲーションブロックとは、サイトのナビゲーションメニューを構造的にもデザイン的にも編集できるようにする、強力で新しいブロックです。このテストは、将来の WordPress リリースに搭載するための準備として、このブロックでできることの端緒を探ることを目的としています。

これまでのテストと同様に、創造性を発揮してくださった場合には、コメント欄にスクリーンショットを添付してください。インスピレーションを得るために、以下の例では、サブメニュー項目の複数のレイヤーが表示されています。

Image of a pretend Gutenberg University header with two different menus, including one with multiple sub-menu layers open.

テスト環境

以下は適切な設定のための詳細な情報です。テスト環境を整備するための重要なポイントをご紹介します:

基本のルールとして、セットアップでは各プログラムの最新バージョンを使用してください。またこの記事の公開後もバージョンは更新される可能性がある点に注意してください。

既知の問題

この記事の作成中に、いくつかの問題が発生しました。同じ問題に遭遇するかもしれませんが、これらの問題は報告されていますので安心してください。以下に大きな問題をいくつか挙げます。

初心者向けのテスト方法

このセクションは、具体的な手順に従ってヘッダーを作成したい方や、FSE をテストする十分な時間がない方のためのテスト方法です。

このテスター募集は特定の機能をテストすることに焦点を当てていますが、ベータ機能をテストする過程で他のバグを見つけることもあると思います。見つけたバグは、たとえそれがテストしている機能に直接関係なくても、テストレポートにぜひ含めていただければと思います。

構造の作成 (テンプレートパーツ、カラムなど)

  1. 管理画面で「サイトエディター (ベータ)」をクリックします。自動的にサイトエディターが開き、ホームページに使用されているテンプレートが表示されます。
  2. ホームページを開いたら、「ヘッダーテンプレートパーツ」の内部ににある「ナビゲーションブロック」を削除してください。後の追加のために、ヘッダーをリセットします。 
  3. 親の「カラムブロック」を選択し、サイドバーの「ブロック設定」を使用して、カラムを2列から3列に変更します。
  4. カラムブロックに戻り、「ブロックツールバー」の設定で、「全幅」になっていることを確認します。

サイトブランドの作成

  1. 1列目に「サイトロゴブロック」を追加し、サイトのロゴをアップロードします。必要であれば logodust.com のこの無料ロ ゴを使用してください。
  2. 「サイトのタイトル」、「サイトのキャッチフレーズ」、「サイトロゴ」の各ブロックを組み合わせ、自由にカスタマイズしてください (フォントの変更、色の変更、配置の変更など)。
  3. 2列目に「ボタンブロック」を追加して、COVIDに関する警告を追加し、記事「August COVID Update」にリンクします。記事は投稿のタイトルを検索すれば見つかります。必要なデモコンテンツをまだインポートしていない場合は、このエクスポートファイルのリンクを開いて「ダウンロード」を選択し、インポートしてください。 

上位レベルの項目のシンプルなメニューの作成

  1. 3列目に「ナビゲーションブロック」を追加し、「空から始める」オプションを選択します。
  2. 「固定ページリンクブロック」を使用して、インポートしたコンテンツの中から以下のページを追加します。「Contact」「Directions」「Make a Donation」。追加するには、各ページのタイトルの最初の数文字を入力すると表示されます。恐らく、Gutenberg 11.3で修正予定のスペーシングのバグに気づかれるでしょう。
  3. メニュー項目の「Make a Donation」を短く「Donate」に変更します。これには、固定ページリンクブロックのテキストを編集します。 
  4. メニューの最後には、「検索ブロック」を追加し、サイドバーの設定を使用して、自由にカスタマイズしてください (背景色、テキストの色、幅など)。 
  5. メインメニュー項目を配置したら、ナビゲーションブロック全体を再度選択し、サイドバーの設定の「表示設定」で、「レスポンシブメニューを有効化」オプションをオンにします。必要であれば、この時点で、ブロックのスタイルをカスタマイズすることもできます。 

より複雑な仕様のメニューの作成

  1. 3つのカラムを含む全体の「カラム」ブロックを選択します(ここでリストビューが役に立つかもしれません)。メニューの「その他の設定」で「後に挿入」を選択し、後にブロックを追加します。 
  2. カラムブロックをもう1つ追加し、30/70オプションを選択します。
  3. 再びカラムブロック全体を選択し、ブロックツールバーの設定で「全幅」になっていることを確認します。
  4. 幅70%の大きなカラムにナビゲーションブロックを追加し、「空から始める」オプションを選択します。
  5. 「固定ページリンクブロック」を使って、取り込んだコンテンツの中から以下のページを追加します。About、Admissions、Student Life、Research、News です。追加するには、各ページのタイトルの最初の数文字を入力すると表示されます。 
  6. メインメニュー項目を配置したら、もう一度ナビゲーションブロック全体を選択し、サイドバー設定の「表示設定」で「レスポンシブメニューを有効化」オプションをオンにしてください。 
  7. メインメニュー項目 About、Admissions、Student Life、Research のサブメニュー項目を追加します。ヒントが必要な方のために、こちらがサブメニュー項目を追加するためのアイコンのスクリーンショットです。
    1. About には、以下のサブメニュー項目が必要です。Distinguished Alumni、Diversity and Inclusion、Faculty、History、Leadership。
    2. Admissions には、以下のサブメニュー項目を追加してください。Career Paths、Undergraduate Graduate Admissions、Scholarship & Financial Aid、Tuition。 
    3. Research には、以下のサブメニュー項目を設けます。Awards & Honors、Partnerships、Undergraduate Research、Graduate Research。 
    4. Student Life には、以下のサブメニューを用意してください。Athletics、Tutoring Services、FAQ、Study Abroad Opportunities、Tutoring、Services。
  8. Admissions > Career Paths の下に Business、Design、Technology というサブメニュー項目を追加します。 
  9. サブメニュー項目を追加したら、様々なサブメニュー項目を自分の好みに合わせて再配置し、名前を変更します。ナビゲーションブロック全体を選択して、ブロックナビゲーションオプションを使用すると、この GIF のように、メニュー項目を並べ替えられます。 
  10. まだ存在していないページを追加したい場合は、現在サイトに存在していないタイトルを入力することで追加できます。そこから、下書きページを作成するオプションが表示されます。これを少なくとも1つのメニュー項目に対して行います。この作業をお楽しみください。高等教育がテーマの内容にすることをお忘れなく。
  11. ナビゲーションブロック全体をお好みにカスタマイズします (配置、色、フォントサイズなどの変更)。サブメニューの項目については、オーバーレイの色設定を使って好きな色を設定できることを覚えておいてください。 作業内容を保存してさらにカスタマイズしましょう。
  12. 「保存」を選択して変更を保存し、フロントエンドでサイトを表示します。エディターで表示される内容とフロントエンドで表示される内容の違いを確認してください。下書き状態のページがある場合は、メニューに表示するために公開する必要があります。
  13. モバイル端末でサイトを表示し、メニューがハンバーガーメニューとしてレスポンシブ表示されるかどうかを確認します。 
  14. ここからは、配置や色、文字サイズの変更、項目の削除・並べ替え・再配置など、自由にカスタマイズしてください。また、スペーサーやソーシャルアイコンなどのブロックをナビゲーションブロックに追加することもできます。 

上級者向けのテスト方法

このセクションは、テストをさらに続ける時間があり、ガイドなしでもサイトエディターを使える方向けのテストです。

このセクションのテスト方法は簡単です。既存の大学サイトのヘッダーの全部または一部を再現してみてください。TT1 Blocks テーマを使い続けても自分の好きなブロックテーマを使っても構いません (違うテーマを使用する場合は注意してください)。上に挙げた大学を利用しても良いですし、自分で探してもいいでしょう。コメントを残す際には、自分が何をしようとしていたか、そして何ができたかを示すスクリーンショットを共有してください。みなさんが何を実装しようとしているかを知ることはとても参考になります。自由な発想とデザインを遠慮なく、共有してください。

注意する点:

作成した画面のスクリーンショットを共有してください !

  • どこかでクラッシュしませんでしたか ?
  • 正しく保存できましたか ?
  • ヘッダーを作成中に不足する機能はありませんでしたか ? できる限り詳しく説明してください。上級者向けのテスト方法を実施した場合は特に !
  • テストで困った点、イライラした点はありませんか ?
  • テストで楽しかった点、いいねと思った点はありますか ?
  • サイトエディターで作成したページは、サイトで表示された場合にマッチしますか?
  • 小さな画面サイズで見たときの、ナビゲーションブロックの動作はいかがですか ? 
  • キーボードだけで動作しましたか ?
  • スクリーンリーダーだけで動作しましたか ?
  • よろしければ、https://wave.webaim.orghttps://www.accessify.com/ のようなツールでテストサイトを実行して、動きを確認してみてください。

フィードバックをお願いします(2021年9月1日まで)

この投稿にコメントでフィードバックをお願いします。あるいは、Gutenberg の GitHub リポジトリディレクトリTT1 ブロックの GitHub リポジトリ に issue を作成いただくのでも構いません。GitHub にフィードバックした場合は、以下にリンクを貼ったコメントを残してください。誰かが同じ問題を報告している場合でも、是非、あなたの体験を追記してください。体験に取り組んでいる私たちが何を改善すべきか包括的な洞察を与えてくれます。

#fse-outreach-experiment, #fse-outreach-program, #fse-testing-call, #full-site-editing



この記事は @nao, @atachibana, @mimitips で翻訳しました。

#fse-outreach-experiment, #fse-outreach-program, #fse-testing-call-2, #full-site-editing