Webデザイナーを目指す人のブログ

Webサイト作成時に勉強したことの備忘録

Wordpress サイト構築

WordPress classにカテゴリーのスラッグを指定する

投稿日:

                                                                                                                                 

お知らせ一覧などで、カテゴリー名を表示するときに、カテゴリーごとに背景色を変えたいときがあります。
そのときにclass名にカテゴリーのスラッグを指定する方法があればいいなと思い探してみたところ、
下記のサイトにやり方が書いてありました。
WordPressで記事が属するカテゴリーのスラッグを取得してクラス名としてつける方法

まず、get_the_category();でカテゴリー情報を取得
その後、取得した配列から必要な情報を変数に入れます。
取得した情報の一覧はこちらから
その後、echoで変数を呼び出します。

<?php
$cat = get_the_category();
$cat_name = $cat[0]->cat_name; //カテゴリー名
$cat_slug  = $cat[0]->category_nicename; //スラッグ
?>
<p class="<?php echo $cat_slug ?>"><?php echo $cat_name; ?></p>
term_id カテゴリーID
name カテゴリー名
slug カテゴリーのスラッグ
term_group カテゴリーのグループ
term_taxonomy_id カテゴリーのタクソノミーID
taxonomy タクソノミー名’category’
description カテゴリーの説明
parent 親カテゴリーのID
count カテゴリーに登録されている投稿の数
object_id オブジェクト ID
cat_ID カテゴリーID
category_count カテゴリーに登録されている投稿の数
category_description カテゴリーの説明
cat_name カテゴリー名
category_nicename カテゴリースラッグ名
category_parent 親カテゴリーのID

-Wordpress, サイト構築

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

【Javascript】変数や条件分岐について

変数とは 変数とはデータにつけるラベルのことです。 ラベル名は自分で決めることができます。 たとえば「こんちには!」は”x”というラベルにするときは var x; x = &q …

no image

【Javascript】関数

関数 とうとうやって来ました−!関数のお時間です。 さて、そもそも関数が何者なのか。 昔学校で習った関数といえば x=2yの場合において y=5だったらxの値はいくらか? みたいなやつでした。 こんな …

no image

【Javascript】真偽値・switch構文

今日も苦手なJSについて調べたことをまとめていきます。 真偽値 if文みたいな比較演算子を使わなくても値自体で真偽値を判定ことができるようです。 データ型に応じて真になる条件と偽になる条件が違うので紹 …

no image

CSS基礎編 vol.6

ベンダープレフィックス CSS3で用意されているプロパティはブラウザによっては実験的に使われているものという認識でサポートされていない場合があります。そのため、Chromeでは反映されるけどSafar …

no image

bootstrap vol.04

bootstrapの機能を使う 今回がbootstrapのまとめのラストになります。 今回はタブの切り替えやカルーセルスライダーの実装の仕方について見ていきます。 タブの切替をする ul要素にclas …