THE THOR ザ・トール【 TOPに戻る】ボタンを使いやすく

2019-09-032020-05-16

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

当サイトではワードプレスの有料テーマ THE THOR を使用しています。

今回は THE THOR に標準で設定されている【 TOPに戻る】ボタンをプチカスタマイズして使いやすくします。

このカスタマイズで出来ること

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

通常のトップに戻るボタンは右下に四角いボタンで表示されています。それを以下のように変更します。

いたって普通な感じ

スマホとの一体感が凄い

はい、自己満足です。

カスタマイズには追加cssにコードを追加します。

操作手順
外観 → カスタマイズ → 追加css

追加するコードは以下の通り。

/*フッタトップに戻るボタン*/
.bottomFooter__topBtn {
    width: 100%;
}

これだけで完了です。

追加する前に実働しているのが見たい！という人はこちらをご覧ください。
※リンク先のカスタマイズは変更している場合があります。

上記サイトも THE THOR を使用しています。

この記事のカスタマイズは当サイトでも採用していますが、固定フッターを使用しているためスマホでは表示されません。PC閲覧時のみ表示されています。残念ながらPCのときはあまりインパクトがありません。参考サイトはスマホでも表示されているので是非ご覧ください。

固定フッターを使用していない人には見た目も、使い勝手も大きく変わるおすすめのカスタマイズです。

あわせて読みたい

THE THOR ザ・トールサイドメニューのCLOSEボタンをもっと使いやすくサイドメニューのCLOSEボタンをもっと使いやすくするために位置を変更しました。オススメのカスタマイズ。

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

Follow @karaagebow1214

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

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

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

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