Photoshoplabの表示を一部変更しました。今までカテゴリ名を表示していたのですが見た目は変えないでソースが変わりました。

クラス名をカテゴリ名に変更

今までのソース

<ul>
<li><?php the_time('Y年m月d日') ?></li>
<li class="category"><?php the_category(' '); ?></li>
</ul>

このようになっています。カテゴリを表示しているところのクラス名はcategoryとなっていました。Photoshoplabでは一部表示を変更し、カテゴリ名が出るようにしています。日付+カテゴリ名となります。別に今までのやり方でも問題無いのですが、カテゴリ毎に文字の色、大きさを変えたいなと思ったら今の状態ではできません。やるとしてもbodyについているclass名を指定して行う必要があります。

しかし、Photoshoplabは個別に設定などはしていないためやはりできない。そこでcategoryのクラス名をWordPressのカテゴリ名(スラッグ)を自動でとってくるようにしました。そうすればカテゴリによりクラス名が変わります。

新しいソース

<ul>
<li><?php the_time('Y年m月d日') ?></li>
<li class="summary"><?php the_category(' '); ?></li>
</ul>

こんな感じです。ここではまとめカテゴリを持ってきています。

というわけでテンプレート修正

該当する箇所のテンプレートを修正します。

<ul>
<li><?php the_time('Y年m月d日') ?></li>
<li class="category "><?php the_category(' '); ?></li>
</ul>

これを

<ul>
<li><?php the_time('Y年m月d日') ?></li>
<?php $cat = get_the_category(); $cat = $cat[0]; { echo '<li class="' . $cat->category_nicename . '">';  } ?><?php the_category(','); ?></li>
</ul>

このようにします。これでカテゴリ名が表示されます。

参考サイト

• http://studio-freetown.com/post-795/