ウェブサイトのフッター

フッターは、サイトの下部にあるサイト要素です。 これは、ソーシャル アイコン、著作権情報、連絡先詳細などの重要な情報が最も検索されるエリアです。

注:デフォルトでは、サイトのフッターに「Made with Pixpa」というテキストが表示されます。このテキストをフッターから削除したい場合は、Pixpa Studioのライブチャットでお問い合わせいただくか、support@pi​​xpa.comまでメールでご連絡ください。

ここで扱われる内容:

    1. フッター
    2. フッターのレイアウト
    3. フッターロゴ
    4. フッターテキスト
    5. 著作権テキスト
    6. リンク著作権テキスト
    7. フッターの境界線
    8. 社会のアイコン
    9. トップに戻るボタン
    10. プリフッター
    11. フッターメニュー
    12. フッターの色とフォント

フッターのスタイルは、「デザイン(1)」セクションから管理できます。

デザインセクションに入ったら、フッター(2)タブをクリックします。


あるいは、スタジオの検索オプションを使用することもできます。

  • Enter フッター (1) 検索バー。
  • 関連する結果から、 デザイン – フッター (2)オプション


フッターは Web ページの最下部のセクションで、通常、著作権情報、連絡先詳細などの重要な情報が含まれています。

ここから、次のことができます。

  1. フッターを表示: スイッチを切り替えてフッターを有効または無効にします。
  2. レイアウト: 選択する フッタースタイル あなたのウェブサイトのために。
  3. 幅: Web サイトのフッターの幅を設定します。
    全幅:  フッターは横方向にスペースを残さず、利用可能な幅全体をカバーします。
    サイトの幅: で指定できます。 設計 セクション。 ここで固定幅を指定できます。 指定された固定幅に従ってフッターが表示されます。
  4. パディング - 垂直: Web サイトのフッター (vh で指定) までの垂直方向 (上下) の間隔を管理します。


フッターのレイアウト

Pixpa では、Web サイトのスタイルやニーズに合わせて複数のフッター レイアウトから選択するオプションが提供されます。

これらのレイアウトには、ソーシャル メディア リンク、連絡先情報、著作権テキスト、サイトのロゴとタイトル、追加のナビゲーション リンクなど、さまざまな要素を追加するためのオプションが含まれています。

フッターのスタイルは次のようになります。

お願い

  • フッター内のコンテンツの位置は、選択したフッター レイアウトによって異なります。


フッター ロゴは、Web サイトの下部に配置されるメイン ロゴの小さいバージョンです。フッター レイアウトのスタイル 2 では、フッター ロゴをアップロードするオプションが提供されます。

  1. ロゴ: ここからフッターのロゴをアップロードします。ロゴをアップロードしたら、ロゴの上にカーソルを置くことでロゴの切り抜きを管理することもできます。
  2. デスクトップ: デスクトップ デバイスのフッター ロゴのサイズを指定します。
  3. モバイル: モバイル デバイスのフッター ロゴのサイズを指定します。

お願い

このオプションは、フッター レイアウトのスタイル 2 が適用される場合にのみ使用できます。


  • フッター テキスト: ここから、Web サイトのフッターのフッター テキストを個別に指定できます。これには通常、連絡先情報、重要なページへのリンク、ブランド情報などが含まれます。


著作権テキスト

Web サイトのフッター領域には、Web サイトの他の部分では適切な場所が見つからない可能性のある重要な情報が含まれている場合があります。 これには多くの場合、著作権テキスト、プライバシー リンク、利用規約、アフィリエイト/パートナー サイトなどが含まれます。

  1. テキスト: ここから、Web サイトの著作権 / フッター テキストを指定します。テキストの配置、スタイル、リンク フッター テキストも管理できます。

フッター テキストをリンクする方法を参照してください。 


フッターの境界線

  1. 境界: スイッチを切り替えて、フッターの境界線を有効または無効にします。
  2. 厚み: 枠線の太さを指定します(ピクセル単位で指定)
  3. ポジション: フッターの境界線の位置を設定します。 [すべての側面]、[上と下]、[上のみ]、[下のみ]の境界線を選択できます。
  4. スタイル: フッターから好みの境界線スタイルを選択します。


社会のアイコン

  1. サイズ: フッターに表示されるソーシャル アイコンのサイズを指定します (px 単位)。
  2. 間隔: 異なるソーシャル アイコン間のスペースを設定します (vw 単位)。
  3. 色: ソーシャル メディア アイコンの色を選択します。メニューの色とブランドの色から選択できます。
    メニューの色は、 メインメニュー カテゴリー、ブランドカラーはSNSアイコンのオリジナルブランドカラーを採用。


トップに戻るボタン

ページが非常に長い場合、一番上までスクロールするのに時間がかかる場合があります。 Web サイトに [トップに戻る] ボタンを追加して、Web サイトのトップ ナビゲーションにすばやくスクロールできます。

ここから、次のことができます。

  1. ステータス: ここからウェブサイトの「トップに戻る」ボタンを有効または無効にします。
  2. スタイル: ここから「トップに戻る」要素のスタイルを設定します。 ダークとライトからお選びいただけます。
  3. ボタン: 「トップに戻る」ボタンの例。


プリフッター

  1. プレフッター: ここから、Pre-footer がアクティブであるかどうか、現在のステータスを確認します。
  2. プリフッターの管理: ここからウェブサイトのプレフッターを管理できます。
    も参照してください: Web サイトにプレフッターを追加する.


Pixpa のフッター メニューでは、ヘッダー メニューと同様に、Web サイトの下部に重要なリンクを整理して表示できます。主要なページ、ホーム、連絡先情報、概要ページなどに簡単に移動できます。

フッターのメニュー項目を作成するには、以下の手順に従います。

  • ノーザンダイバー社の ダッシュボード スタジオの(1)をクリック ウェブサイト (2) セクション。

  • 下 サイトメニュー (3)タブをクリックすると フッターメニュー (4)見出し
  • 以下を行うには、 +その他 (5)アイコンから、異なる メニュー項目 (6)ウェブサイトのフッターに追加できます。

お願い

  • 四角でマークされた項目はフッター メニュー項目です。
  • フッター メニューの表示は、選択したレイアウトによって異なります。


フッターの色とフォント

  • ノーザンダイバー社の ダッシュボード スタジオの(1)をクリック 設計 (2) セクション。

  • デザインセクションから、 色 (3)オプション

  • 一番下までスクロールすると 高度な編集 (4) オプション。クリックして。

  • ここから色を管理できます フッターの背景 (5) フッターの境界線 (6) フッターテキスト (7)と、 フッターメニューホバー (8)色。
  • 最後に、 パブリッシュ (9) ボタンをクリックして変更を保存します。


  • デザインセクションで、 フォント (3)オプション

  • 一番下までスクロールすると 高度な編集 (4) オプション。クリックして。

  • フッター(5)オプションをクリックします。

ここから、次のことができます。

  • ドロップダウンリストから フォント (1)フッター下の項目について
  • 特定します フォントの太さ (2)「標準」、「ライト」、「太字」の3つのオプションがあります。
  • 特定します 文字サイズ (3)フッターテキスト
  • サイズを設定する メニュー項目s (4) (追加されている場合) フッター内。
  • サイズを指定する デスクトップ用サイトタイトル (5)フッター内
  • サイズを指定する モバイル向けサイトタイトル (5)フッター内
  • 特定します 文字間のスペース (3)フッターテキスト


お探しのものが見つかりませんか?

Pixpaエキスパートに連絡してください。

Pixpa Studioがリニューアルされました。現在、ヘルプ記事のスクリーンショットをすべて更新中です。