全体・ヘッダー・フッター

【AFFINGER6】「トップに戻る」(TOPに戻る)ボタンの色を変える方法!

広告:ページ内にてアフィリエイト広告を利用しています。

トップに戻るボタンの色を変える方法

AFFINGER では、ディフォルトの機能で、ページを多少下にスクロールすると右下に「トップへ戻る」ための丸いボタンが表示されます。

ポイント

本記事では、

右下に表示している「トップに戻る」ボタンの色を変える方法を解説します。

読者の使い勝手が向上しますね。

おすすめ副業

\AFFINGER でオシャレサイトを作る方法は こちら をクリックしてください/

PR

右下の「トップに戻るボタン」とは

スマホサンプル画面

右下にある空色の丸いボタンです。

ボタンを押すと、画面が上にスクロールして、ページのトップに戻ります。

※ こちらの画像は、「トップに戻るボタン」の色を、ディフォルトの「灰色」から「空色」に変えています。

「トップに戻るボタン」のカスタマイズ(色の変更)方法

設定画面

WordPress の管理画面で、「外観」 → 「カスタマイズ」 → 「オプション(その他)」 → 「TOP に戻るボタン」 を選択します。

色を変える場合は、「背景色」 を変更して保存します。

項目内容
画像を選択「トップへ戻るボタン」 を別の画像に変更する場合はこちらからアップデートします。
right (px)利用しません。(空白)
bottom (px)利用しません。(空白)
背景色ディフォルトのボタンの色を変える場合は、こちらで指定します。
TOP に戻るボタンの配置を上にする利用しません。(チェックしない)
ページトップボタンを丸くするディフォルトのアイコンを丸くする場合は、チェックします。
ページトップボタンを非表示「TOP に戻るボタン」 を利用しない場合にはチェックします。
AFFINGER もっと!お役立ちテクニック

AFFINGER のお役立ちテクニックはこちら

PR

まとめ

  • AFFINGER6 では 「トップに戻るボタン」 の機能がディフォルトで設定されています
  • 「トップに戻るボタン」 については、WordPress 管理画面の設定でカスタマイズすることができます

Enjoy!トップへ戻って読み直すを繰り返す~~永久ループにチャレンジです!

おしゃれサイト
ノートパソコン

AFFINGER の利用方法などについてココナラにて「支援作業」を販売しております。

よかったらご利用くださいませ。

アフィリエイトを戦うなら「AFFINGER」

「Affingerタグ管理マネージャー4とPVモニター2のセット」では、

コードの管理、クリック数の計測など、アフィリエイトに役立つ解析機能が付いています。

「Affingerタグ管理マネージャー4とPVモニター2のセット」のご利用も是非ご検討ください。

PR
AFFINGER TAG MANAGER
PR
AFFINGER TAG MANAGER
  • サイト全体と記事ごとのアクセス推移
  • ユーザーの導線の確認
  • 人気記事の把握
  • アクセス元の把握
  • リンクや広告の効果測定(表示回数 / クリック数)
  • クリックされた記事の把握
PR

\気になったら、とりあえず見てみよう/

詳しく見る

WordPress のテーマ「AFFINGER」の情報、テクニック一覧はこちらをクリック!

PR
ブログの始め方
レンタルサーバー
WordPress
AFFINGER

ブログランキング・にほんブログ村へ  

Presented By Boon Boon Blog .Com

広告の設置・収入について

当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。

当サイトは Google アドセンスを利用し、広告により収入を得ています。

当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。

電気通信事業法改正に伴う表記