plone 2.0.5 カスタマイズ

Plone 2.0.5 でサイトのカスタマイズしてるので、そのメモ。

• トップのロゴを JPG から PNG/GIF に変える。
  1. portal_skin/plone_styles にある、base_properties を custom に入れる
  2. portal_skin/custom/base_properties の Properties タブを開く
  3. logoName を適当に変更
  4. 変更した名前の画像ファイルを portal_skin/custom に入れる
• トップの部分に背景画像を入れる。
  1. portal_skin/portal_styles にある、plone.css を custom に入れる
  2. portal_skin/custom/plone.css で #portal-top を探し、そこに、

     background: url(&dtml-portal_url;/&dtml-topBgImage;); を追加する

  3. portal_skin/custom/base_properties の Properties の一番下で、topBgImage (string) を追加する。Value のところに背景画像の名前を入れる
  4. portal_skin/custom に指定した背景画像を入れる
  5. これで OK と思ったら、IE で見るとロゴから上に背景が入っていない。どうやら IE のバグらしい

     margin が width に相当するのかなぁ。

  6. とりあえず、

     #portal-top {
         / Top section /
         margin: 0;
         padding: 1px 0 0 0;
         background-color: transparent;
         background-image: url(&dtml-portal_url;/&dtml-topBgImage;);
     }

     のようにしたら 1px 分、下にはみ出なくなった。

  7. ちなみに、全画面に背景を設定したい場合には、#visual-portal-wrapper に入れればよい。 (でも、何か見えなくなるものがあるみたいだ。気のせいかもしれないが。。。)
• favicon を変える
  1. portal_skin/templates に header があるので、これをカスタマイズする
  2. favicon.ico -> favicon.png など
  3. 同様に favicon.png を入れる