【WordPress】カテゴリーやタグのスラッグをクラス名として追加する方法

2013.10.24 2018.02.25WordPress
【WordPress】カテゴリーやタグのスラッグをクラス名として追加する方法

カテゴリーやタグのスラッグを取得し、クラス名として要素に追加する方法です。一覧表示した記事をカテゴリーごとに色分けしたりするときに便利です。

カテゴリーのスラッグをクラス名として追加する方法

<div class="post_cat">
<?php $cat = get_the_category(); $cat = $cat[0]; { echo '<span class="' . $cat->category_nicename . '" />';  } ?>
<?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name; } ?>
</span></div>

上記コードはページ上では以下のようになります。

<div class="post_cat"><span class="カテゴリースラッグ" />カテゴリー名</span></div>

カテゴリー名にカテゴリーページへのリンクを設置したい場合は、

<?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name; } ?>

の部分を

<?php the_category(','); ?>

に変更してください。

タグのスラッグをクラス名として追加する方法

タグのスラッグを出力するには、下記のように記述します。

<?php
$flag = get_the_tags();
foreach ( (array)$flag as $tag ) {
echo $tag -> slug;
}
?>

タグスラッグをクラス名として追加する場合は、下記のようになります。

<div class="<?php
$flag = get_the_tags();
foreach ( $flag as $tag ) {
echo $tag -> slug.' flags';
}
?>"></div>

【2018/02/25追記】

タグを出力するソースのforeach文を修正しました。


WordPressテーマ『HIGHLAND』公開しました

WordPressテーマ『HIGHLAND』を公開しました

このブログで紹介しているカスタマイズを、これでもかと盛り込んだ高性能なテーマになっております。商用・非商用問わず無料、是非ご利用ください。

ブログ集客メール講座登録フォーム

「売上が不安定で、月末になるといつも不安……」
「営業が苦手で新規開拓がうまくいかない……」
「Webが苦手でブログをうまく活用できない……」

個人起業家・フリーランスのあなた、こんなお悩みはありませんか?

実は僕も、独立して最初に直面したのが「集客」の壁でした。

しかし今は、1年の大半をベトナムで過ごしながら、フリーランスのWebディベロッパーとして生計を立てています。

僕がなぜ、時間・場所・人間関係に縛られずに暮らせるようになったのか?

その答えは「ブログ」にあります。

今なら、「初心者の人が成果を上げるため」のブログ集客ノウハウを、メール講座限定でお伝えします。

興味のある人は、今すぐ以下から登録【無料】を!

ブログ初心者が生き残るためのブログ集客メール講座

柴田竹思

柴田竹思

日本&ベトナム二拠点生活中のWeb系フリーランス。最近は育児6:仕事4のバランスで生活してます。これでもかってくらい奥さんの尻に敷かれてる座布団系男子です。

プロフィールはこちら