WordPress | Scroll to Topプラグインのカスタマイズ!!画面の右下に表示させる方法

2015/01/05 2015/11/04

WordPressでScroll to Topプラグインを活用してスクロール時にページの先頭(トップ)に戻るボタンを設置なさっている方で、中央に表示されているボタンを右端に表示したいという方に、表示方法をご説明します。Scroll to Topのバージョンは2.1です。

Scroll to Topは大変便利で素晴らしいプラグインですが、デフォルトの状態ですとボタンがページの中央下に表示されてしまい、とってもとってもアグリーです。

このようにカスタマイズしたい場合はプラグイン内のこちらのファイルを少し修正する必要があります。

/scroll-to-top/stt.php

1.ネットワーク管理画面

2.インストール済みプラグイン

3.Scroll To Topの編集

4.scroll-to-top/stt.php

の順で進み、ファイルにアクセスして下さい。この画面になると思います。

表示位置は、以下が記述されているコードの方から変更できます。
[php]jQuery("#scroll_to_top a").css({ 'display' : 'none', 'z-index' : '9', 'position' : 'fixed',
'top' : '100%', 'width' : '$width', 'margin-top' : '-30px', 'right' : '50%', 'margin-left' : '-50px',
'height' : '20px', 'padding' : '3px 5px', 'font-size' : '14px', 'text-align' : 'center',
'padding' : '5px 0 10px 0', 'color' : '#$color', 'background-color' : '#$background_color',
'-moz-border-radius' : '5px', '-khtml-border-radius' : '5px', '-webkit-border-radius' : '5px',
'opacity' : '.8', 'text-decoration' : 'none'});[/php]
この中の
[php]'right' : '50%'[/php]
という記述を
[php]'right' : '3%'[/php]
に変更すると右寄りに変更されます。

上のコードをコピーし、バックアップをとっておく事で、数値を変更し自分なりにカスタマイズが可能です。
失敗したらコードを元に戻せば大丈夫です。

phpコードをいじることなく、デフォルト(初期状態)で右側に表示してくれないかと、アップデートを待っていましたが、一向に変更される雰囲気がなかったので強行手段に出ました。
同じ悩みでお困りの方がいらっしゃいましたら、ぜひ参考になさってください。