投稿の前後へのリンク挿入

Theme

選んだテーマに、投稿の前後へのリンクがない場合の対処方法です。

テーマのsingle.phpへのphpソースの挿入

以下のコードは、テーマのフォルダにある、single.phpの記述部で、</main><!–#main –>のある場所の直前に挿入するdivタグprev-pos2とPHPコードです。previous_postは直前の投稿、next_postは直後の投稿です。

<div class="prev-post2">
<?php previous_post_link(); ?></div>
<div class="next-post2">
<?php next_post_link(); ?></div>

	</main><!-- #main -->

追加CSSで次への効果ない場合

この項は、追加CSSの内容を変更した結果、下記のPHPにしなくても、上記のままでもOKでした。追記

テーマに寄っては、追加CSSに下記のように、次へのリンクが右側にならない場合は、single.phpに登録するコードに下記のように記述したら、右に表示する様になりました。(青字部分です)

<div class="prev-post2">
<?php previous_post_link(); ?></div>
<div align="right">
<?php next_post_link(); ?></div>

通常は下記の、追加CSSへの記述で良いかと思います・・・

追加CSSファイルに下記の記述を追加

.next-post2 {text-align:right;}
タイトルとURLをコピーしました