【Wordpressテーマ作成】カテゴリーページの作成

2021-7-23

環境

Wordpress 5.7.1

カテゴリーページの作成

category-*.phpまたは全てのカテゴリーページを変更する場合にはcategory.phpを編集する

ID	Slug
11	news

の場合には


category-11.php
or
category-news.php

category-news.phpには

<?php get_header(); ?>

<main>
    <h1><?php single_cat_title(); ?></h1>

    <?php if(have_posts()): ?>
        <?php while(have_posts()):the_post(); ?>
        
        <h2><a href="<?php the_permalink(); ?>">
            <?php the_title(); ?>
        </a></h2>
        <time datetime="<?php the_time('Y-m-d'); ?>">
            <?php the_time('Y.m.d'); ?>
        </time>
        <?php the_excerpt(); ?>
        
        <?php endwhile; ?>
    <?php endif; ?>
  
    <?php previous_posts_link('<'); ?>
    <?php next_posts_link('>'); ?>

</main>

<?php get_footer(); ?>

カテゴリーページのタイトルを表示する

投稿のカテゴリー名を拾ってきて表示させる方法です

<h2><?php single_cat_title(); ?></h2>

記事からカテゴリーページに戻るボタン

<button class="goto-category">
    <a href="<?php echo get_category_link(get_the_category()[0]->cat_ID);　?>">一覧に戻る<a>
</button>

have_posts()のIf文の中にかくと動くはず

トップページなどからカテゴリーページに飛ぶボタン

カテゴリーのslugを使う

<button class="goto-category">
    <a href="<?php echo get_category_link(get_category_by_slug('category-s-slug') -> term_id);?>">カテゴリーページ<a>
</button>

category-s-slugにカテゴリーのSlugを入れる

カテゴリー名を使う

<button class="goto-category">
    <a href="<?php echo get_category_link(get_cat_ID('category-s-name') -> term_id);?>">カテゴリーページ<a>
</button>

category-s-nameにカテゴリーの名前を入れる

Mekogma