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

tasan

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

ワードプレスにはビジュアルエディター向けの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) ) {
  表示コンテンツ
}

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

Follow me!

投稿者プロフィール

tasan

最新の投稿

カテゴリー: コンテンツ、PHP／MySQLサンプルコード集、Webアプリケーション開発、HTML／CSSサンプルコード集、WordPress

【コピペで使える】WordPressのビジュアルエディターにデザインを適用する方法

ウイングアーク１ｓｔ株式会社様の情報メディア「データのじかん」のサイトリニューアルに協力させていただきました。

PAGE TOP