総合サイト制作日記03

また少し変更してみました。
 
これまでは、記事の一覧を表示したときなどに、記事ごとのテーマがわかるように色分けをしていました。しかし、タグクラウドの改良をきっかけに、タグ(キーワード)を活用しての分類に移行してみようかと思いまして。4月から導入した薄い色もなんとなく気に入りませんでしたし。
 
ちなみに、これまではこんな感じでした。
 


PHPによる条件分岐やカスタム投稿タイプの導入でもテーマごとの色分けはできそうなのですが、設定がよくわからないので記事ごとに画像を入れ替えています。
 
コードは以下の通り。
 


タイトル、日付、サムネイル(アイキャッチ画像)の順に表示させています。
 
そして、アイキャッチ画像の設定はこちらから。
 


毎回の設定はやや面倒です。
 
アイキャッチ画像の部分を、「タグがあったら表示」という指示に書き換えます。
 


そのままだと、先頭に「タグ:」という文字が、そしてタグの間にはカンマが入ってしまうため、どちらも空欄にするよう、カッコ内で指示をしています。
 
そして、「tag」というクラス名で囲んだ部分にスタイルシートを設定。
 


すると、表示はこんな感じになります。
 


まあ、悪くはないでしょう。マウスオーバー時のアンダーラインは消せませんでしたが。
 
せっかくなので、タグで分類した一覧表示には抜粋もつけることにしました。
 


これはいまひとつ。そもそも、抜粋といっても先頭からの155文字が表示されるだけですし。記事ごとに要約をつけたほうがよいのかもしれません。
 
連休中にこのへんの改良ができたらと思っています。
 

コメントを残す

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