THOR(ザ・トール)でスマホ用の固定フッターエリアを設定する方法こんにちは、テンテンです。THOR(ザ・トール)でスマホ用の固定フッターエリアを設定する方法について解説をします。THOR(ザ・トール)では、スマホ専用のフッターエリアを設置することが可能です。PCの方ではこのように表示されないので、予め把握しておきましょう。当ブログでも、スマホ専用のフッターを設置した方が見やすいと判断し、設置しております。さいごにスマホ専用の固定フッターエリアを設定する手順についてでは早速、固定フッターエリアのメニューを設置していきましょう。1「外観」→「カスタマイズ」→「共通エリア設定」→「固定フッターエリア設定[スマホ用]」に進みます。赤枠で囲っているところは、必ず設定するべき箇所で、青枠で囲っているところは必要に応じて設定してください。今回は、スマホ用の固定フッターエリアを設置することを目的としていますので、「スマホ用固定フッター表示する選択」を「表示」に選択をしましょう。次に、「スマホ用固定フッターの区切り装飾の指定」についてです。結論からお伝えすると、かなりわかにくい装飾なので、デフォルトのままでも全く問題ありません。細かくデザインしたい方もいらっしゃるかと思いますので、念の為、どこの部分のデザインを変更できるか画像で記しておきます。画像にしてもわかりにくいのですが、ちょうど赤矢印の箇所で、フッターの区切り線があります。この装飾を変更することができます。デフォルトと見比べると割とわかりやすいです。ちなみに、当ブログでは、「シャドウ」を指定しております。THOR(ザ・トール)では、スマホ専用の固定フッターメニューの内容をカスタマイズすることができます。デフォルトの状態だと、「電話番号」が固定フッターのメニューに加わっています。個人でブログをやっている方のほとんどが、「電話番号」は設置したくないと思うでしょう。ここでは、固定フッターメニューのカスタマイズについて解説していきます。当ブログでは、上記画像のように、固定フッターのメニューをカスタマイズしています。「お問い合わせ」に変更しています。カスタマイズは、人によってそれぞれ好みが違うので、自分の好きな感じでカスタマイズにしていきましょう。固定フッターメニューのカスタマイズについても、「固定フッターエリア設定[スマホ用]」から設定を行うことができます。上記、画像は「ホーム」から「お問い合わせ」に変更したカスタマイズ例です。必要な設定は赤枠で囲っており、任意での設定は青枠で囲っています。1メニューをカスタマイズする際は、「表示する項目を選択」で「自由設定リンクボタン」を選択する2「自由設定リンクボタン」を選択し、「タイトル」、「リンク先URL]、「アイコンを入力」を空欄にしておくと非表示の設定になる1については、すでに画像で解説していますので、2について具体的に解説していきます。仮に「電話番号」を非表示にしたいとします。下記画像のように、「自由設定リンクボタン」のエリアをすべて空欄にすることで非表示にすることができます。次に「シェアボタン」についてです。「シェアボタン」を設置する際は、必ずどのSNSを表示させるか選択するようにしましょう。Google+は、すでにサービスが終了していますので、非表示としています。最後に「メニュー」についてです。メニューについては、デフォルトのままにしています。ちなみに、「メニュー」のアイコンだけ変更してみようと「アイコン入力」でアイコンを指定しましたが、変更することはできませんでした。よって「アイコン」のみの変更はできない仕様なのかと思います。これで、スマホ専用の固定フッターエリアのメニューカスタマイズは完了です。最後に忘れずに「公開」をしましょう。さいごにいかがだったでしょうか?特別に難しいことはなかったと思います。THOR(ザ・トール)の細かい設定などについて、初心者の方にもわかりやすいように画像を使って解説しています。THORの使い方の記事はたくさん用意していますので、よかったらご覧ください!最後まで読んでいただき、ありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。運営者情報Tenten当ブログでは、ブログ運営していく中でインプットしたことをアウトプットメモしています。THORの使い方、SEOなどについて発信中。ブログ初心者の方にもわかりやすく画像付きで解説しています。俺のブログ運営.お問い合わせシェアメニューTOPへ。