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

WordPressをローカル環境にインストールする

「外部に公開するつもりはないけれど、WordPressで自分用にコンピュータ内にブログをつくりたい」「WordPressで外部に公開する前にローカルで試したい」というような欲求のために、WordPre…続きを読む

WordPressのスラッグとは

WordPressにおけるスラッグとは、カテゴリや投稿記事に数字ではなく、指定した文字列を使うことができるようにするものです。 スラッグには全角を使うこともできますが、全角にした場合には、実際のURL…続きを読む

WordPressの投稿タイプとは

WordPressでは、記事を投稿する際に、「投稿」タイプ、「固定」タイプ、「カスタム」タイプの3つのうちから選択します。 このタイプのことを「投稿タイプ」と呼んでいます。 投稿タイプは乱暴に言うと、…続きを読む

WordPressを更新する

WordPressのダッシュボード画面で、WordPressの更新通知が表示されることがあります。今回はWordPressの更新方法の紹介です。 1.更新前にバックアップをとる WordPressを更…続きを読む

WordPressでメディアをアップロードしようとするとHTTPエラーが表示される

WordPressでメディア(画像)をアップロードしようとしても、「HTTPエラー」と表示されてアップロードできなくなりました。 WordPressのバージョンをアップした際に起こったので、新しいバー…続きを読む

WordPressでウィジェットを自作のテーマで表示する

WordPressで自作のテーマを作った場合、外部のウィジェットを反映させることができなくなります。外部のウィジェットを反映させることができるようにするには、functions.phpに以下の一文を追…続きを読む

WordPressで画像をアップロードできなくなった場合の対処法

WordPressを使っていて、記事に画像を配置したい場合には、記事投稿画面で画像をドラッグ&ドロップすると、アップロードできます。 しかし、たまに「アップロード中にエラーが発生しました。後ほど再度お…続きを読む

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

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