• モックアップはこんなかんじです

• プロダクトを作る手順
• 表示順の変更
• できれば、コンポーネントのカスタマイズ
• これを実際にやってみます

• プロダクトなのでインストール／アンインストールが可能です。
• ローカル環境で開発し、十分に作り込んでからこれを本番に適用する、というような手順がとれるようになります。
  
• サーバー変更時などの移行作業が簡単になります。

• Ploneサイトのカスタマイズに興味のあるかた

• XHTML/CSS
• zopeのページテンプレート
• tal 構文を見ても驚かない程度
• MTなど他のテンプレートの経験があればなんとなくわかる

• Ploneがインストールできる環境
• 今回はMac OS X 10.5.4でやります
• ターミナルが使える
• ところどころでコマンドを入れる必要があります
• エディタ
• ほとんどの作業はテキストファイルの編集です
  
• ブラウザ
• ZMIからパッケージをインストールしたり、動作検証に使います

• Plone 3.1.6, Zope 2.10.6,Python 2.4.5
• pasterなどのツールもセットでサンドボックスができあがる。

• ~/Plone-3.1/zinstance/buildout.cfg

 [instance] 
debug-mode = on 

• $cd ~/Plone-3.1/zinstance
  $ ./bin/buildout
• これを実行することで反映される

• $ ~/Plone-3.1/zinstance/parts/instance/bin/runzope
  
• メッセージがコンソールに逐一表示されるので安心
• ctrl+Cで終了
• .pyファイルを変更した場合は再起動

• ZMI画面
  [Ploneサイト名] > portal_css or portal_javascripts
• Tick the debug check box

Enter project name: wpdj.theme
Variables:
  egg:      wpdj.theme
  package:  wpdjtheme
  project:  wpdj.theme
Enter namespace_package (Namespace package 
(like plonetheme)) ['plonetheme']: wpdj
Enter package (The package contained namespace package 
(like example)) ['example']: theme
Enter skinname (The skin selection to be added to 'portal_skins' 
(like 'My Theme')) ['']: wpdjSkin

• この名前はあとあと使います
• フォルダがたくさんできます

[buildout] 
eggs = wpdj.theme 
develop = src/wpdj.theme 
[instance] 
zcml =  wpdj.theme 

• $cd ~/Plone-3.1/zinstance
  $ ./bin/buildout

• => [your theme package]/skins/wpdj_theme_styles/以下の
  public.css.dtml portlets.css.dtml base.css.dtml
• これらを削除すると、基本のスタイルシートが生きるようになる。

• Plone 3 has switched to use Zope 3 viewlet components instead of the old macro include approach.
• Since Plone 3.0, main_template.pt calls viewlet managers instead of METAL macros
• メインテンプレートの見通しがよくなりました
• plone.org > Documentation > Tutorial > Customizing-main-template-viewlets > Introduction

<object>
  <hidden manager="plone.portalheader" skinname="wpdjskin">
    <viewlet name="plone.searchbox" />   
  </hidden>
  <hidden manager="plone.portaltop" skinname="wpdjskin">
        <viewlet name="plone.personal_bar" />
   </hidden>
   <hidden manager="plone.portalfooter" skinname="wpdjskin">
         <viewlet name="plone.colophon" />
   </hidden>
</object>

• 反映されました。
• アンインストールしても戻りません。
  viewlets.xmlのバックアップを取っておきましょう

  <order manager="plone.portalheader" skinname="wpdjskin" based-on="Plone Default">     
    <viewlet name="plone.logo" insert-before="*" />
    <viewlet name="plone.global_sections" insert-after="plone.logo" />
    <viewlet name="plone.site_actions" insert-after="plone.global_sections" />    
  </order>

• [my package]/browser/viewlets.py にclass を追加する。
  pathViewlet という名前にする。
  ここでは、path_barの機能を実装しなけらばならないので、以下ページのサンプルを参考にする
• 6.8.7. Path Bar (Portal Breadcrumbs)
• footerも同様
• 6.8.19. Footer

• ZMI サイト > portal_view_customizations から、path_barを探す。
• plone.app.layout.viewlets/path_bar.ptをそのまま [my package]/browser/path_bar.pt として保存
  
• footerも同様

• [my package]/browser/configure.zcml