THE THOR ザ・トール HOMEボタンをトップページだけ非表示

2019-06-232021-07-06

当ページのリンクには広告が含まれています。

THE THOR の固定フッターエリアはとても便利な機能です。

スマホを利用中は画面下部にボタンがあることで片手操作が可能。設定を活用して使い勝手を良くしたいですね。

THE THOR 固定フッターエリア設定

固定フッターエリアはスマホ専用の設定です。

基本的な設定は以下より行います。

外観 → カスタマイズ → 共通エリア設定[THE] → 固定フッターエリア設定[スマホ専用]

固定フッターエリアにはユーザーが選んだ項目が最大４つとTOPへ戻るボタンが表示されます。

記事ページなどでは4項目

HOMEでは非表示

私が固定フッターエリアに設定している項目は【Home】【シェア】【メニュー】とデフォルトで設定されている【TOPへ】のボタンです。

この中の【Home】ボタンを「HOMEを閲覧しているときに非表示」になるよう設定します。

※カスタマイズは自己責任でお願いします。

トップページだけ非表示にする方法は前回行った「THE THOR ザ・トール固定フッターエリアトップページだけ非表示」と同じで、トップページだけに使われているウィジェットを利用します。ここでは【トップページ下部エリア】を利用します。

外観 → カスタマイズ → ウィジェット → トップページ下部エリア

トップページ下部エリアにカスタムHTMLのウィジェットを追加。以下のコードを挿入。

<style type="text/css">.controllerFooter__item:first-child{display:none;}</style>

完成です。

POINT上記コードは固定フッターエリアの最初の項目を非表示にするコードになります。最初の項目がHomeになるよう固定フッターエリアを設定しておいてください。

[wpap service=”with” type=”detail” id=”B06WW9LHKX” title=”HTML5 & CSS3 デザインレシピ集”]

当サイトの【Home】ボタンは自由設定リンクボタンで打ち直しています。「HOME」から「Home」に変更してアイコンも家のデザインから変更しています。

打ち直しも含めて自己満足なカスタマイズです。

この他にも固定フッターエリアのカスタマイズがあるので良かったらそちらもご覧ください。

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

Follow @karaagebow1214

よかったらシェアしてね！

ブログテーマ選びについて

この記事はもともと「THE THOR」で作成した過去記事ですが、現在は「SWELL」に移行してブログを運営しています。実際に両方を使った経験から、テーマ選びに迷っている方へ。

THE THOR（ザ・トール）も今なお魅力的！
洗練されたデザインと、プラグインなしでも完結する圧倒的な多機能さは健在です。「クラシックエディターの操作感が馴染んでいる」「カチッとしたクールなサイトを作りたい」という方には、根強いファンがいる実力派テーマです。
THE THOR（ザ・トール）の詳細を見る
THE THORには最新の正統後継テーマ「GOLD BLOG」がある！
最新のブロックエディターに完全対応した正統後継テーマ「GOLD BLOG（ゴールドブログ）」も登場しています。THE THORの遺伝子である圧倒的なSEO強さやデザイン性を引き継ぎつつ、今のWordPressに最適化されているため、トール派の操作感を崩したくない方には間違いなくおすすめ。
後継テーマ「GOLD BLOG」の詳細を見る
自由な操作性や書きやすさを重視するなら「SWELL」も最高！
興味本位で購入してあったSWELLに移行しました。簡単に美しい装飾ができ、ページの表示速度も非常に優秀です。ブログ運営の効率を上げたい、デザインに迷う時間を減らしたいという方に。さすが有料テーマで最も選ばれている大人気テーマという感じで楽しく使用しています。
圧倒的に使いやすい「SWELL」を公式サイト