WordPressで戻るボタン

2014年7月24日2020年2月19日

毎日少しずつWordPressをいじってます。

今回は３日掛かりで戻るボタンを付けてみた。

スクロールして記事を読んでいくと自動で出現し、クリックするとヘッダーまで戻ります。スクロールで戻っていくと一定の場所で消えるようにしてあります。
色々なサイトで調べながら設置したのですが、はっきり言って仕組みから良くわかっていません。

とりあえず
javascriptを利用していて、WordPressに最初から組み込まれているjQueryなるライブラリを使用している。jQueryはジョンさんが開発した物で、複雑になりがちなコードが必要なjavascriptを書く事なしに簡素なコードでjavascriptが使えるようになる。
ここまでは何となく解ったのですが・・・・。いかんせんたまに更新があるJAVAが何かすら良くわかっていない私には難しすぎる(>_<)

とりあえず私のブログで見た目で機能しているのは、画像をクリックした時のライトボックスとこの戻るボタンです。背後では解析のプラグインとかも動いてますが、ソースを見ないとわかんないみたい。

これの設置になんで３日もかかったんよ！って話なんですが、

$(function(){
$('#page-top’).fadeIn('slow’);
});

このコードをどこに書くのか解りませんでした（爆

テキストエディタでjsファイル作って書いてルート上にアップしてみたり、functionだしfunction.phpに書いてみたり（結果ログイン画面消失・・・）フッターに書いたりヘッダーに書いたり、かなりド素人まるだしです（笑

結果的にはindex.phpの一番下の<?php get_footer(); ?>の上に「$(function()」を「jQuery(function ($)」に変えて書く事で動き出しました。それこそコレはヘッダーの上の「<?php wp_head(); ?>」周辺に書いてもオッケーだったのでしょうか。このコードでjQueryを呼び出してるんだと解釈したのですが。$がライブラリの呼び出しに使用すると思うのですが、なぜにjQueryを直で指名しないと動かなかったのか・・・。こりゃJavaから知っとかないと無理くさいな。

まぁ、動いてるから現状は良いか・・・。

て油断してたらトラックバックのURLがはみでてますやん！！