AX
header image

Wordpressで投稿者やカテゴリごとにタイトルなどの色を変えてみる

このブログ「ぼのわち通信」は2人の管理人が、お互いに気になったこと、欲しいものなどを記事にしています。

ただ読みに来てくれている方々は、そのことに気がついていない人も多いのではないでしょうか。

そこで、投稿者ごとにタイトルなどの色を変えられないのか?と思いたち、実際に色を変えてみました。




やり方は実に簡単です。
プラグインを使う方法もあるのでしょうが、これは原始的です。

今回、変えたのはタイトルの色なのでタイトルの変え方を説明します。基本的にタイトルの色だろうが背景の色だろうがやり方は一緒です。

まず。
一応、説明しておくとWordpressは投稿者ごとにIDとして数字を与えられます。「会員No.1」とか、そんな感じのものです。
今回はそれを利用することにしました。

まず、それぞれのHTMLでタイトルの部分を見つけ出す。ぼのわち通信の場合、
<h1 class="entry-title">
この部分。
※<と>は半角です。

それを、たとえばIDが1の人の記事だったら「entry-title-1」、2の人だったら「entry-title-2」とし、それぞれに合わせたスタイルシートを書けばいい。

そこでこうした。
<h1 class="entry-title-<?php the_author_ID(); ?>">
※<と>は半角です。

こうすると、投稿者に合わせて「entry-title-1」「entry-title-2」とブラウザで表示したときはなる。

簡単なことなんだけど、ネットで探してもやり方を見つけられなかったので、記事として残しておくことにしました。

ちなみに、背景の色は今のデザインの場合、イマイチよくなかったので却下。

でも、この方法を上手く使えば、もっと面白いことたくさんできるんじゃないかな。たとえば投稿者の情報を記事の一番下に自動的に表示させたり。あとカテゴリごとにタイトルの処理を変えても面白いのかもしれない。


add to hatena hatena.comment (1) add to del.icio.us (0) add to livedoor.clip (0) add to Yahoo!Bookmark (0)

コメントを残す

トラックバックURL : http://wachish.net/blog/archives/193/trackback