
THE THOR ザ・トール 【 ページトップに戻る 】ボタンを非表示にするカスタマイズ
当ページのリンクには広告が含まれています。

THE THOR の右下にいつも表示されている【 ページトップに戻る 】ボタンを非表示にするカスタマイズです。
【ページトップに戻る】ボタンは、シンプルにこだわったサイトやスクロールの少ないサイトでは無用かもしれません。しかし非表示にする設定はありません。困っ・・・・ってはいません。
CSSで消してしまいましょう!
目次
THE THOR ザ・トール 【 ページトップに戻る 】ボタンを非表示にするカスタマイズ
CSSをコピペすれば完成です。コピペは「追加CSS」に行ってください。
操作手順
外観 → カスタマイズ → 追加CSS
外観 → カスタマイズ → 追加CSS
コピペするCSSコード
.bottomFooter__topBtn{
display:none!important;
}
以上でカスタマイズは完成です。
ポイントは!importantです。「出来るはずなのに出来ない」ときは優先順位をアップさせる!importantを付けて試してみましょう。
しっかり消えたかな?
あとがき
今回は非常にライトなカスタマイズでした。
.bottomFooter__topBtnで戻るボタンが指定出来ることがわかりましたね。消すだけでなく形や色を変えるのもこれで自由自在です。
ほんのちょっとだけ学べば多くのカスタマイズも可能に!書籍やネット情報で簡単に学ぶことが出来るHTMLとCSSは趣味としてもオススメです。
[wpap service=”with” type=”detail” id=”4797398892″ title=”1冊ですべて身につくHTML & CSSとWebデザイン入門講座”]
ではまた次のカスタマイズでお会いしましょう。お疲れさまでした。
ブログテーマ選びについて
この記事はもともと「THE THOR」で作成した過去記事ですが、現在は「SWELL」に移行してブログを運営しています。実際に両方を使った経験から、テーマ選びに迷っている方へ。
- THE THOR(ザ・トール)も今なお魅力的!
洗練されたデザインと、プラグインなしでも完結する圧倒的な多機能さは健在です。「クラシックエディターの操作感が馴染んでいる」「カチッとしたクールなサイトを作りたい」という方には、根強いファンがいる実力派テーマです。
THE THOR(ザ・トール)の詳細を見る - THE THORには最新の正統後継テーマ「GOLD BLOG」がある!
最新のブロックエディターに完全対応した正統後継テーマ「GOLD BLOG(ゴールドブログ)」も登場しています。THE THORの遺伝子である圧倒的なSEO強さやデザイン性を引き継ぎつつ、今のWordPressに最適化されているため、トール派の操作感を崩したくない方には間違いなくおすすめ。
後継テーマ「GOLD BLOG」の詳細を見る - 自由な操作性や書きやすさを重視するなら「SWELL」も最高!
興味本位で購入してあったSWELLに移行しました。簡単に美しい装飾ができ、ページの表示速度も非常に優秀です。ブログ運営の効率を上げたい、デザインに迷う時間を減らしたいという方に。さすが有料テーマで最も選ばれている大人気テーマという感じで楽しく使用しています。
圧倒的に使いやすい「SWELL」を公式サイト


コメント