![](https://himlog.com/wp-content/uploads/2020/05/swell1.jpg)
本記事ではWordPressテーマSWELLのスマホ固定フッターの設定方法をご紹介します。
手順通り進めていってみてくださいね。
ブログ初心者さんがSWELLを購入したものの、何からカスタマイズしていったらいいのか分からないという方のために、とりあえず先に見栄えを良くして「ブログを書く」というモチベーションを保つためにSWELL設定の主要ポイントをお伝えしています!
![](https://himlog.com/wp-content/uploads/2020/04/bighimicon150-1.jpg)
超初心者さんに向けて書いているので、分からない専門用語は一切省きます。安心して読み進めてみてくださいね。
SWELL機能【スマホ固定フッター】とは
スマホで表示したときに、画面下部に固定表示されるメニューのことです。
![](https://himlog.com/wp-content/uploads/2020/05/swell1.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell1.jpg)
スマホ固定フッターメニュー(表示させたい中身)を作るには?
![](https://himlog.com/wp-content/uploads/2020/05/swell4.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell4.jpg)
この部分(スマホ固定フッターメニューの中身)を作るには
WordPressダッシュボード画面【カスタマイズ】をクリック
![](https://himlog.com/wp-content/uploads/2020/05/swell2.png)
![](https://himlog.com/wp-content/uploads/2020/05/swell2.png)
【メニュー】をクリック
![](https://himlog.com/wp-content/uploads/2020/05/swell3.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell3.jpg)
【メニューを新規作成】をクリック
![](https://himlog.com/wp-content/uploads/2020/05/swell5.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell5.jpg)
メニュー名に【スマホ固定フッターメニュー】と入力し、【固定フッター(SP)】にチェック
![](https://himlog.com/wp-content/uploads/2020/05/swell6.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell6.jpg)
「次へ」をクリックして作業を進めます。
現時点での私のスマホ固定フッターには、このように3つのメニュー【HOME】【犬関連】【テーマDL】を表示中
![](https://himlog.com/wp-content/uploads/2020/05/swell7.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell7.jpg)
項目を増やしたい場合は、【項目を追加】をクリック
![](https://himlog.com/wp-content/uploads/2020/05/swell8.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell8.jpg)
【一例】HOMEの項目を作るには?
【項目を追加】をクリック
![](https://himlog.com/wp-content/uploads/2020/05/swell10.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell10.jpg)
【カスタムリンク】をクリックし、ブログURLとリンク文字列を入力し、【メニューに追加】をクリック
![](https://himlog.com/wp-content/uploads/2020/05/swell11.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell11.jpg)
今回、私はHOMEを【カスタムリンク】で作成しましたが、ホーム画面を固定ページで編集している方は、追加項目の【固定ページ】からホームとなるページを選択してもHOMEは作成できます。
メニューに加わったHOMEを開き、表示させたいアイコン【icon-home】を概要 説明に記入(現在は、概要から説明という名称に変わっています)
![](https://himlog.com/wp-content/uploads/2020/05/swell9.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell9.jpg)
私の場合は、家のマーク【】を表示させたかったので、概要説明に icon-home と入力しました。
他には、
LINEのアイコンだったら概要説明にicon-lineと入力すれば【】
Twitterのアイコンだったら概要説明にicon-twitterと入力すれば【】
などと表示されます。
SWELLで最初から使えるアイコンについてはこちらに書かれているので、ここから選ぶと便利です。
![](https://swell-theme.com/wp-content/uploads/2019/04/swell_icons.png)
![](https://swell-theme.com/wp-content/uploads/2019/04/swell_icons.png)
![](https://himlog.com/wp-content/uploads/2020/04/bighimicon150-1.jpg)
![](https://himlog.com/wp-content/uploads/2020/04/bighimicon150-1.jpg)
![](https://himlog.com/wp-content/uploads/2020/04/bighimicon150-1.jpg)
あと少しで設定が終わりです!頑張ってください♪
スマホ用固定フッターメニューの設定
カスタマイズ画面の【サイト全体設定】をクリック
![](https://himlog.com/wp-content/uploads/2020/05/swell12.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell12.jpg)
サイト全体設定の【下部固定ボタン・メニュー】をクリック
![](https://himlog.com/wp-content/uploads/2020/05/swell13.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell13.jpg)
【参考例】私の下部ボタン・メニュー設定画面
![](https://himlog.com/wp-content/uploads/2020/05/swell16.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell16.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell14.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell14.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell15.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell15.jpg)
上記画像のような設定にすると、スマホで以下の画面が作成されます。
![](https://himlog.com/wp-content/uploads/2020/05/swell1.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell1.jpg)
番外編【固定フッターではなく、右下固定ボタンを作りたい】
![](https://himlog.com/wp-content/uploads/2020/05/swell18.jpg)
![](https://himlog.com/wp-content/uploads/2020/05/swell18.jpg)
右下固定ボタンとは、このような画面右下に出てくるページトップに戻るボタンと目次ボタンのこと
![](https://himlog.com/wp-content/uploads/2020/05/swell17.png)
![](https://himlog.com/wp-content/uploads/2020/05/swell17.png)
- ページトップボタンを表示させたいとき・・・ページトップボタンの表示設定を【表示する】に変えて、特殊メニューボタンの表示設定の【ページトップボタンを表示する】のチェックを外す。
- 目次ボタンを表示させたいとき・・・目次ボタンの表示設定を【表示する】に変えて、特殊メニューボタンの表示設定の【目次メニューを表示する】のチェックを外す。
![](https://himlog.com/wp-content/uploads/2020/04/bighimicon150-2.jpg)
![](https://himlog.com/wp-content/uploads/2020/04/bighimicon150-2.jpg)
![](https://himlog.com/wp-content/uploads/2020/04/bighimicon150-2.jpg)
私は、スマホ固定フッター内に【ページトップボタン】と【目次メニュー】があった方がスッキリするので、この設定にはしませんでした。
以上、WordPressテーマSWELLのスマホ固定フッター設定方法でした!
その他のSWELL設定関連記事
![](https://himlog.com/wp-content/uploads/2020/03/swellwordpress-300x157.jpg)
![](https://himlog.com/wp-content/uploads/2020/03/swellwordpress-300x157.jpg)
@himlog_com