『LION MEDIA』を使ってカテゴリーを色分けしよう!

WordPressの無料テーマ『LION MEDIA』を使うと、カテゴリー別にイメージカラーを設定できるのをご存知ですか?

 

もうひとつのテーマ『LION BLOG』にはこの機能はありません。

LION MEDIA』だけの機能です。

 

カテゴリー別にイメージカラーを設定することで、視覚的にも印象づけることができます。

設定はとても簡単なので使ってみましょう!

 

『LION BLOG』にはどんなカスタマイズ項目があるのって方はこちらから。

『LION BLOG』カスタマイズの使い方【項目一覧】

『LION MEDIA』ってなぁに? どんな機能があるのって方はこちらをご覧ください。

『LION MEDIA』はWordPress初心者にオススメのテーマ!

『LION MEDIA』カスタマイズの使い方【基本と設定一覧】初心者向け

カテゴリーの管理画面を開く

 

カテゴリーの設定は、

WordPressのダッシュボード 投稿 > カテゴリー からです。

『LION MEDIA』有効化 カテゴリー

 

カテゴリー画面の、説明ボックスの下に「イメージカラー」を設定するところがあります。(赤枠)

 

選べる色は30色 + ユーザーカラー5色

 

設定されているイメージカラーは、全部で30色。プラス、ユーザーカラーとして自由に設定できる色が5色あります。

カテゴリーカラーの一覧

『LION MEDIA』カテゴリーカラー一覧

 

 

ユーザーカラーの設定は、外観 > カスタマイズ > デザインスキン から行えます。

ここで設定をしておくと、カテゴリーのイメージカラーに反映されます。

ユーザー定義カラー

 

設定する方法は2通り

 

新規カテゴリーを使いするとき、もしくは、カテゴリーの編集を行うときに設定することができます。

新規カテゴリー設定時

ダッシュボードから「カテゴリー」管理画面を開いたら、新規登録ができるようになっています。

新規カテゴリー

 

名前」には新規登録するカテゴリー名、「スラッグ」は半角小文字の英数字とハイフンを入力します。

(例)

名前:LION MEDIA

スラッグ:lion-media

 

親カテゴリー」は、カテゴリーに階層を持たせたいときに使用します。

例えば、「WordPress」というカテゴリーがあって、これから登録する「LION MEDIA」はWordPressのテーマなので、「WordPress」というカテゴリーに属させたい。

このとき、「親カテゴリー」に「WordPress」を選んでおくと、「LION MEDIA」は「WordPress」の子カテゴリーとなります。

カテゴリーの親子関係 イメージ

カテゴリー 親子関係

 

「イメージカラー」の「下記より選択してください」をクリックするとカラー一覧が出てきます。その中から好きな色を選ぶことができます。

カテゴリーイメージカラー

 

最後に忘れず「新規カテゴリーを追加」ボタンをクリックしてくださいね。追加すると、左側のカテゴリー一覧に追加されます。

 

カテゴリーを編集する

編集したいカテゴリーにカーソルを合わせると、メニューが表示されます。その中の「編集」をクリックします。

カテゴリー編集メニュー

 

「カテゴリー編集」画面が表示されるので、イメージカラーの項目で色を設定します。

カテゴリー編集画面

 

最後に忘れず「更新」ボタンを押してください。「カテゴリーを更新しました。」と表示されます。

カテゴリー更新済み

 

イメージカラー設定後

 

カテゴリーのイメージカラー設定後はこのように変わります。

TOPページのイメージ

TOPページ カテゴリーカラー

 

『LION MEDIA』のカスタマイズ > 基本機能設定 > カテゴリTOP説明文 を「有効」に設定している場合は、カテゴリーアーカイブページにも反映されます。

カテゴリーアーカイブページ

カテゴリーアーカイブページ

 

『LION BLOG』にはどんなカスタマイズ項目があるのって方はこちらから。

『LION BLOG』カスタマイズの使い方【項目一覧】

『LION MEDIA』ってなぁに? どんな機能があるのって方はこちらをご覧ください。

『LION MEDIA』はWordPress初心者にオススメのテーマ!

『LION MEDIA』カスタマイズの使い方【基本と設定一覧】初心者向け

広告