🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

解決済

2回答

900閲覧

WordPressで特定カテゴリーに属する記事一覧を年度ごとに綺麗に分けて1ページに表示させたい

shinozaki

総合スコア13

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

1クリップ

投稿2019/11/20 10:26

現在WordPressのテンプレートでタイトル通りのことをやりたく作成をしております。
具体的なイメージとしては下記のようなページテンプレートを作りたいです。

カテゴリー:hogehoge

2019年度
xx月xx日 記事タイトル
xx月xx日 記事タイトル

2018年度
xx月xx日 記事タイトル
xx月xx日 記事タイトル

2017年度
xx月xx日 記事タイトル
xx月xx日 記事タイトル

それに対して現在作成したコードは下記の通りです。

(page-hogehoge-no-matome.php)

WordPress

1<?php 2query_posts('category_name=hogehoge&posts_per_page=-1'); 3if (have_posts()) : while (have_posts()) : the_post(); 4$post_year = get_the_date('Y'); 5?> 6 <?php if ($post_year == '2020' ): ?> 7 <h3><span class="Title">2020年度</span></h3> 8 <div class="News"><a href="<?php the_permalink();?>"><p class="day bold"><?php the_time('Y.m.d');?><p class="title"><?php the_title();?></p></a></div> 9 <?php elseif ($post_year == '2019' ): ?> 10 <h3 class="mtL"><span class="Title">2019年度</span></h3> 11 <div class="News"><a href="<?php the_permalink();?>"><p class="day bold"><?php the_time('Y.m.d');?><p class="title"><?php the_title();?></p></a></div> 12 <?php elseif ($post_year == '2018' ): ?> 13 <h3 class="mtL"><span class="Title">2018年度</span></h3> 14 <div class="News"><a href="<?php the_permalink();?>"><p class="day bold"><?php the_time('Y.m.d');?><p class="title"><?php the_title();?></p></a></div> 15 <?php endif; ?> 16<?php endwhile; endif; ?> 17<?php wp_reset_query(); ?>

上記コードだと当たり前ですが以下のようになってしまいます。

2019年度
xx月xx日 記事タイトル

2019年度
xx月xx日 記事タイトル

2018年度
xx月xx日 記事タイトル

2018年度
xx月xx日 記事タイトル

年度については一回表示されるだけにしたいのですが、上手い方法が何かあればご教授いただけると助かります。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

8-0_nyan5

2019/11/20 12:10 編集

【 WordPress】年別アンカーリンク、年別見出しと個別記事の一覧表示の両立(ループ処理の複数表示)https://teratail.com/questions/173517 この質問が参考になりませんか?
shinozaki

2019/11/21 01:52

ありがとうございます。大変参考になりました。 コード改変をすることで無事実装することができました!
guest

回答2

0

自己解決

8-0_nyan5様に教えていただいた別の質問をベースに下記の通り改変して実装ができました。
教えていただきありがとうございました!

WordPress

1<section class="h3_box"> 2 <?php 3 $args = array( 4 'category_name' => 'advertisement', 5 'posts_per_page' => -1, 6 'order' => 'DESC' 7 ); 8 9 $the_query = new WP_Query($args); 10 if($the_query->have_posts()): 11 $post_year = false; 12 13 while ($the_query->have_posts()): $the_query->the_post(); 14 15 if ( $post_year != get_post_time('Y') ) { 16 echo '<h2>'.get_post_time('Y').'年の記事見出し</h2>'; 17 } ;?> 18 <div class="News"><a href="<?php the_permalink();?>"><p class="day bold"><?php the_time('Y.m.d');?><p class="title"><?php the_title();?></p></a></div> 19 20 <?php 21 $post_year = get_post_time('Y'); 22 endwhile; 23 wp_reset_postdata(); 24 endif; 25 ?> 26</section>

投稿2019/11/21 01:53

shinozaki

総合スコア13

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

基本的には現在出力している投稿の値と、1つ前の投稿の値とを比較して、異なったら年を出力するという流れがよいかと思います。
エラーチェックまではしていないですが、既存のコードを流用するとこんな感じですかね。

PHP

1<?php 2query_posts('category_name=hogehoge&posts_per_page=-1'); 3$p = null; 4if (have_posts()) : while (have_posts()) : the_post(); 5$post_year = get_the_date('Y'); 6?> 7 <?php if (!$p || $p != $post_year): ?> 8 <?php 9 $c = ''; 10 if ($post_year != 2020) { 11 $c = 'mtL'; 12 } 13 ?> 14 <h3 class="<?php echo $c; ?>"><span class="Title"><?php echo $post_year; ?>年度</span></h3> 15 <?php endif; ?> 16 <div class="News"><a href="<?php the_permalink();?>"><p class="day bold"><?php the_time('Y.m.d');?><p class="title"><?php the_title();?></p></a></div> 17 <?php 18 $p = $post_year; 19 ?> 20<?php endwhile; endif; ?> 21<?php wp_reset_query(); ?> 22コード

投稿2019/11/21 01:25

tabuu

総合スコア2471

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

shinozaki

2019/11/21 04:13

ご回答いただきありがとうございます! ちょうどtabuuさんがご回答頂いていた時間に別件のスレッドを見ており気がつかず申し訳ありません…。 仰って頂いている通りの考え方で実装をすることが出来ました。ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問