記事の詳細
WordPressの固定ページにショートコードでカテゴリー記事の一覧を表示して指定期間内の記事タイトルに文字列を追加する方法
プログラムの初歩的なミスで一時間ほど唸っていました、網干です。
PHPで変数に代入した数値を使って計算を行った際に、正常に計算されないバグに1時間ほど悩んでいました…。
途中で文字列を返す関数を挟んでいたので、戻り値を受け取った変数をキャストしてあげる必要があるのか?
または、そもそも関数の使い方を間違えているのか??
等々、いろいろと考えつつテストプログラムを組んで確認をしましたが解決せず…。
万策尽きたと、プログラムを隅から隅まで眺めてようやく気付きました。
「あ、変数名が間違ってる…」
放心しました。
……さて、今回は以前紹介した「WordPressの固定ページにショートコードでカテゴリー記事の一覧を表示する方法」のちょっとしたアップデート版の紹介をします。
内容としては非常に単純です。
ある期間内に投稿された記事には「NEW」の文字を加える処理を追加して、カテゴリー記事の一覧を表示します。
今回のブログの見出しはコチラです!
カテゴリー記事の一覧で投稿から7日未満の新着記事には「NEW」の文字列を加える
前回の記事を参考にしてプログラムを組んでいきます。
参考記事は下記になります。
functions.phpに下記のコードを記述します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
<?php // 一覧記事取得関数 -------------------------------------------------------------------------------- // "num" = 表示記事数, "cat" = カテゴリ番号 // 呼び出し元での指定も可能 -> [getCategoryArticle num="x" cat="y"] function getCatItems($atts, $content = null) { extract(shortcode_atts(array( "num" => '2', "cat" => '12' ), $atts)); // 処理中のpost変数をoldpost変数に退避 global $post; $oldpost = $post; // カテゴリーの記事データ取得 $myposts = get_posts('numberposts='.$num.'&order=DESC&orderby=post_date&category='.$cat); $newDispDays = 7 * 24 * 60 * 60; // 「New」を表示する日数(公開日から7日間) $today = date_i18n('U'); // 本日の日付の秒数 if($myposts) { // 記事がある場合↓ $retHtml = '<div>'; // 取得した記事の個数分繰り返す foreach($myposts as $post) : // 区切りの線を入れる $retHtml .= '<hr size="3" color="#000000">'; // 記事オブジェクトの整形 setup_postdata($post); // サムネイルの有無チェック if ( has_post_thumbnail() ) { // サムネイルがある場合↓ $retHtml .= '<p>' . get_the_post_thumbnail($page->ID, 'thumbnail') . '</p>'; } else { // サムネイルがない場合↓※何も表示しない $retHtml .= ''; } // 投稿年月日を取得 $year = get_the_time('Y'); // 年 $month = get_the_time('n'); // 月 $day = get_the_time('j'); // 日 $retHtml .= '<span>この記事は' . $year . '年' . $month . '月' . $day . '日に投稿されました</span>'; // 投稿日の秒数を取得 $entryDay = get_the_time('U'); // 経過日数を取得 $elapsedDays = $today - $entryDay; // タイトル設定(リンクも設定する) $retHtml.= '<h4 class="title">'; // 7日経過していない? if( $newDispDays > $elapsedDays ){ $retHtml.= '<span style="color:red">NEW </span>'; } $retHtml.= '<a href="' . get_permalink() . '">' . the_title("","",false) . '</a>'; $retHtml.= '</h4>'; // 本文を抜粋して取得 $getString = get_the_excerpt(); $retHtml.= '<div class="content">' . $getString . '</div>'; endforeach; $retHtml.= '</div>'; } else { // 記事がない場合↓ $retHtml='<p>記事がありません。</p>'; } // oldpost変数をpost変数に戻す $post = $oldpost; return $retHtml; } // 呼び出しの指定 add_shortcode("getCategoryArticle", "getCatItems"); ?> |
上記のコードを使用して一覧を表示すると、投稿してから7日間未満の記事のタイトルには赤文字の「NEW」が追加されます。
しかし、記事によってはなかなか更新されないカテゴリーの記事もあると思います。
その場合、もう少し新着情報の期間を長くしたいですね。
なので、もう少しカスタマイズして、パラメータを指定することで「NEW」をつける期間を変更できるようにしましょう。
カテゴリー記事の一覧で指定した期間未満の新着記事には「NEW」の文字列を加える
functions.phpに下記のコードを記述します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 |
<?php // 一覧記事取得関数 -------------------------------------------------------------------------------- // "num" = 表示記事数, "cat" = カテゴリ番号, "day" = NEWマークを付ける期間 // 呼び出し元での指定も可能 -> [getCategoryArticle num="x" cat="y" day="z"] function getCatItems($atts, $content = null) { extract(shortcode_atts(array( "num" => '2', "cat" => '12', "day" => '7' ), $atts)); // 処理中のpost変数をoldpost変数に退避 global $post; $oldpost = $post; // カテゴリーの記事データ取得 $myposts = get_posts('numberposts='.$num.'&order=DESC&orderby=post_date&category='.$cat); $newDispDays = $day * 24 * 60 * 60; // 「New」を表示する日数の秒数 $today = date_i18n('U'); // 本日の日付の秒数 if($myposts) { // 記事がある場合↓ $retHtml = '<div>'; // 取得した記事の個数分繰り返す foreach($myposts as $post) : // 区切りの線を入れる $retHtml .= '<hr size="3" color="#000000">'; // 記事オブジェクトの整形 setup_postdata($post); // サムネイルの有無チェック if ( has_post_thumbnail() ) { // サムネイルがある場合↓ $retHtml .= '<p>' . get_the_post_thumbnail($page->ID, 'thumbnail') . '</p>'; } else { // サムネイルがない場合↓※何も表示しない $retHtml .= ''; } // 投稿年月日を取得 $year = get_the_time('Y'); // 年 $month = get_the_time('n'); // 月 $day = get_the_time('j'); // 日 $retHtml .= '<span>この記事は' . $year . '年' . $month . '月' . $day . '日に投稿されました</span>'; // 投稿日の秒数を取得 $entryDay = get_the_time('U'); // 経過日数を取得 $elapsedDays = $today - $entryDay; // タイトル設定(リンクも設定する) $retHtml.= '<h4 class="title">'; // 指定した日数を日経過していない? if( $newDispDays > $elapsedDays ){ $retHtml.= '<span style="color:red">NEW </span>'; } $retHtml.= '<a href="' . get_permalink() . '">' . the_title("","",false) . '</a>'; $retHtml.= '</h4>'; // 本文を抜粋して取得 $getString = get_the_excerpt(); $retHtml.= '<div class="content">' . $getString . '</div>'; endforeach; $retHtml.= '</div>'; } else { // 記事がない場合↓ $retHtml='<p>記事がありません。</p>'; } // oldpost変数をpost変数に戻す $post = $oldpost; return $retHtml; } // 呼び出しの指定 add_shortcode("getCategoryArticle", "getCatItems"); ?> |
呼び出しは下記のコードで行います。
1 |
[getCategoryArticle cat="2" num="12" day="365"] |
これで、呼び出し元で指定した日数未満の期間に投稿された記事には「NEW」の文字がつくようになります。
最後に
いかがでしたか?
今回は非常に単純なプログラムの追加でしたが、プログラムの改良は小さい修正/追加を何度も何度も繰り返して行われることが多いです。
小さい改良を重ねることでプログラムの質は良くなり、同時にプログラマーも成長していきます。
プログラマーは頭を抱えることが多い職種ですが、毎日が勉強になっていて非常に楽しいです。
修正や改良や追加を行うたびにコードを見直すことで、自身の成長が実感できるのはこの職種の特徴だと思います。
この記事の最初の方でプログラムの愚痴を語りましたが、愚痴を語ることも楽しかったりします。
本当にプログラムは憎めないヤツです。
今回紹介したプログラムの参考にさせていただいたサイト様は下記になります。
http://agn.jp/blog/?p=1596
ではまた!
コメント
この記事へのトラックバックはありません。
この記事へのコメントはありません。