Personal tools
Navigation
About this blog
なごすいぶろぐ。「すべてはなごすいのために」。
Categories
COREBlog2 (29)
Zope (59)
Linux (26)
Misc (47)
Nagosui (11)
ReadingCOREBlog (7)
Plone (74)
Python (17)
Turbogears (18)
COREBlog1 (30)
moblog (5)
Django (12)
Recent entries
ALAにJeffさんの記事が。 nyusuke 2007-06-14
WebデザイナーのためのDjangoはじめの一歩 nyusuke 2007-05-29
東海Python Workshop 01終了 nyusuke 2007-05-27
東海Python Workshop 01が開催されます nyusuke 2007-05-13
管理画面からみるPlone3.0ベータ(後半) nyusuke 2007-05-03
Recent comments
Re:WebデザイナーのためのDjangoはじめの一歩 nyusuke 2007-06-01
Re:WebデザイナーのためのDjangoはじめの一歩 pateo 2007-05-31
Re:東海Python Workshop 01終了 nyusuke 2007-05-31
Re:東海Python Workshop 01終了 kfuruhata 2007-05-30
Re:管理画面からみるPlone3.0ベータ(前半) nyusuke 2007-05-03
Recent trackbacks
Plone Captcha 1.0.2 と Plone Captchas 1.0 takalog 2007-01-13
plone 2.5.2-rc1 にアップグレード takalog 2007-01-05
Vine Linux 4.0 にアップグレード(その1) takalog 2006-11-26
オハイオ州日本語サイトを手かけ始めた ロバートのブログ 2006-08-14
TurboGears関連記事 Twisted Mind in TurboGears 2006-08-06
Recent Changes
All recent changes…
Amazon Items






Adsense
Document Actions

Ploneのスキンをカスタマイズしていこうじゃないか4

qPloneSkinDumpでスキンプロダクトを作ろう

by nyusuke posted at 2006-02-28 01:27 last modified 2006-08-06 17:38

別ごとに集中してて少し時間が空いてしまいましたが、残りをサクッといきましょう。今回はqPloneSkinDumpを使ってスキンを作っていくことにします。

まずはqPloneSkinDumpについて概観しておきましょう。詳しくはquintagroupのPloneSkinDumpのページを参照してください。このプロダクトは前回紹介したDIYPloneStyleと違って非常にステキな機能が搭載されています。特筆すべき機能は2つ。1つは「ポートレットのマネジメント」、もう一つは「CSSレジストリのサポート」です。ポートレットのマネジメント機能によって、特定のポートレットを左右に配したスキンを作ることができますし、CSSレジストリをコントロールすることによって、スキン利用者がレジストリをいじる負担をなくすことができます。詳しくはスキンを作っていく課程で見ていくことにしましょう。

とりあえず特徴をまとめておきます。

  • カスタムスキンレイヤーをZODBからファイルシステムに落としこんでくれる
  • インストールしたスキンがデフォルトのPloneSkinになる
  • ポートレットの柔軟な管理
  • CSSレジストリをサポート
  • PloneSkinDumpによって作られたカスタムスキンを自動的にアンインストールする

qPloneSkinDumpを使う

さて早速qPloneSkinDumpを使ってみることにします。インストールは通常のZopeプロダクトと変わりません。Productsフォルダにコピーし、Zopeをリスタートした後に、Ploneのサイト設定→プロダクトの追加と削除からPloneにインストールします。

まずはカスタマイズを済ませておきます。カスタマイズを済ませればportal_skins/customにカスタマイズされたものが詰め込まれているハズです。

060227-1

この状態でPloneのサイト設定を見てみると、qPloneSkinDumpの設定項目が出現します。ここをクリックして設定画面へ行きましょう。


060227-2

qPloneSkinDumpの設定ーZMIセクション

設定画面は大きく3つに分かれていますので、これらを順に見ていくことにしましょう。まずはZMIセクションの設定です。

060227-3

