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

【jQuery】初心者が勉強するjQuery

jQueryとは Web制作に携わっている人であれば一度は必ず耳にしているであろうjQuery。 私の中ではjQueryというのはなんとなくJSの難しい版だと勝手に解釈していました。 今回、改めてjQ …

no image

オリジナルテーマを作る〜固定ページを作る〜

第9回目のWordPressのサイト作り 今回が最終回になります。 前回の記事までの記事はこちらから WordPress オリジナルテーマを作る〜ヘッダー〜 WordPress オリジナルテーマを作る …

no image

CSS応用編 vol.02

CSSで吹き出しをつくる 前回こちらの記事で三角形をを作る方法をみていきました。 今日はその三角形を使って吹き出しを作っていく方法をみていきます。 ベタ塗りの吹き出しをつくる 吹き出しは四角形と三角形 …

no image

【jQuery】attr、data、書き換え

attr 今日はまずはじめにhtmlの属性の値を取得したり変更したりすることができるアトリビュートメソッド(attr)を見ていきます。 属性を取得するときは $(“要素”).a …

no image

a要素の中にブロック要素

今日結構衝撃的なことを知りました。 それは a要素の中にdivやpなどのブロック要素を入れても良いということ。 今日までは a要素はインライン要素で divはブロック要素だから 塊全体にリンクを貼りた …