COREBlog ではカテゴリーにアイコン画像を icon_path プロパティに設定することができます。 しかし、Plonified スキンではアイコン画像が設定されていても、表示されません。 というわけで、変更してみました。

いつものように、 entry_macros を編集します。 カテゴリを表示している下記の部分を変更します。変更前:

  <span tal:repeat="category entry/entry_category_list"
        class="category">
     <a tal:attributes="href python:entry.blogurl()+'/categorylist_html?cat_id='+category.id"
        tal:content="python:'['+category.name+']'"
        href="#">
        [Category name]
     </a>
  </span>

変更後:

  <span tal:repeat="category entry/entry_category_list"
        class="category">
    <a href="#" title=""
       tal:attributes="href string:${entry/blogurl}/categorylist_html?cat_id=${category/id};
                       title category/description" >
      <tal:block tal:condition="category/icon_path">
        <img src="" alt="" title="" style="float: none;"
             tal:attributes="src string:${here/blogurl}/${category/icon_path};
                             alt category/name;
                             title category/description" />
      </tal:block>
      <tal:block tal:condition="not: category/icon_path">
        [<span tal:replace="category/name" />]
      </tal:block>
    </a>
  </span>

ポイントとしては、 tal:condition で icon_path が設定されているかどうかを判断して、設定されている場合は画像を、そうでない場合は [カテゴリ名] という文字列を表示するようにしています。

それと、画像を普通に表示してしまうと plone では float: left; で表示されてしまうので、ここでは float: none; としています。

さて、次は portlet の方でも画像を表示するように使用かなっと。