Source skin folder:
カスタマイズした素材がどこにあるかを指定します。デフォルトでは「custom」で問題ないでしょう。カスタマイズしたファイルが他の場所にある場合はportal_skinsの中のどこにあるかを入力しましょう。
Input ZMI Base Skin Name
ベースになるスキンの名前を入力します。 おそらくはPlone TablelessかPlone Defaultのどちらかでしょう。他のスキンを元にしてカスタマイズしている場合はそのスキンの名前を入力。 デフォルトではPlone Tablelessですが、今回のSpreadPloneの場合はPlone Defaultを元にしていますのでPlone Defaultとしておきます(↑画像はデフォルトのものなのです…)。
Erace
チェックを入れると、スキンプロダクトを生成後に元になったソースフォルダ(Source skin folderで設定したフォルダ)を削除します。どういうときに使う項目なのかパッと想像できませんが、まぁ放置しておけばいいでしょう。

qPloneSkinDumpの設定ープロダクト設定

で、次は落とし込むプロダクトの設定です。

060227-4

Skin's name for new product:
スキンレイヤーの名前になります。ここで入力した名前がZMIのportal_skins以下に出現します。
Product name:
プロダクトの名前になります。ここで入力した名前がPloneのサイト設定→プロダクトの追加と削除に出現します。

 両方同じでいいですね。両方に「spreadplone」と入力しておきます。

qPloneSkinDumpの設定ーポートレット

最後の設定はポートレットです。ここは設定項目がたくさんあります。ここの設定によって、作成者のポートレット構成を優先させるのか、利用者のポートレット構成を優先させるのかが決まります。どちらを優先させたらよいのかはスキンによりけりですので何ともいえませんが、作成者のポートレットを優先させる場合は、一番上にある「Do customize slots」の項目にチェックを入れます。これにチェックをいれると、それ以下で設定するレフトスロット・ライトスロットが適用されることになります。ただしこれらのスロットが完全に置き換わるわけではなく、どのようにスロットを構成するかはさらにその後で設定します。

060227-5


以下後半の設定では、どのようにスロットを構成するかを選択します。

060227-6

Bloend with skin
スキンプロダクト(前半部分)で設定したものをまず設定し、利用者側のサイトで設定している差分のスロットを加えます
Blend with site
利用者側のサイトで設定しているスロットをまず設定し、スキンプロダクト(前半部分)で設定した差分のスロットを加えます
Replace
スキンプロダクト(前半部分)で設定していたスロットですべて置き換えます
最後のMain columnの部分はスロットの衝突を回避するためのものです。前半部分で設定したスロットと元々サイトで設定したスロットが左右にわかれた場合にどうするのかを設定します(例えば「ニュース」スロットはデフォルトでは右に出てきますが、スキンでニューススロットを左に配置した場合どうするか、といったようなものです)。

Left
左側のポートレットを優先させます
Right
右側のポートレットを優先させます
Both
説明するのがめんどうなので詳しく知りたい方はチュートリアルなどを読んでください。

こんかいはポートレットなどを設定せずにプロダクトを作りますので、ポートレットの設定は放置しておきます。

プロダクト完成

最後にsaveボタンをポチッと押してやりましょう。すると…

060227-7

Productsフォルダにspreadploneプロダクトができています。あとはフツーのプロダクトと同様、Zopeをリスタートし、Ploneのサイト設定→プロダクトの追加と削除からインストールしてやればいいですね。

060227-8

一応シリーズ完結ということで。


spreadplone.tgz spreadplone.tgz
Size 16.6 kB - File type application/x-tar
by nyusuke last modified 2006-08-06 17:38
Category(s)
Plone Plone
The URL to Trackback this entry is:
http://nagosui.org:8080/Nagosui/COREBlog2/plone-skin-customizing-firefox-clone-4/tbping
Add comment

You can add a comment by filling out the form below. Plain text formatting.

(Required)
(Required)
(Required)
(Required)
Enter the word