【期間限定 1/7(水) まで】エックスサーバー最大30%OFFキャンペーン実施中!

【SWELL非公式マニュアル】フッターの設定

この記事では、SWELLのフッター周りの設定方法を説明していきます。

フッター周りの設定
  • カスタマイザーでのデザインカスタマイズ方法
  • フッターメニューの設定方法
  • フッター周りで使用できるウィジェット
目次

\ 初心者におすすめ /

以下の3つを利用すると
最短最速でブログ収益化ができます

【レンタルサーバー】

エックスサーバー

【WordPressテーマ】

SWELL

【SEOツール】

ラッコキーワード

上記のリンクを選択すると、各サービスの詳しい記事に移動します。

テーマカスタマイザーで設定できること

SWELLでは、デザインに関する設定はほぼ全てテーマカスタマイザーから行うことができます。

カスタマイザーの基本的な使用方法については、以下の記事を確認してください。

フッター周りのカスタマイズ項目は、「外観」>「カスタマイズ」>「フッター」にあります。

フッター設定
SWELL公式サイト

フッターのカラー設定

フッター」メニューの中に以下のようにカラーを設定する項目があります。

フッターカラー設定
SWELL公式サイト

こちらでフッターの背景色と文字色を設定してください。

コピーライトの設定

コピーライトとは、フッターの一番下にある以下のオレンジ線で囲んだ部分のことです。

コピーライト
SWELL公式サイト

この「©︎~」の部分の表示を好きにカスタマイズ可能です。

コピーライトの設定
SWELL公式サイト

その他の設定

フッターのその他の設定
SWELL公式サイト

以下の2種類を設定できます。

  1. 「フッター」と「フッター直前ウィジェット」の間の余白をなくす
  2. フッターに「SNSアイコンリスト」を表示するかどうか

「SNSアイコンリスト」とは、以下の部分のことで、「カスタマイズ」>「SNS情報」メニューの中でURLが設定されているサービスページへのリンクが表示されます。

フッターのSNSアイコンリストの例
SWELL公式サイト

スマホの画面下部に表示される「固定フッターメニュー」について

スマホの画面下部に表示される「固定フッターメニュー」に関する設定も、同じくカスタマイザーの「フッター設定」からカスタマイズできます。

固定フッターメニューに関しては、以下の記事を確認してください。

フッターメニューの設置方法

次に、コピーライトの上部に設置することのできる「フッターメニュー」の設定について説明します。

フッターメニューとは、以下のオレンジの線枠で囲まれた部分のことです。

フッターメニュー
SWELL公式サイト

このフッターメニューは、「外観」>「メニュー」から設定することができます。

フッターメニュー設定ガイド
SWELL公式サイト

降ったメニューは以下の流れで設定できます。

STEP

管理画面の「メニュー」をクリックすると、上記のメニュー編集画面に入ることができます。

STEP

フッターメニューを初めて作成する場合は、「新しいメニューを作成しましょう」のリンクをクリックして新規メニューを作成してください。

STEP

フッターメニューに追加したいページを選択します

STEP

現在設定されている項目(マウスで掴んでドラッグすると並び替えできます)

STEP

作成したメニューを「フッター」として使用するため、チェックを入れてください。

STEP

「メニューを保存」ボタンを押すと、設定が保存されます。

ここではざっくりと説明しましたが、カスタムメニューの基本的な作成方法については、グローバルナビの設定方法にてもう少し細かく丁寧に説明しているので、参考にしてみてください。

フッター周りで使用できるウィジェットについて

SWELLでは、フッター周りのウィジェットは大まかにいうと2種類、細かくいうと5種類のウィジェットがあります。

例えば、当公式サイトでは、以下の部分がウィジェットエリアとなっており、

フッターに表示されるウィジェット
SWELL公式サイト
  1. フッター直前に表示されるウィジェットエリア
  2. フッター内部に表示されるウィジェットエリア
    1. PC表示では最大3列表示となり、3つのウィジェットを用意
    2. SP表示では、専用に1つのウィジェットを用意(設定がなければ自動でPCと同じものが反映されます)

といった構成になっています。

管理画面の「外観」>「ウィジェット」から、該当するウィジェットエリアに項目を配置してご利用ください。

ウィジェット一覧
SWELL公式サイト

フッター(PC)ウィジェットの1〜3について

中身にウィジェットアイテムを配置しているものだけが有効となり、有効となっているウィジェットの数に応じて、フッターのウィジェットエリアのカラム数が自動で変化します。

フッター(PC)1」だけにウィジェットアイテムを配置しても、「フッター(PC)3」だけに配置しても、どちらも1カラムで中央に表示され、左だけ、右だけに偏って表示されるといったことはありません。

フッター(スマホ)ウィジェットについて

この設定エリアの中にウィジェットアイテムが配置されている場合、「フッター(PC)の1〜3」はスマホでは表示されず、「フッター(スマホ)」ウィジェットのみが表示されます。

これにより、PCでのフッターウィジェットがそのまま表示されてしまい、スマホのフッターが長くなりすぎる、ということを防ぐことができます。

「フッター(スマホ)」の中身が空の場合は、「フッター(PC)の1〜3」が順に縦並びで表示されます。

SWELL公式マニュアル:フッター周りの設定方法

この記事を書いた「ブルー」です。
プログラマー×ブロガー
へなちょこシステムエンジニアが副業ブログで月収10万円を達成。エックスサーバー、SWELL、ラッコキーワードを使った稼げるブログを作る方法を解説します。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次