【コピペで使える】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) ) {
表示コンテンツ
}
これで完了です！全く同じではないかもしれませんが、ある程度ビジュアルが反映されていることが確認できるかと思います。
投稿者プロフィール
- 代表者
-
東海大学工学部を卒業後、東芝情報システム株式会社（旧グループ会社含む）に入社。半導体（SRAM）の開発チームにて、Unix環境でのPerlを用いた業務自動化プログラムの開発など、エンジニアとしての確かな基礎と緻密な論理的思考力を培う。
その後、東証上場企業である株式会社ザッパラスへ。Web・モバイルの最前線で、数多くのユーザーに愛されるコンテンツ制作業務に従事。ここで「ユーザー目線に立った魅力的なWebコンテンツの企画・制作ノウハウ」を深く学ぶ。
開発・システム側から見た「堅牢なロジック」と、制作・ユーザー側から見た「伝わるコンテンツ」の双方を実務で経験した強みを活かし、フリーランスとして独立。
現在は、ウイングアーク1st株式会社の「データのじかん」運営チームに参画するなど、大手・中小企業のWeb運営・開発パートナーとして活動。完全在宅でありながら、固定IPの完備や厳格なセキュリティポリシーの遵守を徹底し、企業のインフラや本番環境を安全に支える「チームの一員」として高い信頼を得ています。
見た目の美しさはもちろんのこと、内部の構造やWordPressのカスタマイズ、運用・セキュリティまでを見据えた、技術的バックボーンのある高品質なWebサイト・システム制作をワンストップでご提供しています。
