オープンソース開発やコミュニティ活動に参加している有志メンバーが情報共有するブログです。参加・貢献してみたいという方は、こちらのページをご覧ください。タスクの協力者を募集中です。(新規作成はこちら)。Customization」を訳したものです。誤字脱字誤訳などありましたらフォーラムまでお知らせください。この投稿はフルサイト編集アウトリーチプログラムの15回目のテスト募集です。この実験的なプログラムの詳細については、こちらのFAQを参照してください。共有される、今後のテストの告知や役に立つ投稿などを参照してください。今回のテスト募集では、表面的には、サイトエディターでこれまで行ってきた一般的なタスクに焦点を当てます。新しいテンプレートを作成し、いくつかの投稿に適用します。驚き、サイト編集体験の奥深さを実感するでしょう。追加のテンプレートオプションサイトエディタから作成可能なテンプレートの拡張は、引き続き高い優先度で開発されていて、多くの新しいオプションがあります。特定のカテゴリー用のテンプレートを作成できるようになります。「WordPress」に分類されたすべての投稿に、固有のテンプレートを用意できます。このテスト募集に参加するタイミングによっては、この新しいオプションを試せるかもしれません。13.6では、テンプレートピッカーのデザインが新しくなりました。スペースを取らず、他の投稿の詳細とより自然に整合します。分かりやすいレイアウトコントロール「継承デフォルトレイアウト」と聞くたびに困惑していたのであれば、最近、この機能の説明が更新されたのは嬉しい知らせでしょう]。新しい投稿を作成する際のスターターパターンパターンも、そして、さまざまなブロックがロックされている事実もすべて、エディタ体験のカスタマイズに利用される機能の一部です。サイトにそのまま組み込まれることはなさそうですが、それらを利用する人が素晴らしい体験をできるようにテストすることは重要です。13.6ではすべての投稿タイプで利用できるようになった新しいスターターパターンを確認します。ボーナスとして、各パターンではいくつかのブロックがロックされ、よりきめ細かな方法で体験を制御する方法を模索しています。6.0から搭載されたもう一つの機能は、アイキャッチ画像使用時のプレースホルダーの改善や、メディアの置換オプションでの見つけやすさです。このテスト実行でのコンテンツ間の移動には、リストビューが便利です。プログラムテストのために利用可能なアカウントを準備してくれました。自分でテストサイトを立ち上げなくても、一時的なテストサイトを使用できます。メールアドレスを収集しません。このため、再度サイトにアクセスするには、リンクを保存しておく必要があります。このリンクを繰り返し開かないでください。クリックのたびに新しいサイトが作成されます。作成可能なサイト数は50に制限されています。これにより、最長で14日間使用できるサイトが起動します。管理画面でログインします。テスト中に再びアクセスできるように、リンクを保存してください。Changes」をクリックします。「更新」で翻訳を更新してください。(ベータ)」にアクセスします。自動的に、サイトエディターでホームページのテンプレートが開かれます。使用したテストサイトを用意します。これは、本番またはライブサイトではないことが重要です。「テーマ」からインストールし、有効化します。テーマにパターンフォルダを追加し、以下の2つのファイルを追加してください。event-recap.phpこの機能についての詳細はこちらです。プラグインをインストールし、有効化します。13.6以上をを使用していることを確認してください。(ベータ)」に移動します。これで自動的にホームページのテンプレートに対応したサイトエディターが開かれます。「テンプレート」を開きます。これでテンプレートのリストが開きます。代わりにそれが表示されているでしょう。「新規追加」>「カテゴリー」を選択します。これで新しい空のテンプレートが開きます。お好みで、ヘッダーまたはフッターのテンプレートパーツを追加してください。(Footer)」で検索するか、テンプレートパーツブロックを追加して、好きなものを選択することでできます。クエリーループブロックを追加し、好きなデザインのオプションを選択してください。クエリーループブロックを選択し、ブロックの設定サイドバーを開いて「テンプレートからクエリーを継承」オプションが選択されているか確認してください。これにより適切な投稿が表示されるようになります。このテンプレートは特定のカテゴリーの投稿を表示する時に使用されることを念頭に置いて、テンプレートをカスタマイズしてください。完成したら、「保存」を押して、新しいテンプレートを公開します。「新規追加」をクリックし、新しい投稿を作成します。(新しいイベントのアナウンス)」パターンを選択し、自由に記入します。Museum」がありますので参考にしてください。いくつかのブロックがロックされていることに注意してください。この操作感をどう思うか、いくつか試してみてください。ブロックをロックする、現行のロックを解除する、等々。アイキャッチ画像を設定し、パターンのカバーブロックでどのように表示されるかを確認してください。この機能を自由にカスタマイズしてください。公開する前に、投稿の設定を開き、カテゴリー「Events」を割り当て、「テンプレート」セクションの新しいポップオーバーインターフェースで、自由に異なるテンプレート選択してください。管理画面に戻り、別の新しい投稿を作成します。(イベント報告)」パターンを選択し、自由に記入します。Recap」がありますので参考にしてください。いくつかのブロックがロックされていることに注意してください。この操作感をどう思うか、いくつか試してみてください。見出し「Attendees(出席者)」の下の、名前の一覧を含むグループブロックを選択します。サイドバーの設定を開き、「レイアウト」の下で「インナーブロックは全幅を使用する」オプションをオンにして、自由にカスタマイズしてください。色、フォントサイズ、寸法の変更等々。公開する前に、投稿の設定を開き、カテゴリー「Events」を割り当て、「テンプレート」セクションの新しいポップオーバーインターフェースで、自由に異なるテンプレート選択してください。「イベント」カテゴリーを表示すると、テンプレートと投稿の完全な形が表示されます。アクセスすると表示されます。注意する点:必要であれば、作成したページのスクリーンショットを共有してください。翻訳協力により公開することができました。ありがとうございます。Theme.json」を訳したものです。誤字脱字誤訳などありましたらフォーラムまでお知らせください。アウトリーチプログラムのテストではサイトの制作者やエンドユーザーを対象としてきましたが、今回のテストは意図的に開発者をメインの対象としています。これは、新しい拡張用のツールである「theme.json」に対してインパクトのあるフィードバックを行うためです。今後の取り組みについては、こちらをご覧ください。ウェブサイトやブロックの機能を有効または無効にしたり、デフォルトのスタイルを設定するために使用される最高レベルの設定ファイルです。すべてを管理するための統合された標準的な方法を提供します。これらの設定には、次のようなオプションが含まれます。どのようなカスタマイズオプションをユーザーに提供するか、あるいは隠すか。ユーザーが利用できるデフォルトの色やフォントサイズなどはどのようになっているか。「スタイル管理」の第一歩となるもので、ブロックテーマを強力にサポートします。ここでは、この新しい仕組みを使うことで得られる主なメリットをご紹介します。テーマはブロックごとの設定を提供できるようになります。エディタ全体の設定を対象としていたため、不可能でした。カスタムプロパティが自動的に確保されるため、自分で処理する必要はありません。プリセット名の翻訳も管理されます。量を減らし、特異性の問題を解決するのに役立ちます。5.8で動作しません。これはリリース時にはまだいくつかのテーマブロックが出せる状態にないためです。それでもブロックテーマは、5.8に搭載される重要な機能であるため、テストや調査が必要です。何ができるかを探っていただきたいと思います。(theme.json)」で詳しく説明されています。何をコントロールでき、どんなアウトプットを得られるのかを知りたい方向けのセクションです。アクセスしてください。セクションの生成を支援します。テーマがサポートする様々な機能をオン、オフしてみてください。コントロール可能な設定の中から一部を選択して試すことができます。カスタムカラーやカスタムリンクの設定をオン、オフしてみてください。選択した内容に応じて、ブラウザの出力が変化することに注目してください。パレット、グラデーション、フォントサイズの隣にある「+」ボタンを使って、追加のカスタマイズを探索してみてください。色の名前やフォントサイズなど、スラッグと特定の変数の両方を編集できる点に注意してください。動かすには次の中級者向けのステップに進んでください。ついてもっと深く知りたいと思う方向けのセクションです。コントロールする様々な設定を探ります。セクションにある、ブロックのテーマサポートとプリセットに焦点を当てています。新規にインストールします。プラグインをインストールして、有効化します。テーマディレクトリからダウンロードして、インストールします。ファイルを開いてください。セットアップのそれぞれのステップにおいて、最新のバージョンを使用してください。この投稿がシェアされてから、バージョンが更新された可能性も念頭に置いてください。レイアウト新しい投稿を作成してください。無地の背景を持つカバーブロックを投稿に追加し、内側の段落ブロックに数行のコンテンツを入れます。別の無地の背景を持つカバーブロックを投稿に追加し、内側の段落ブロックに数行のコンテンツを入れます。このブロックを「幅広」に設定します。3つの無地の背景を持つカバーブロックを投稿に追加し、内側の段落ブロックに数行のコンテンツを入れ、このブロックを「全幅」に設定します。フロントエンドで投稿を表示し、これらのカバーブロックの幅を記録しておきます。値を、違うピクセル値に変更します。値を、違うピクセル値に変更します。先に作成した投稿の編集画面を開き、新しい幅が編集画面で反映されていることを確認します。ブラウザで投稿を表示し、新しい幅がフロントエンドでも反映されていることを確認します。幅の値を「px」以外の、「em」、「rem」、「vh」、「vw」、「%」などで設定する事を試してみましょう。(段落ブロック)段落ブロック内のタイポグラフィ設定、フォントサイズ、フォントウェイト、行の高さ、ドロップキャップの見え方を確認してください。見出しブロックのタイポグラフィ設定、フォントサイズ、フォントウェイト、行の高さの見え方を確認してください。フロントエンドのブロックに各設定が適用されていることを確認してください。段落ブロックの各カスタムタイポグラフィ設定が、ブロックエディターに表示されないことを確認します。以前に適用したタイポグラフィ設定が既存のブロックに適用されている場合があります。theme.jsonファイルのtypographyセクションに、1つまたは複数のフォントファミリーとフォントサイズを追加します。ボタンブロックを使用して、カスタムフォントファミリーとサイズをテストします。true数行のテキストを含む内部段落ブロックを持つグループブロックを作成します。グループブロックの枠設定、スタイル、幅、角丸、カスタムカラーの見え方を確認します。フロントエンドのブロックに設定が適用されていることを確認してください。グループブロックの枠設定が、ブロックエディターに表示されないことを確認します。trueカスタムグラデーションの背景を持つカバーブロックと、内側の段落ブロックに数行のコンテンツを追加します。段落ブロックにリンクを追加し、リンクの色をカスタムカラーに設定します。画像を背景にした別のカバーブロックと、内側の段落ブロックにある数行のコンテンツを記事に追加します。表紙の背景には、デュオトーンのプリセットを使用するように設定します。背景画像のデュオトーンカラーを変更し、デュオトーンのシャドウとハイライトの設定にカスタムカラーを使用する。パレットとデュオトーンまたはグラデーションのプリセットに1つまたは複数の追加カラーを追加します。リソースをご確認ください。例で、最終的にどのような出力が得られるかを示しています。使用してより強固なブロックテーマを作成したいと考えている人や、テーマ開発経験者向けのセクションです。一般ユーザー向けではありません。調べる時間も十分にある場合は、クラシックテーマの再現はいかがでしょう。ここでは2つのオプションを紹介しますが、デフォルトテーマでも問題ありません。TwentyStorefront実際に試してみて、どんなギャップがあったか、何が一番難しかったか、何が意外と簡単だったかをメモしておき、以下のコメント欄で共有してください。あなたの経験から学べることが多くあります。この手順は、意図的に非常に自由で高度なテストに設定していますので、試す気にならなくても安心してください。誰か他の人がテストしているのを見ながらテストしたい場合は、@mkazの動画「ブロックテーマ作成を学ぶ」をチェックしてみてください。注目すること:これらの質問は、中級編と上級編に特化したものです。?フィードバックをお願いします(2021年7月14日まで)この記事のコメント欄に質問、コメント、懸念事項などのフィードバックをお願いします。その際、必ずどのセクションの手順に従ったかを明記してください。作成いただいても構いませんが、このテストに関しては恐らくその必要はないでしょう。フィードバックを残す場合は、以下のコメント欄にリンクを貼ってください。theme.jsonテストのハングアウトに参加しましょう。誰か他の人と一緒に検討したいという方のために、@daisyolsenが、今回のシナリオをメインとするハングアウトを開催します。同じ考え方を持つメンバーによる、カジュアルで協力的なセッションを意味します。チャンネルで発表されます。Portfolios」を訳したものです。誤字脱字誤訳などありましたらフォーラムまでお知らせください。フルサイト編集アウトリーチプログラムの7回目の募集です!6回目のテスト募集で述べたように、まだ参加できていない方は、5.8に向けて今が絶好のチャンスです。この実験的なプログラムについての詳細情報はFAQをご覧ください。チャンネルへ参加してください。今後のテストの案内や役立つ投稿などを共有できるはずです。注意点として、テンプレート編集モードとは、フルサイト編集の機能で、個別の投稿またはページのコンテンツと、個別の投稿またはページが使用するテンプレートを切り替えて編集する機能を解除することです。この機能では、新しいテンプレートを作成したり、既存のテンプレートを編集したり、ページまたは投稿に使用するテンプレートを選択したりすることができます。この機能については、以下のビデオで詳しくご紹介しています。このテストを実例に基づいて行うために、仮にあなたの素晴らしい作品を紹介するポートフォリオページを作成してみましょう。Spaceのような、架空の場所のビジュアルを披露することになるでしょう。あなたが作ったものをみんなで称えることができるように、コメントにはスクリーンショットを添えてください。インスピレーションのために、ここに私の作成例があります。ここにいくつかのGutenbergを使用したデザイナーによるハイエンドな例があります。第6回目のテスト募集に比べて、今回のテスト募集では、意図的により自由な設定を行い、テスターであるあなたにこの機能の限界に挑戦してもらいます。以下は適切な設定のための詳細な情報です。テスト環境を整備するための重要なポイントをご紹介します:テストサイトを使用してください。本番サイトは使わないでください。ここの指示に従ってローカルインストールを設定するか、このような開発用サイトを設定するツールを使用してください。使用してください(ここからダウンロード可能)。