Ploneに新しいルックスを

This Tutorial is intended for: Site administrator

このチュートリアルではどのようにデフォルトのPloneのスタイルからまったく異なるデザインへ変更するかを説明します。

All content on one page (useful for printing, presentation mode etc.)

1. イントロダクション チュートリアルのイントロダクションと、Plone2.1以降を利用することで可能になる新しいアプローチ
2. ツールの準備 CSSベースのデザインを作成するためにいろんなツールを簡単に見てみる
3. 実際のケースではどうするのか フォトショップのモックアップからテーマをどのように構築するのか
4. 適切な土台作り CSSでスタイルを加えていく前に、テーマの土台作りをする必要がある。画像やCSSを入れていくことができる無地の骨組みを作ることにする
5. 足場を組む CSSを書く前にいくつかの構造的な変更とグラフィカルな要素の切り出しをする
6. CSSスタイルを追加する ついにCSSスタイルを適用する時がやってきた。それぞれの段階でテーマが出来上がっていく様子を画像で説明する
7. ヘッダスタイル 最初のステップは、サイトのヘッダ
8. 基本スタイル 基本的なスタイルをbodyタグに追加する
9. 背景画像スタイル 背景画像の追加と、デザイン幅の固定
10. ヘッドラインとパラグラフスタイル ヘッドラインとパラグラフにスタイルを追加する
11. リストスタイル リストをインライン表示し、丸を非表示にします
12. ポートレットとナビゲーションスタイル ポートレットとナビゲーションツリーに適切なスタイルを追加する
13. ナビゲーションの再調整 ポートレットやナビゲーションツリーの余分なマージンを取る
14. フッタスタイル 最後の要素、フッタにスタイルを追加する
15. Ploneのテーマを作るためのティップス デザインを実現するために、そして今後のバージョンのPloneでもうまく動かすために役立つティップス

see also:

Creating a new theme for Plone: a real-world example (Plone 2.1, 2.5)

In this tutorial, Alexander Limi will show you how to take a default Plone site and put a totally different look on it. (Not updated for Plone 3.0)