Diver（ダイバー）のカテゴリーカラー設定。細かいところまで気が利いた外観作り

ワードプレスのテーマDiver（ダイバー）ではカテゴリーごとに色を変えることができます。

カテゴリーに色があると内部リンクや記事一覧などでカテゴリーの帯が表示された時、外観の見栄えがグッと良くなる効果が！

こういう細かいところまで手が届くとこだわりのあるブログに仕上がりやる気もアップです。

クルミ

カテゴリーカラーを設定すると華やかになりました。

カテゴリーカラーを決めると良い事あるかも!?

カテゴリーカラーがあると、視覚的に同じカテゴリーが分かりやすく、サイトの見栄えも良くなり、記事も探しやすいです。

訪れたユーザーも関連のある記事としてついでに記事を読んでもらえる可能性が上がります。

カテゴリーカラーの設定

カテゴリーカラーの設定は外観カスタマイズカテゴリー設定に進み、カテゴリー設定ページから設定できます。

初期設定カラー

カテゴリーカラーの初期設定はグレーになっています。

これをカテゴリーごとに色を設定して終了です。

カテゴリーを設定していないともちろんカテゴリーは表示されません。

Diverカスタマイズ

カテゴリー設定Diver（ダイバー）のカテゴリーは便利。設定方法とカテゴリーを使ったカスタマイズ

Diver（ダイバー）ではカテゴリーというページが別に作られていて、スラッグやカテゴリーの説明などを設定できます。 ブログを書いているとごちゃごちゃしてしまいがちな記事を整理するためにもカテゴリーは何かと役に立ちます。 Diver（ダイバー）はカテゴリーを使うとカスタマイズの幅が広がるので便利です。...

カラーの設定のポイント

カテゴリーカラーはカラーの透過もできます。

透過させるとおしゃれな感じです。

クルミ

透過できるのが素敵。

Diverカスタマイズの色を変更

試しに「Diverカスタマイズ」のカテゴリーカラーを変更してみました。

カテゴリーの色で同じカテゴリーが並んでいるのがよく分かります。

外観のカテゴリー設定でできること

外観のカテゴリー設定では、カテゴリーのタイトルと関連タグを挿入することができます。

記事一覧の上部が少しものさみしい感じがする時に設定してみてください。

１

カテゴリーページタイトルを表示する

「カテゴリーページタイトルを表示する」にするとカテゴリーページタイトルが上部に表示されます。

色はカテゴリカラーで設定したカラーが適用されます。

2

カテゴリーページに関連タグを表示する

「カテゴリーページに関連タグを表示する」にするとカテゴリーページに関連するタグが挿入されます。

「カテゴリーページタイトルを表示する」にチェックが入っていないと関連タグは表示されません。

2つのチェックボックスにチェックを入れるとこのようにタイトルとタグが挿入されたカテゴリーページが上部に表示さるのでお好みで設定してみてください。

Diverカスタマイズ

カテゴリーページにこだわるならカテゴリーページの設定。カスタマイズはコンテンツの詰め込みすぎに注意！

WordPressテーマ「Diver（ダイバー）」のカテゴリーページでは、カテゴリー内の記事を一覧で表示した時のページをカスタマイズできます。 カテゴリーを押したときにカスタマイズされたカテゴリーページがあるとユーザーが必要であろう情報を整理して表示できるので便利です。 ナッツカテゴリーページって必...

カラー設定したカテゴリーの活用

カテゴリーカラーを設定しているとカテゴリーに目が行きやすくなり、色んな装飾として活用できます。

Diver（ダイバー）では、カテゴリーの分類だけでなく、記事一覧や内部リンクの装飾としてカテゴリーカラーが活用されています。

記事一覧

• 子供関係

  絵本「ちょっとだけ」がきっかけ。あらすじや感想と関連情報

• 子供関係

  レゴ ドンキーコングレビュー。マリオと協力プレイで遊びが広がり更に夢中

• ネットショップ

  STORES決済がきっかけ。簡単でどんなお店でもキャッシュレス化で利益の底上げに

• 子供関係

  絵本がきっかけ。『へんしんマンザイ』あらすじ、感想・考察・おすすめポイント

• つわり

  吐きつわりがきっかけ。妊娠中、コーラにハマったらお腹の子は女の子だった

• Diverカスタマイズ

  Diverの投稿設定。投稿ページのデザインを詳細にカスタマイズ

ブログのトップページや記事中の記事一覧でカテゴリーを表示するとこのような感じに表示されます。

これなら違うジャンルの記事だということが一目でわかります。

色んなカテゴリーがあっても華やかだと感じ、ごちゃごちゃしていると感じません。

クルミ

そう思うのは私だけ？

内部リンク

Diverカスタマイズ

内部リンク記事Diverの入力補助「関連記事」は内部リンク挿入をクリック操作だけで完了

Diver（ダイバー）の入力補助「関連記事」では、自分のサイトやブログ内の記事（内部リンク）をクリック操作で誰でも簡単に挿入できます。 また、内部リンクが張り巡らされているサイトは検索エンジンもページを認識しやすくなり、記事のインデックスが早くなる。 SEO的も良い効果があり、他のページをみてもらえ...

内部リンクにカテゴリーを表示させてみました。

内部リンクにもカテゴリーを表示すると何の記事なのか分かりやすくなります。

ブログカードの装飾としても役に立ってます。

Diver（ダイバー）のカテゴリーカラーのまとめ

DIVER（ダイバー）はカテゴリーカラーも思いのままに設定できます。

特にお気に入りはあまり見かけないカラーの透過です。

透過しすぎるとカラーが見えなくなるのでほどほどにしないといけませんが、カテゴリーカラーが決まると記事全体の華やかさがグッと上がった感じがします。

こういった細かい設定は後回しになってしまいがちですが、ブログの作りこみ具合の違いは他サイトとの差別化にもつながります。

自分のブログは他とは違うって見せつけられます。

クルミ

もっと早く設定すべきでした…。（反省）

副業

DIVER（ダイバー）レビューDiver（ダイバー）は良し悪し含めて長く使い続けられる買って後悔しないワードプレスのテーマ

私はブログ運営を始めて最初に買ったDiver（ダイバー）を使いつづけています。 Wordpress（ワードプレス）でブログを書くなら、ブログの外観やデザイン、SEO対策で有料テーマを使った方が何かと便利。 ここでは、かれこれ5年以上使い続けているDiver（ダイバー）のレビューをお届けします。 Wo...