次の方法で共有


チュートリアル: サイトのスタイルを設定する

Power Pages サイトをカスタマイズして、企業のブランディング スタイルを組み込むことができます。 スタイリング ワークスペースでは、サイト全体または特定のページのブランド カラー、フォント、およびデザインの既定値を設定できます。

このチュートリアルで学習する内容は次のとおりです。

  • 企業ロゴを設定します。
  • カラー パレットを定義します。
  • フォントを設定します。

前提条件

コーポレート ロゴを Power Pages に追加する

このビデオでは、コーポレート ロゴとブランド カラーを Power Pages に追加する手順の概要を説明します。

  1. Power Pages に移動します。

  2. デザイン スタジオ内で、既存のロゴにマウスを合わせ、ポップアップが表示されたら 画像 を選択します。

    画像ボタン。

  3. メディア ライブラリから既存の画像を選択するか、新しい画像をアップロードします。

    画像のアップロード。

  4. 使用する画像を選択します (このインスタンスでは、アップロードしたコーポレート ロゴを使用します)。

ブランド カラー パレットを設定する

カラー パレットを更新して、2 つまたは 3 つの主要なブランド カラーと中間補色色を組み込むことができます。 これらの色は、Power Pages サイト全体で一貫して使用できます。

  1. デザイン スタジオ内で、スタイル設定ワークスペースに移動し、背景とフォントに使用する色を選択します。

    スタイル設定ワークスペースのカラー パレット。

  2. 変更を保存を選択します。

コーポレート ブランド フォントを設定する

  1. デザイン スタジオ内で、スタイル設定ワークスペースに移動し、下にスクロールして、ヘッダー、サブヘッダー、段落、およびボタンのフォント タイプを定義します。

    スタイル設定ワークスペース内のフォント オプション。

  2. カラー パレットに基づいて、それぞれのサイズと色を調整することもできます。 行った更新は、すぐにサイトに反映されます。

  3. 変更の保存 を選択してスタイル設定を更新します。

    • 更新したテーマはラベルが変更されます。

      テーマの変更されたラベル。

    • 最初からやり直したい場合は、いつでも 省略記号 を選択して 既定値にリセット を選択します。

      既定値にリセットします。

次の手順

次の記事に進んで、ビジネス データをページに表示するリストを作成する方法を学習します。