ワードプレスで各カテゴリーページの先頭に固定表示

ワードプレスで各カテゴリーページの先頭に固定表示

  • 2017-12-16  最終更新日:2017-12-16

ワードプレスの先頭に固定表示機能は便利で特定の記事を固定しておく場合にはとても便利です。この機能って基本的にトップページにしか反映されないのでカテゴリーページにも対応できたらと思い設置してみました。

割とプラグインで対応するようなケースが多いですが今回はcategory.phpに書き込んで完了です。


スポンサーリンク


設置方法

category.phpに以下のように記載します。

category.php

<!-- 先頭固定表示 -->
<?php if (!is_paged()) : ?>
<?php $sticky = get_option('sticky_posts');
	if(!empty($sticky)):
		$get_cat = get_the_category();
		$cat = $get_cat[0];
		$args = [
			'posts_per_page' => 1,
			'cat' => $cat->cat_ID,
			'post__in'  => get_option('sticky_posts'),
		];

		$the_query = new WP_Query( $args );
		if ( $the_query->have_posts() ) :
			while ( $the_query->have_posts() ) : $the_query->the_post();?>
			<h2><?php the_title(); ?></h2>
			<p><?php the_content(); ?></p>
			<?php endwhile;?>
		<?php endif;?>
		<?php wp_reset_postdata(); ?>
	<?php endif;?>
<?php endif;?>
<!-- カテゴリー表示 -->
<?php
$get_cat = get_the_category();
$cat = $get_cat[0];
$args = [
	'post__not_in' => get_option('sticky_posts'),
	'cat' => $cat->cat_ID,
];
	$the_query = new WP_Query( $args );
	if ( $the_query->have_posts() ) : ?>

		<?php the_archive_title( '<h2 class="page-title">', '</h2>' );
				the_archive_description( '<div class="archive-description">', '</div>' );?>
		<?php while ( $the_query->have_posts() ) : $the_query->the_post();?>
			<?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?>
			<?php the_excerpt(); ?>
	<?php endwhile;endif;?>

先頭固定ページは1件のみ取得してカテゴリーの一番上に表示します。

!is_paged()で2ページ以降は先頭固定表示しないようにします。

get_option(‘sticky_posts’)で一番最初の先頭固定表示の投稿を取得します。カテゴリーページなのでget_the_category()で現在のカテゴリーを取得、posts_per_pageで1件取得、post__inで投稿IDで表示を指定します。これで一番上に固定表示されます。

それ以下は通常のカテゴリー表示ですが’post__not_in’ => get_option(‘sticky_posts’)で先頭固定表示を取得しないようにしてあとはループして表示させれば良いですね。

参考になれば幸いです。


∞Tadashi Suyama∞

wordpress category カテゴリ 先頭固定表示
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

サイト内検索

最近の投稿

アイキャッチ
大江の郷ヴィレッジにいってきました

正月明けの3連休に大江ノ郷ヴィレッジに行ってきましたのでその感想を述べたいと思います。 * [大江ノ郷自然牧場](http://www.oenosato.com/coco_top.html) ...

13 Jan 2018

アイキャッチ
明けましておめでとうございます

明けましておめでとうございます。 本年もよろしくお願いします。 今年の初詣は比較的天候も良く人も多かった気がしますね。 昨年に引き続き勝田神社の夜中に行って参りました。大晦日深夜の初詣は昨...

05 Jan 2018

アイキャッチ
年末年始のお知らせ

今年ももう終わりですね。 当事務所は12/29〜1/4までお休みでございます。 1/5日から営業開始いたします。 よろしくお願いします。 ### 年末年始の営業時間 12/29-1...

29 Dec 2017

アイキャッチ
JPEGデータを拡大してもキレイに保存する方法

オンラインで画像を高画質化かつ拡大してくれるとても便利なサイトです。粗い画像でお困りの方は個々で解決できます。結構すごいです。何がすごいってボケボケの画像がシャープにスッキリになります。小さい画...

23 Dec 2017

アイキャッチ
ワードプレスで各カテゴリーページの先頭に固定表示

ワードプレスの先頭に固定表示機能は便利で特定の記事を固定しておく場合にはとても便利です。この機能って基本的にトップページにしか反映されないのでカテゴリーページにも対応できたらと思い設置してみまし...

16 Dec 2017

著者

ウェブエンジニアのSUYAMAのブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

フッターイメージ