記事が長かったりすると、TOPに戻るのが面倒な時もありますよね。
「ページTOPへ」ボタンを付けることにしました。
ぺたっと、張り付けるだけのシンプルで難しくないやつを。(笑)
これです～。
では、さっそく！
【フッタにTOPページに戻るボタンを作る】
①管理画面の「デザイン」⇒「カスタマイズ」⇒「フッタ」を選択します。
②出た窓をクリックします。
③クリックすると、更に大きな窓がでますのでそこに、
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(function () {
/** ページトップ処理 **/
// スクロールした場合
$(window).scroll(function() {
// スクロール位置が200を超えた場合
if ($(this).scrollTop() > 200) {
$('#pagetop').fadeIn();
} else {
// ページトップへをフェードアウト
$('#pagetop').fadeOut();
}
});
// ページトップクリック
$('#pagetop').click(function() {
// ページトップへスクロール
$('html, body').animate({
scrollTop: 0
}, 300);
return false;
});
})(jQuery);
</script>
<a id="pagetop" href="#top" class="page_top" style="display: none;">ページTOPへ ▲</a>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ふっだー -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3695164317626423"
data-ad-slot="1133225683"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
をコピペします。
こんな感じに、なりました。
④「変更を保存する」をクリックして完了！
