WordPressでサムネイル付きの前後の投稿を追加するのでR



WordPressでは前の投稿と後の投稿を、その投稿の下に出すテーマもあるのでR。

しかし、

サムネイル付きでない場合もあるのでR。

そこで、

サムネイル付きの前後の投稿を、single.phpやcontent-single.phpに追加したいのでR。

そのために、

ここと、ここの方の記事が参考になったのでR。

この方々のソースを参考に、

<?php
        $prevpost = get_previous_post(); 
        $nextpost = get_next_post();
        if( $prevpost or $nextpost ){
    ?>
        <?php
        if ( $prevpost ) {
            echo '<dl class="alignleft"><dt>prevous</dt><dd><a href="' . get_permalink($prevpost->ID) . '"><span class="thumb">' . get_the_post_thumbnail($prevpost->ID, array(200,150)) . '</span><div style="font-size: 1.0em"><span class="title" style="color:#FFFFFF">' . get_the_title($prevpost->ID) . '</span></div></a></dd></dl>';
        } else {
            echo '<div class="alignleft nopost"><a href="' . home_url() . '">home</a></div>';
        }
        if ( $nextpost ) {
            echo '<dl class="alignright"><dt>next</dt><dd><a href="' . get_permalink($nextpost->ID) . '"><span class="thumb">' . get_the_post_thumbnail($nextpost->ID, array(200,150)) . '</span><div style="font-size: 1.0em"><span class="title" style="color:#FFFFFF">' . get_the_title($nextpost->ID) . '</span></div></a></dd></dl>';
        } else { 
            echo '<div class="alignright nopost"><a href="' . home_url() . '">home</a></div>';
        }
        ?>
    <?php } ?>

を挿入すると、できたのでR。

ここでは、font-sizeを変えると、previousとnextの投稿タイトルの文字サイズが変わり、color:#….を変えると、投稿タイトルの文字色が変わるのでR。





月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』
WordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』
年間920円(税抜)からの格安ドメイン取得サービス─ムームードメイン─


この記事をシェアできます。