【コピペで使える】WordPressで～日以内の記事にNEWアイコンを出す方法

ワードプレスのオリジナルテーマを作って運用をはじめてみたけど、ビジュアルエディターを開くと実際のサイトデザインが反映されず、ビジュアルエディターの意味がない・・・そんな風にお悩みの方はこちらをお試しください。

ワードプレスにはビジュアルエディター向けのCSSテンプレートのしくみがありますので、そちらのテンプレートに実際に使うCSSをコピペして適用すればOKです。
 

①functions.phpに下記PHPコードを追加

define("NEW_PERIOD", 7);  // ～日以内の設定
function get_new_post($the_post) {
  $days = NEW_PERIOD;
  $today = date_i18n('U');
  $posted = get_the_time('U',$the_post->ID);
  $elapsed = date('U',($today - $posted)) / (60*60*24) ;
  if( $days > $elapsed ){
    return true;
  } else {
    return false;
  }
}

②テンプレートの表示箇所に下記PHPコードを追加

global $post;
if( get_new_post($post) ) {
  表示コンテンツ
}

これで完了です！全く同じではないかもしれませんが、ある程度ビジュアルが反映されていることが確認できるかと思います。