HOME技術WordPressWordPressで記事が属するカテゴリをすべて表示する

WordPressで記事が属するカテゴリをすべて表示する

アーカイブページなどで、記事一覧を表示している時に、その記事が属するカテゴリをすべて表示する方法です。

コード

<ul>
<?php while (have_posts()) : the_post(); ?>
<li><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a>
<?php
$str=”;
foreach((get_the_category()) as $cat){
$str.='<span class=”category”>’.$cat->cat_name. ‘</span> ‘;
}
echo $str
?>
<span><?php the_excerpt(); ?></span></li>
<?php endwhile; else: ?>
<li>記事はありません。
<span>現在、記事は投稿されていません。</span></li>
<?php endif; ?>
</ul>

解説

<?php while (have_posts()) : the_post(); ?>
<li><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a>

この部分は記事タイトルをリスト表示するループ部分です。
この下に、カテゴリを表示するコードを書きます。

<?php
$str=”;
foreach((get_the_category()) as $cat){
$str.='<span class=”category”>’.$cat->cat_name. ‘</span> ‘;
}
echo $str
?>

$strにその記事が属するすべてのカテゴリ名を格納します。その際、カテゴリを<span>タグで囲っています。クラス名「category」を割り当てているので、CSSで見た目を調整することができます。

関連記事

WordPressで突然漢字変換ができなくなる

WordPress 4.4.2を使っていて、記事を書いているときに、急にひらがなしか入力できなくなり、漢字変換してくれなくなりました。 wp-multibyte-patchが影響している可能性があり、…続きを読む

WordPressのテーマを自作する(WordPressに認識させる)

WordPressには予め提供されているテーマがあります。このテーマを利用して子テーマをつくることで簡単にテーマをつくることができますが、今回は1から自分でつくる方法について記します。 自作テーマの保…続きを読む

WordPressのタクソノミーとは

WordPressにおけるタクソノミーとは、分類のことです。標準で用意されているタクソノミーには「カテゴリ」「タグ」があります。 カテゴリとタグ カテゴリとは、投稿記事が属するテーマを設定するもので、…続きを読む

WordPressで入れておきたいプラグイン9選

WordPressでサイトを作るときにさらに使いやすくするプラグインの紹介です。WordPressはそのまま使っていると記事投稿画面が少し使いづらかったり、制限があったりしますが、そういった不便を解消…続きを読む

WordPressをプラグインを使わずバックアップする

WordPressの投稿した記事やアップロードしたファイル、テーマファイルなどをバックアップする方法です。今回はバックアップ用のプラグインを使わず手動で行います。 バックアップする 記事のバックアップ…続きを読む

WordPressにプラグインを追加する

プラグイン配布サイトなどから、プラグインをダウンロードします。 今回は、TinyMCE Advancedという記事投稿画面のツールバーを拡張するプラグインで説明します。 まず、WORDPRESS.OR…続きを読む

WordPressで構築したサイトをLAN内で閲覧しようとするとリンクが切れる

WordPressをあるPCにインストールして、そのサイトを同じLAN内の別のPCからIPアドレスを指定して閲覧しようとすると、リンクが切れて表示されてしまう場合の対処法です。 例えば、「http:/…続きを読む

WordPressにファイルをアップロードできないときの対処法

WordPressを使っていて、メディアを新規追加しようとすると、「アップロードしたファイルをwp-content/uploads/***に移動できませんでした」と表示されて、アップロードできませんで…続きを読む

WordPressでページがあるのにエラー表示される

WordPressでページが存在しているにもかかわらず、そのページへのリンクをクリックすると、「存在しない」と言われてしまう場合には、「設定」→「パーマリンク設定」より「基本」を選んで「変更を保存」を…続きを読む

WordPressでテーマを自作するときに必要なphpファイル

最低限必要なファイル WordPressでウェブサイトを表示するために最低限必要なファイルは、index.phpとstyle.cssです。この2つのファイルがあればWordPressを動作させることが…続きを読む