デザイン アイデアがセクション コンテンツの昇格と美化にどのように役立つかについて説明します。

セクションデザインのアイデアとは

セクションデザインアイデアは、ユーザーがテキストと画像のコンテンツを入力し、作成しているセクションに右に適用できる画像と書式設定の提案を表示できるようにする新しいページ機能です。 これらの変更は次のとおりです。

  • セクション テキストに基づいて画像 Web パーツまたは背景を提案する

  • さまざまなテキストのサイズ設定と書式設定の提案

  • コンテンツ タイプに合わせて最適化するようにレイアウトを変更する

  • ページ タイトルに基づいてさまざまなバナー レイアウトと画像を提案する。

バナー Web パーツのさまざまな背景画像とレイアウトを示す画像

デザインアイデアを表示して適用する方法

デザインのアイデアは、ページ ツールボックスのきらめくアイコンをクリックすることで確認できます。 オーサリング セッション中に初めて使用できるデザイン アイデアがある場合は、アイデアの準備が整っていることを示す赤いドットが、このきらめきの横に表示されます。

デザインアイデアピボット上の赤いドットの画像。現在のセクションで使用可能なデザインアイデアを示します

[デザインアイデア] パネルを開くと、使用可能なアイデアをプレビューして適用できます。 [詳細を表示] ボタンをクリックして、より多くのアイデアを生成することもできます。

4 つの利用可能なアイデアと [その他のアイデアを表示する] ボタンを備えた [デザイン アイデア] パネルの画像

任意のアイデアをクリックすると、セクションに自動的に適用されます。 これを元に戻すには、ページの上部にある Ctrl + z キーまたは元に戻すボタンを使用します。 デザインアイデアパネルで必要な数のアイデアをクリックして試すことができますが、セクションをクリックして編集を続けたら、自動的に更新されます。

パネル内のどのデザインアイデアがセクションに適用されているかを示す画像

デザイン アイデアはどのような状況で生成されますか?

現時点では、設計アイデアが生成され、次のコンテンツのみを含むセクションに適用されます。

  • 1 つのバナー Web パーツ

  • 1、2、または 3 つのテキスト Web パーツ。

  • 1、2、または 3 つのテキストと画像の Web パーツを等しい数量で表示します。

他の 1st または 3rd パーティー Web パーツ (クイック リンク、ユーザーなど) を含むセクションがある場合、現時点では設計アイデアを提案できません。 また、画像とテキスト Web パーツの数量が等しくない場合 (1 つのテキスト Web パーツや 2 つの画像 Web パーツなど)、提案を提供することもできません。

デザインアイデアがないことを示すポップアップの画像

インライン イメージとテーブルを含むセクションに対して設計アイデアを生成することもできます。 テキスト Web パーツにインライン イメージが含まれている場合でも、テキスト Web パーツとして扱われ、インライン イメージまたはテーブルは、すべてのデザイン アイデアの提案でテキスト Web パーツ内の位置に残ります。  

デザインアイデアパネル内のインライン画像の画像

テキスト Web パーツ内のインライン 画像を配置するデザインアイデアの画像

デザインアイデアはどのようにイメージを提案しますか?

政府以外のテナントにいる場合は、セクションの内容に基づいて、デザイン アイデアからバナー、画像 Web パーツ、セクションの背景画像が提案されます。 これは、セクションのコンテンツを一連のキーワードにまとめ、Microsoft のストック イメージ サービス内で関連する画像を検索することで機能します。 これは、イメージ ピッカーで自分で検索できるイメージのセットと同じです。

特定のセクションのテキストの 50% 以上が変更された場合、デザインアイデアは関連するキーワードのセットを再生成し、提案されたアイデアのセットが異なります。  

犬に関するセクションのデザインアイデアの画像

デザイン アイデアがキーワードと正確に一致する画像を見つけることができない状況では、検索語句に "抽象" と "背景" が追加され、適切な画像をもう一度検索しようとします。 ​​​​​​​

テナントでテキスト キーワード認識が使用できない場合、または画像検索が正常に実行できない場合は、代わりに、デザイン アイデアによって固定されたストック フィラー コンテンツの画像が提案されます。 

Web パーツの候補の画像

セクションにテキストのみが含まれている場合、デザインアイデアは、セクションに含まれるテキスト Web パーツの量と一致するようにイメージ Web パーツを提案します。 これにより、美しく対称的なセクション構成を提案できます。

たとえば、セクションに 2 つのテキスト Web パーツが含まれている場合、デザインアイデアによって 2 つの画像 Web パーツが提案されます。 これは、1 から 3 のテキスト Web パーツを含むセクションで機能します

3 つのテキスト Web パーツを含むセクションに 3 つの画像を提案するデザイン アイデアの画像

デザイン アイデアでテキストの書式を設定する方法

アイデアの形式を設計します。 4 つの異なるテキスト スタイルのいずれかを適用して、テキストを作成します。 これらのスタイルは、テキストの高さ、太字、斜体を変更しますが、サイトのフォントと異なるフォントは変更されません。

1 つの空白のテキスト Web パーツを含むセクションがある場合、デザインのアイデアでは、始めるのに役立つ書式設定された入力テキストが提案されます。

デザインアイデアは、その提案がアクセス可能であることを保証し、明るい背景には濃いテキストの色のみを提案し、暗い背景には明るいテキストの色を提案します

空白のテキスト Web パーツのさまざまなデザインアイデアの画像

共同編集を行っている場合、デザイン アイデアはどのように機能しますか?

編集中のセクションに対してデザイン アイデアを開いている場合、そのセクションのデザイン アイデアを編集または生成できるページ エディターは他にありません。 同様に、他のユーザーがセクションを編集している場合、そのセクションの設計アイデアを生成することはできません。

共同編集エラー画面 - 他のユーザーが編集しているセクションに設計アイデアを適用することはできません

共同編集エラー画面の画像

アイデアをデザインして何かを提案しないのはなぜですか?   

設計アイデアは、次のいずれかの理由で提案を生成できない場合があります。

  1. セクションには、画像、テキスト、バナー以外の Web パーツが含まれています

    1. 例: クイックリンクがテキスト セクションに追加され、デザインアイデアは使用できなくなりました

  2. セクションに含まれている Web パーツの数が多すぎます。

    1. 例: セクションに 4番目 のテキスト Web パーツが追加され、デザインアイデアは使用できなくなりました

  3. セクションには、画像とテキストの量が等しくない量が含まれています。

    1. 例: セクションには 2 つの画像と 1 つのテキスト Web パーツが含まれており、その結果、デザインアイデアは使用できません。

  4. セクションが全幅または垂直セクションである

    1. デザインアイデアでは、現時点ではこれらのセクションの種類はサポートされていません。

ヘルプを表示

その他のオプションが必要ですか?

サブスクリプションの特典の参照、トレーニング コースの閲覧、デバイスのセキュリティ保護方法などについて説明します。

コミュニティは、質問をしたり質問の答えを得たり、フィードバックを提供したり、豊富な知識を持つ専門家の意見を聞いたりするのに役立ちます。