WordPress Popular Postsプラグインで1週間以内の新着記事にだけ特殊な装飾をする方法

WordPress | 2016.11.27

今回はWordPress Popular Postsプラグインで1週間以内の新着記事にだけ特殊な装飾をする方法をご紹介したいと思います。

設定方法は、以下記述をfunction.phpに記述してください。

/*** 1週間以内の新着記事にnewクラスを追加 ***/
function my_custom_single_popular_post( $post_html, $p, $instance ){

    $oneWeekDay = date("Y/m/d",strtotime("-1 week"));
    $postDay = date( 'Y/m/d', strtotime($p->date) );
    $output;

    if(strtotime($oneWeekDay) <= strtotime($postDay)){
      $output = str_replace('<li>', '<li class="new">', $post_html);
    }else{
      $output = $post_html;
    }

    return $output;
}
add_filter( 'wpp_post', 'my_custom_single_popular_post', 10, 3 );

/*** 1週間以内の新着記事にnewクラスを追加 ***/

function my_custom_single_popular_post( $post_html, $p, $instance ){

$oneWeekDay = date("Y/m/d",strtotime("-1 week"));

$postDay = date( 'Y/m/d', strtotime($p->date) );

$output;

if(strtotime($oneWeekDay) <= strtotime($postDay)){

$output = str_replace('<li>', '<li class="new">', $post_html);

}else{

$output = $post_html;

}

return $output;

}

add_filter( 'wpp_post', 'my_custom_single_popular_post', 10, 3 );

「my_custom_single_popular_post」はWordPress Popular Postsプラグインで使用できるフックの一つで、出力記事の情報を取得することができます。
この中で各記事の投稿日を取得して、１週間以内であれば、「li」タグに「new」classを付与するようにしています。

あとは、newクラスだけに特定のスタイルをcssに設定すれば、新着記事にだけ特殊な装飾をすることができます。