個別に開いた記事の各項目の表示設定について

わいひらさん、こんばんは。

早速ありがとうございます。
しかし私がよく理解していない為か、うまくいきません。
状況は下記の通りです。

(1)
FFFTPで、小テーマフォルダの中（以前、自分で作ったstyle.cssと同じ階層）に…

150302Simplicity1-5-0-single.php
150302Simplicity1-5-0-entry-body.php

…というファイルを作ってアップしました。

(2)
ダッシュボード→外観→テーマの編集で両方のphpの欄を見ましたが、何故か全くの空白でした。

(3)
そこで、メモ帳に保存してあったそれぞれのコードをそれぞれの欄にコピーして「ファイルを更新」ボタンを押しました。

(4)
それぞれの欄内にコードが表示される状態にはなりました。

(5)
それからsingle.phpの…

<?php
if ( is_post_navi_visible() ) {//「前の記事」「次の記事」を表示するか
if ( is_post_navi_type_default() ) {//「前の記事」「次の記事」ナビタイプはデフォルトか
get_template_part(‘post-navi’); //デフォルトナビのテンプレート
} else {//「前の記事」「次の記事」ナビタイプはサムネイルか
get_template_part(‘post-navi-thumbnail’); //サムネイルナビのテンプレート
}
}
?>

…の部分をカットして、関連記事のコードより上にペースト、「ファイルを更新」ボタンを押しましたが、Web上ではなんら変化がありませんでした。

このような状況ですが、改善すべき手順等をお教え頂ければ助かります。
たびたび申し訳ありませんが、何とぞお願い致しますm(__)m

俺ならこうするシリーズ（笑）

$(".navigation").clone().prependTo('#the-content');

子テーマjavascript.jsに上記を書く。
ページの読み込みタイミングによってはパッと出ないかもしれないので、ページ読み込みのどのタイミングで表示させるかが問題だけれど、おおよそ、

$(function(){
// 上記は $(document).ready.(function(){ … })と同意
//DOM読み込んで解析完了後に表示
})

か、

$(window).load.(function(){
//ページの読み込みが終わってから
//画像やら何やら読み込みが終わってから表示
})

とか、あるいは
$(function(){
setTimeout(function(){
…
},1000); //DOM解析完了1秒後に表示
})

とかと方法はいろいろ考えられます。ナビをclone()しているので本体がないと表示できないことがある場合があります。ページの表示速度が速い場合は $(function(){…}) で問題ないと思います。
またあわせて、CSSも考慮する必要があるかも知れません(文字のサイズとか)。これはわいひらさんが解説してくれた方法でも同じだろうと思います。

同じくして、位置を変えたい場合は、
$(".navigation").clone().remove().prependTo('挿入したい親セレクタ');
で元の位置から消して新しい親セレクタの先頭に.navigationを挿入することが可能です。

prependToは指定した親セレクタの先頭に挿入します。親セレクタの最後尾に挿入したい時はappendToやらいろいろアイデアが必要です。

なんか毎回投稿時に間違えてますが(滝汗

$(window).load.(function(){ ☓
$(window).load(function(){　◯

hidekichiさん、わいひらさん、ご返信ありがとうございます。

>僕も、hidekichiさんの方法の方が良いような気がします。

hidekichiさんがものすごく丁寧に説明して下さっている事はわかるのですが、私がそれを更に上回る初心者で理解力不足の為、今回はわいひらさんのやり方でやってみたらできました！

諸事情でパーマリンクを変えておりますが、一番上で貼ったリンクと同じページです。
http://yuueki-mueki.com/2045problem-1/

このページのように、『←　→　』の案内を、本文の上と下の両方に表示することに成功しました！

hidekichiさん、わいひらさん、本当にありがとうございました。
初心者からなかなか脱する事ができない自分ですが、今度とも何とぞよろしくお願い致します。
以上、お礼とご報告でした。