AFFINGER5

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





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

こちらのボタンですが、

背景が薄い灰色だったので、わたし、AFFINGER5 を使い始めて半年以上、存在に気が付きませんでした(笑)


……思わず自分で JavaScript で作るところだったよ(笑)


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



AFFINGER5 ご購入はこちら



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



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

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


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


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



WordPress の管理画面で、[外観] → [カスタマイズ] → [オプションカラー] → [TOP に戻るボタン] を選択します。

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


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

まとめ



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


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








Presented By Irojiro Haraguro .Com

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