ヒーロー Web パーツを使用する

コミュニケーション サイトのヒーロー Web パーツ:トピックとショーケース

コミュニケーション サイトを作成する場合、ページには規定でヒーロー Web パーツが含まれます。 既定の画像、テキスト、リンクがあらかじめ設定されています。変更して、独自の画像、テキスト、ページ、リンク、またはドキュメントを紹介します。

目的のコミュニケーション サイトの種類の [トピック] を選択すると、既定のヒーローは 5 つのタイルでレイアウトされています (タイルを 1 つから 5 つに変更できます)。

目的のコミュニケーション サイトの種類の [ショーケース] を選択すると、既定のヒーローは縦方向に 3 つのレイヤーでレイアウトされています (レイヤーを 1 つから 5 つに変更できます)。

[Web パーツの編集] ボタンを使用すると、ヒーロー Web パーツのレイアウトを、グリッドから縦方向のレイヤーに変更できます。 そして、各タイルおよびレイヤーの [詳細の編集] ボタンを使用すると、各タイルおよびレイヤーのリンク、画像、およびテキストを変更できます。

1. [Web パーツ] ボタンの編集

2. [詳細] ボタンの編集

ヒーロー Web パーツのレイアウトを変更する

このビデオでは、その実行方法を確認するか、ビデオの下の手順に従ってください。

1. ページがまだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

2. 左側にある [Web パーツの編集] ボタンをクリックして、 目的のレイアウトの種類を選択します。ユーザーは (このようなトピック サイトで) タイルを 5 つまで、または (ショーケース サイトなどで) レイヤーを 5 つまで選択できます。

   

各タイルまたはレイヤーの画像、テキスト、およびリンクを変更する

このビデオでは、その実行方法を確認するか、ビデオの下の手順に従ってください。

1. ページがまだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

2. 変更するタイルやレイヤーの右下にある [詳細の編集] をクリックします。

3. ツールボックスの [変更] をクリックしてから、リンクを取得する場所を選択します。

   

   • [最近使用したファイル]: 最近開いた画像、ページ、またはドキュメントがある場合は、この一覧に表示されます。

   • ストック画像 ストック イメージは Microsoft によって提供されます。 高品質で、使用に適したサイズです。 管理者の場合はSharePoint取得のパフォーマンスを向上させるために、Content Delivery Network (CDN)を有効にすることをお勧めします。

   • [Web 検索]: Bing からクリエイティブ コモンズ ライセンスを利用する画像を検索できます。 ページに画像を挿入する前に、ライセンスを確認する責任があります。 SharePoint はMicrosoft 365のみです。

   • 組織: 組織が一連の承認済み資産を指定している場合は、ここでそのセットから選択できます。  SharePoint 管理者が [組織] のアセット ライブラリを作成する方法については、「組織のアセット ライブラリを作成する」を参照してください。

   • [OneDrive]: OneDrive に保存したドキュメントまたは画像のリンクを取得できます。 SharePoint はMicrosoft 365のみです。

   • [サイト]: 指定したサイトから、ドキュメント、画像、またはページのリンクを取得できます。

   • [アップロード]: 個人のデバイスからドキュメントや画像をアップロードできます。

   • リンクから: ページ、ドキュメント、または画像のリンクを、OneDriveまたは SharePoint に入力Microsoft 365。

     注: サイトの外部にあるリンクには、米国政府の高値および DoD の画像GCC表示されません。また、21Vianet Office 365が運営しています。

4. 画像、ページ、またはドキュメントを選択し、[開く] をクリックします。

5. ツールボックスの [イメージ] で、[ユーザー設定の画像] または [色のみ]を選択します([タイル] レイアウトでのみ使用できる色で、色はサイト のテーマの色に対応します)。

   [自動選択済み] オプションを使用すると、リンク先のページまたはドキュメントから画像が自動的に選択されます (画像が使用可能な場合)。

6. 画像の [代替テキスト] を入力します。

7. [オプション] で、

   • トグルを [はい] に切り替えると、[アクション リンクの呼び出し] を表示できます。 そして、[アクションのテキストの呼び出し] を追加します (たとえば、「詳細」)。 [アクション リンクの呼び出し] は、階層のレイアウトでは各レイヤーに使用できますが、タイルのレイアウトでは最大のタイルにのみ使用可能です。

   • 階層のレイアウトでは、[トピックの見出し] のトグルを [はい] に切り替えると、各レイヤーのトピックの見出しも表示できます。 そして、[トピックの見出しのテキスト] を追加します。

画像の焦点を変更する

この SharePoint ではMicrosoft 365、ヒーロー Web パーツ内の選択した画像の焦点を変更して、フレーム内の画像の最も重要な部分を取得できます。

1. ページがまだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

