2006/08/06
文書操作
デヴキャンのポートレットを表示する
せっかくイメージを作ったのだから、ポートレットに表示させたくなるのが私の性。
Ploneのポートレットは
<html xmlns:tal="http://xml.zope.org/namespaces/tal"
xmlns:metal="http://xml.zope.org/namespaces/metal"
i18n:domain="plone">
<body>
<div metal:define-macro="portlet">
htmlやテンプレートを書く
</div>
</body>
</html>
という感じで書いておけばいいんじゃないだろうか。と思うので、あとはポートレットの中身を書いてやろう。
ポートレットは大概dlで書かれているので、dtでポートレットのタイトル、ddでポートレットの中身を書いてやれば無難にいく。と思うので、今回の場合もhtmlとしては以下のような中身にしてみる。
<dl>
<dt>
Zope Developers Camp 2006 Winter
</dt>
<dd>
<a href="http://coreblog.org/camp/2006w/">
<img src="http://nagosui.org/Nagosui/COREBlog2/stuff/devcamp2006w-s" width="180" height="150" alt="Zope Developers Camp 2006 Winter image">
</a>
</dd>
</dl>
ただし、よりポートレットっぽく見せるためにはCSSのclassを設定してやるのがグッド。デフォルトのPloneのCSSに関して言えば、（ポートレットの中身のアイテムが一つの場合は）ポートレットを構成するdl、dt、ddについて以下のようなclassを設定するのがフツー。
- dl：class="portlet"
- dt：class="portletHeader"
- dd：class="portletItemSingle"
以上すべてを合わせて考えると、portal_skins/customに名前をportlet_devcamp2006wなどとしてページテンプレートを追加し、中身を
<html xmlns:tal="http://xml.zope.org/namespaces/tal"
xmlns:metal="http://xml.zope.org/namespaces/metal"
i18n:domain="plone">
<body>
<div metal:define-macro="portlet">
<dl class="portlet">
<dt class="portletHeader">
Zope Developers Camp 2006 Winter
</dt>
<dd class="portletItemSingle">
<a href="http://coreblog.org/camp/2006w/">
<img src="http://nagosui.org/Nagosui/COREBlog2/stuff/devcamp2006w-s" width="180" height="150" alt="Zope Developers Camp 2006 Winter image">
</a>
</dd>
</dl>
</div>
</body>
</html>
こんなふうにして保存し、Ploneインスタンスのプロパティのleft_slotsあるいはright_slotsにhere/portlet_devcamp2006w/macros/portletとして追加すれば…、とりあえず表示でけたーヾ(゜∀゜)/
- 固定リンク
- ¦
- コメント (0)
- ¦
- トラックバック (0)
- トラックバック用URL:
- http://nagosui.org:8080/Nagosui/COREBlog2/adding-devcamp-portlet/tbping
Home
第2回アートピア音楽祭
