【SWELL】フッターの設定を初心者向けに簡単に解説

SWELL を導入後は使い方がまだわからない部分も多いですよね。SWELL導入後でも、運用を開始した後でもできる、SWELLのフッターの設定について解説します。

SWELL のフッター部分

SWELLテーマを使って作ったサイトのフッター部分のサンプルを紹介します。

シンプルなフッター（SWELL 標準仕様）

ページの下の方にあるフッターエリアに、フッター用のロゴや、メニュー、コピーライトを配置しています。

３列フッター（SWELL 標準仕様）

SWELL標準の機能で、横に２列もしくは３列に分けてフッターを作ることもできます。

お店のホームページなどで店舗情報や地図を表示するときに便利ですね。

フッター設定方法

実際のフッターの設定方法です。

■ フッターの全体設定

フッター部分の全体設定を行います。

WordPress の管理画面から「外観」→「カスタマイズ」→「フッター」を選択します。

■ フッターメニューの作成

フッター部分のメニューを作成します。

WordPress の管理画面から「外観」→「メニュー」を選択します。

フッターメニューを作成します。作成方法はグローバルナビ（ヘッダーメニュー）を作る場合と同様です。

フッターメニューを作成することで、フッターに自動的にメニューを追加します。

■ コンテンツ部分（１列）を作成する

フッターのコンテンツ部分を作成します。横に分けずに１列で作る場合です。

フッターのコンテンツ部分はサイトにとって必須ではありませんが、ロゴや、お店のホームページであればお店情報や地図を表示するとお役立ち情報になりますね。

WordPress の管理画面から「外観」→「ウィジェット」を選択します。

※ウィジェットの設定は「ライブプレビューで管理」画面のほうがわかりやすいですね。

「フッター１（PC）」だけを使うことで、３列に分かれず画面全体を使った１列のフッターコンテンツになります。

ただし、ウィジェットだとカテゴリーや検索は並べられても文章や画像を並べにくくいまいち大変です。そこで、凝ったデザインにしたい場合はブログパーツを使うと便利です。

WordPress の管理画面から「ブログパーツ」を選択し、ブログパーツを新規作成します。

WordPress の管理画面から「ブログパーツ」を選択し、ブログパーツ一覧を表示します。

WordPress の管理画面から「外観」→「ウィジェット」を選択します。

ブログパーツで作ったコンテンツをフッターに反映することで、より凝ったデザインが可能になりますね。

■ コンテンツ部分（２列・３列）を作成する

フッターのコンテンツ部分を作成します。２列または３列で作る場合です。

WordPress の管理画面から「外観」→「ウィジェット」を選択します。

「フッター（PC）２」、「フッター（PC）３」に配置することで２列・３列に分けたフッターを作成することができます。

スマホ用固定フッター

SWELLには「スマホ用固定フッター」というスマホで表示されるオシャレな機能があります。

ホーム（トップページ）へのリンクや、検索ボタンを置くことができてユーザーの利用利便性があがりますね。

設定するためには、WordPress の管理画面から「外観」→「メニュー」を選択します。

固定フッター（SP）メニューを作成します。作成方法はグローバルナビ（ヘッダーメニュー）を作る場合と同様です。

固定フッター（SP）メニューを作成することで、スマホでサイトを見た場合、固定フッターが自動的に表示されます。特定のページ（トップページ）などへのリンクボタンを設置する場合はメニューに項目を追加します。

「カスタムリンク」などでURLとボタン名を追加します。説明欄にアイコンのショートコードを記載することで表示するアイコンを指定します。

主なアイコンのショートコード

なお、SWELLではリンク以外の特別な動きをするメニュー項目が別途用意されており、使うことが可能です。

特別の動きをするメニューは以下の４種類あります。

設定するためには、WordPress の管理画面から「外観」→「カスタマイズ」→「サイト全体設定」→「下部固定ボタン・メニュー」を選択します。

まとめ：フッターの設定（導入後に最初にやること）

本記事では、SWELL のフッターの設定を解説しました。

おしゃれなサイトを作るコツを知りたい方は以下の記事を参照してください。

素敵なサイトを作ってくださいね！