Stinger plus 2 トップへ戻るボタンの追加

上へ戻るボタンの表示方法

ワードプレスのテーマ「Stinger plus 2」にて、サイトを下までスクロールした時に「上へ戻るボタン」が無いことに気づきました。
今はどんなサイトでも「上へ戻るボタン」があるので、当サイトもつけたくなりました。

「STINGER 8」の時と同じように背景と同色で見えていないだけかと思い、マウスで右下をはじめあちこち探しても見つかりません。「STINGER PLUS 2」の親テーマcss.phpファイルを確認してもそれらしいコードはありません。

試してみる

「STINGER 8」のfooter.phpファイルに上へ戻るボタンのソースを見つけました。

上へ戻るボタンのソース

<div id="page-top"><a href="#wrapper" class="fa fa-angle-up"></a></div>

試しに［外観＞テーマファイルエディター］より「STINGER PLUS 2」のTheme Footer (footer.php)にコピーして貼り付けると、上へ戻るボタンが現れました。

36行目から38行目に以下内容をコピーしました。

<!-- ページトップへ戻る -->
<div id="page-top"><a href="#wrapper" class="fa fa-angle-up"></a></div>
<!-- ページトップへ戻る　終わり -->

sevence

テーマを編集して、失敗するとせっかく制作したサイトの画面が真っ白になる場合があります。
当方では編集することについては責任を負えません。自己判断でお願い申し上げます。自信が無い場合は編集するのをやめましょう。