AFFINGER6

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


タイトル画面




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


こちらのボタンですが、



背景が薄い灰色だったので、わたし、アフィンガー(当時は AFFINGER5)を使い始めて半年以上、存在に気が付きませんでした!



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


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




AFFINGER ご購入はこちら




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



スマホサンプル画面

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

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


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



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



設定画面


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

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



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


まとめ




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



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



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








Presented By Irojiro Haraguro .Com

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