投稿記事ページに「フロントページに戻る」をつけるには

俺ならこうするシリーズ

僕なら、また1からphpに追記するのが面倒なので(アップデートで消えるとアレですし)、子テーマあたりのjavascript.jsに、

(function($){
  $(function(){
    $(".navigation").after("<div class='backtotop'>何かしら文言</div>");
  });

  $('.backtotop').on("click",function(){
    $('body,html').animate({scrollTop: 0}, 800);
  });
})(jQuery);

こんなふうに追記します。位置やらをデザインする場合は、親・子テーマのstyle.css(できれば子テーマ)に、

.backtotop {
  //デザインするプロパティ
}

こんな感じでやればよいのではないかと思います。何かしらの原因でjavascript.jsが読み込まれなかった場合は表示されません。これがデメリットでしょうか。最速なのはサーバーで処理するPHPですけれども、ページの下の方に追記するわけですし多少遅くても問題ないかと思います。

今回はナビゲーションの下辺りと言うことだったので、$(“.navigation”)としていますが、どこにでも入れることが可能です。
.after()は、例えば今回の場合、.navigationのブロックの「後」に追記します。同じくして、

$("#comment-area").before("<div class='backtotop'>何かしら文言</div>");
こうすればコメントエリアの「前」、つまりafter()の時と同じ位置に入れることが可能ですが、たぶん体感はできないだろうと思いますけど、$(“#comment-area”)の指定の方が速いだろうと思います。

idは基本的にページにひとつだけで指定するので、jQueryはそっちから探すんです。class指定ながら.navigationもひとつしか無いだろうと思うので速度的にはあまり違いはないと思うんですが、こういう理由から「jQueryはidから先に探す」と覚えておけば良いと思います。
また、$(id)の子要素のclassを探す場合、$(id .class)と書きたい所ですが、$(id).find(.class)と言う指定の方が速いとか何とか。まぁ複数指定しない場合は、$(id .class)でも何ら問題ないんですけどね。

hidekichiさん　わいひらさん、ご回答をありがとうございました。

とても丁寧に書いてくださり感謝です。
・・・
でも、すみません。
私のレベルには難しくて理解できませんでした。

もっと簡単にできるかなと思っていたのです…お恥ずかしい

現在、Wordpressをカスタマイズできるように、いろいろ学習中ですが、まだ、JavaScriptとphpの学習まで進んでいなくています。

もっと簡単にできる方法があれば知りたいですが、たぶん教えてくださったことがかんたんな方なのだと思うので、今回はあきらめた方がいいのかな…と思いました。

お手数をかけさせ申し訳ありませんでした。

いつも丁寧な御対応をありがとうございました。

まぁものは試しで、#26942のスクリプトを子テーマのjavascript.jsにまんま貼っつけてみてくだい。
と、言いながら、自分で試してないので動作するかはわからないんですけどね（笑）
で、先ほど一応試してみたら案の定間違いがありました（笑）

(function($){
	$(function(){
		$(".navigation").after("<div class='backtotop'>何かしら文言</div>");

		$('.backtotop').on("click",function(){
			$('body,html').animate({scrollTop: 0}, 800);
		});
	});
})(jQuery);

これで動作します。色々閉じカッコやらを間違えてました（笑）
サンプル動作: ここから何かしらの記事を見て下さい。コメント欄の手前に「何かしらの文言」ってのが入っててクリックしたらトップへ戻ると思います。

cssは後回しでも大丈夫です。javascript.jsとありますが内容はjQueryです。これを貼っつけて画面上にどう出るか、また出たものをクリックしたらどうなるかってのは、本で勉強するよりも案外勉強になるもんですよ。

更に$(‘body,html’).animate({scrollTop: 0}, 800);の800って何だ？ちょっといじくってみようか・・・と言う好奇心が案外重要です。本に書いてあることは本で書いてあることまでしかできません。それを応用したり改造したりはプログラマーの頭の中にある動作に近づけるためです。
「それじゃないんだよ」ってスクリプトはたくさん世にあるわけですが、それを使ってちょいといじくったら、「これだよ、これ」って事になったりすることもあります。そういうのが本来の勉強だと思うんです。

hidekichiさん　わいひらさん、ご回答をありがとうございます。

お礼が遅くなり申し訳ありません。
その後もご回答いただけているとは思わず、今朝お二人のご回答を拝読いたしました。

まず、わいひらさんから教えていただいた方法で、フロントページに戻るを個別記事のコメント欄上部に挿入することができました！（嬉）

始めのわいひらさんのご回答を読んだときに、pager-post-navi.phpかpager-post-navi-thumbnail.phpにhidekichiさんが教えてくださったスクリプトを書けばいいのかな…なんて勘違いしていたのです。
それで、2回目のご回答でHTMLを書ければできる…というのを読み、「そうだったのかー！そういえばリンクを挿入って書いてあったじゃないの…」と。。。
それでHTMLでリンクを挿入したら、できたんです！！
ありがとうございました。

そしてhidekichiさんが教えてくださったスクリプトの貼り付けも試してみました。
子テーマのjavascript.jsに貼り付けアップロードしたところ、出てきました・・・『何かしら文言』という表示が、コメント欄の手前に！
これができただけでも私には嬉しかったのですが、個別記事のトップへ戻るではなく、ブログのフロントページに戻れるようにしたかったんです。私の質問が解りにくくてゴメンナサイです。

教えていただいた、blazechariot -Xdomain-も拝読しました。これから私がいろいろ勉強していこうと思っている内容がありました。まだまだ私には追い付けていないことが多いですが、理解できるようになりたいと思います。そして、hidekichiさんがおっしゃって下さっているように、スクリプトいじくったりしながら、覚えていきたいと思います。

今回も、助けていただきどうもありがとうございました。
感謝です。