2. 変更 するヒーロー の下部にあるツール バーの [焦点の設定] をクリックします。

3. 画像内の目的の場所に焦点をドラッグします。
   
   

タイルやレイヤーを並べ替える

タイルやレイヤーを好きな場所に移動して、並べ替えることができます。

1. ページがまだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

2. [項目の移動] ボタンをクリックしたまま、目的のタイルまたはレイヤーを好きな場所にドラッグします。

   

1 つの列にヒーロー Web パーツを配置する

ヒーロー Web パーツは、ページの幅に合わせて設計されています。 ヒーロー Web パーツが全角を取り上げなかった場合は、全角ではない列に移動を追加できます。

このビデオでは、その実行方法を確認するか、ビデオの下の手順に従ってください。

1. まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

2. Hero Web パーツの上にマウス ポインターを置き、Web パーツの左側にある丸で囲んだ + をクリックします。

3. [セクション レイアウト] で、1 つの列を選択します。

   

4. Web パーツの左側にある [Web パーツの移動] ボタンを使用して、追加した列にヒーロー Web パーツをドラッグします。

   

   

ページに空のヒーロー Web パーツを追加する

ヒーロー Web パーツは、チーム サイトまたはコミュニケーション サイトのページに追加できます。 これを行うには、次の手順を実行します。

1. ページがまだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

2. ページ上で、既存の Web パーツの上または下にポインターを置くと、次のような丸で囲まれた + と線が表示されます。

   

   [+] をクリックしてから、[ヒーロー] Web パーツを選択します。

   

3. Web パーツの [編集] ボタンをクリックし 、使用するレイアウトの種類を選択します。1 つから 5 つのタイルのグリッド、または 1 つから 5 つの縦方向のレイヤーを使用できます。

4. 変更する各タイルの [リンクの選択] をクリックします。

5. ツールボックスで、各タイルの [選択] をクリックしてから、リンクを取得する場所を選択します。

   ツールボックスの [変更] をクリックしてから、リンクを取得する場所を選択します。

   

   • [最近使用したファイル]: 最近開いた画像、ページ、またはドキュメントがある場合は、この一覧に表示されます。

   • [Web 検索]: Bing からクリエイティブ コモンズ ライセンスを利用する画像を検索できます。 ページに画像を挿入する前に、ライセンスを確認する責任があります。 SharePoint はMicrosoft 365のみです。

   • 組織: 組織が一連の承認済み資産を指定している場合は、ここでそのセットから選択できます。  SharePoint 管理者が [組織] のアセット ライブラリを作成する方法については、「組織のアセット ライブラリを作成する」を参照してください。

   • [OneDrive]: OneDrive に保存したドキュメントまたは画像のリンクを取得できます。 SharePoint はMicrosoft 365のみです。

   • [サイト]: 指定したサイトから、ドキュメント、画像、またはページのリンクを取得できます。

   • [アップロード]: 個人のデバイスからドキュメントや画像をアップロードできます。

   • リンクから: ページ、ドキュメント、または画像のリンクを入力し、OneDriveの SharePoint をMicrosoft 365。

6. 画像、ページ、またはドキュメントを選択し、[開く] をクリックします。

7. ツールボックスの [イメージ] で 、[カスタムイメージ] または [色のみ ] を選択します。 [自動選択済み] オプションを使用すると、リンク先のページまたはドキュメントから画像が自動的に選択されます (画像が使用可能な場合)。 色は [タイル] レイアウトでのみ使用できます。色はサイト のテーマの色に対応します。

8. 画像の [代替テキスト] を入力します。

9. [オプション] ([SharePoint のMicrosoft 365のみ):

   • トグルを [はい] に切り替えると、[アクション リンクの呼び出し] を表示できます。 そして、[アクションのテキストの呼び出し] を追加します (たとえば、「詳細」)。 [アクション リンクの呼び出し] は、階層のレイアウトでは各レイヤーに使用できますが、タイルのレイアウトでは最大のタイルにのみ使用可能です。

   • 階層のレイアウトでは、[トピックの見出し] のトグルを [はい] に切り替えると、各レイヤーのトピックの見出しも表示できます。 そして、[トピックの見出しのテキスト] を追加します。

ヒーロー Web パーツでのイメージのスケーリング

ヒーロー Web パーツに最適なサイズの画像を選択するには、次の点を考慮してください。

• Web パーツは、フルブリード レイアウトで画面の幅に合わせて設計されています。

• [ タイル] レイアウトでは、Web パーツの高さが縦横比 8:3 に従って拡大縮小され、Web パーツ内の画像は縦横比 4:3 にスケーリングされます。

• [レイヤー ] レイアウト では、個々のレイヤーが縦横比 8:3 に拡大縮小され、各レイヤー内の画像は 9:16 に近い縦横比にスケーリングされます。