今回はTHE THOR（ザ・トール）スマホ用固定フッターのカスタマイズ方法についてお伝えします。
スマホ用固定フッター以外のTHE THORのカスタマイズ方法は、こちらにまとめてありますので参考になさってください。
初心者さん・THE THORのTOPページをカスタマイズをしたいけど、ここの名前ってなに？・THE THORのTOPページは、なにからカスタマイズすればいい？ Chi[…]
THE THORのスマホ用固定フッターとは
THE THORは、スマホ専用のフッターを表示することができます。スマホは1ページが長くなってしまうので、ページの途中で移動したいときに固定フッターがあると便利です。
スマホ用固定フッターで表示できるのは、ホームボタン・SNSシェアボタン・メニューボタン・電話ボタン・自由設定ボタンの中から、最大4つまで。
TOPへボタンは必ず表示されるようになっていますので、最大5つのボタンが表示されます。
THE THORスマホ用固定フッターカスタマイズの手順
- STEP1サンプルを見てカスタマイズする内容を決める
- STEP2それぞれのカスタマイズをする１．スマホ用固定フッターの表示・非表示
２．スマホ用固定フッターのボタン
当ブログでは、THE THORを購入したけれど「使い方がわからない…」という方のためにカスタマイズサポート・カスタマイズ代行をお受けしています。
これからブログをはじめる方のお悩み相談や、WordPressの相談・設定代行もお気軽にお問い合わせください。
THE THORスマホ用固定フッターのカスタマイズサンプル
表示非表示シャドウボーダーなし
| 項目1 | 項目2 | 項目3 | 項目4 | 項目5 |
| | | |
|
【カスタマイズ１】スマホ用固定フッターボタンの表示・非表示・区切り線
THE THORスマホ用固定フッターのボタンは表示・非表示を選択できます。
固定フッターエリア表示固定フッターエリア非表示
スマホ用固定フッターの表示を選択すると、区切り線をシャドウ・ボーダー・なしの3種類から選ぶことができます。
シャドウボーダーなし
- WordPressのダッシュボード
- 外観
- カスタマイズ
共通エリア設定＞固定フッターエリア（スマホ専用）設定＞スマホ用固定フッターの設定
選択して をクリック
【カスタマイズ２】スマホ用固定フッターボタン
THE THORスマホ用固定フッターで表示を選択すると、ボタンの種類を選べるようになります。
ボタンを表示する位置は決まっているので、それぞれの項目ごとに何を表示するのかカスタマイズをしていきます。
| 項目1 | 項目2 | 項目3 | 項目4 | 項目5 |
| | | |
|
【カスタマイズ２-１】項目１ボタン
THE THORスマホ用固定フッターエリア項目1ボタンは、左端のボタンです。ホーム・自由リンクボタン・表示しないの３つから選ぶことができます。
選べるボタン
・ホーム：トップページが表示
・自由リンクボタン
・表示しない
- WordPressのダッシュボード
- 外観
- カスタマイズ
共通エリア設定＞固定フッターエリア（スマホ専用）設定＞スマホ用固定フッターの設定項目1の設定
選択して をクリック
自由設定リンクボタン：ボタンに表示するタイトル・リンクさせたいURL・アイコン名を入力
ボタン非表示：自由リンクボタンを選択して空欄にする
【カスタマイズ２-２】項目２ボタン
THE THORスマホ用固定フッターエリア項目2ボタンは、左から2番目のボタンです。SNSシェアボタン・自由リンクボタン・ボタンを表示しないの３つから選ぶことができます。
選べるボタン
・SNSシェアボタン
・自由リンクボタン
・ボタンを表示しない
シェアボタンは、タップするとSNSのリンクボタンがが表示され、それぞれのSNSボタンをタップすると運営者のSNSにつながる仕組みになっています。
（自分のSNSにつなげるにはカスタマイザーから、SNS登録をする必要があります）
- WordPressのダッシュボード
- 外観
- カスタマイズ
共通エリア設定＞固定フッターエリア（スマホ専用）設定＞スマホ用固定フッターの設定項目2の設定
選択して をクリック
シェアボタン：表示させたいSNSにクリックをしてチェック
ボタン非表示：自由リンクボタンを選択して空欄にする
【カスタマイズ２-３】項目3ボタン
THE THORスマホ用固定フッターエリア項目3ボタンは、中央のボタンです。メニューボタン・自由リンクボタン・ボタンを表示しないの３つから選ぶことができます。
選べるボタン
・メニューボタン
・自由リンクボタン
・ボタンを表示しない
メニューボタンは、タップするとメニューが表示されるようになっています。
- WordPressのダッシュボード
- 外観
- カスタマイズ
共通エリア設定＞固定フッターエリア（スマホ専用）設定＞スマホ用固定フッターの設定項目3の設定
選択して をクリック
ボタン非表示：自由リンクボタンを選択して空欄にする
【項目２-４】項目4ボタン
THE THORスマホ用固定フッターエリア項目4ボタンは、右から２番目のボタンです。電話ボタン・自由リンクボタン・ボタンを表示しないの３つから選ぶことができます。
選べるボタン
・電話ボタン
・自由リンクボタン
・ボタンを表示しない
電話ボタンは、タップすると電話番号が表示され電話を簡単にかけられるようになっています。
- WordPressのダッシュボード
- 外観
- カスタマイズ
共通エリア設定＞固定フッターエリア（スマホ専用）設定＞スマホ用固定フッターの設定項目4の設定
選択して をクリック
電話ボタン：電話番号を入力
ボタン非表示：自由リンクボタンを選択して空欄にする
以上でスマホ用固定フッターエリアのカスタマイズは完了です。
おつかれさまでした。
以上、【THE THORスマホ用固定フッターのカスタマイズ】初心者向けに画像付きで解説でした。
THE THORのデモサイトの中には、スマホ用固定フッターが設定されていないデザインがありますので、ぜひ参考になさってください。
わからないことや、ご相談は、お気軽にお声がけください。
お読みいただき、ありがとうございました。
Chiharu