Personal tools
You are here: Home Documents How-to CMFContentPanelsを使う

CMFContentPanelsを使う

Document Actions
ポータルのトップページで、頻繁に更新される複数のフォルダの最新の5件を表示したい場合があります。方法の一つとして、CMFContentPanelsで表示してみます。また、より身近な例としてフォルダのコンテンツの代わりにCOREBlog2を使用した例を説明します。

必要な物

この説明では以下のプロダクトを使用しています。

CMFContentPanelsの設定

まず、CMFContentPanels-2.3を入手し、Products以下に展開します。Ploneで使えるようにするため、サイト設定の プロダクトの追加と削除 でCMFContentPanelsを追加しましょう。

次に、任意のフォルダにContentPanelsを追加します。

図1
図2

今回はPloneサイトのトップに追加します。追加したらlayoutタブに移動して、ContentPanelsで表示するパネルを追加します。UIがわかりにくいですが、パネルを追加するには下図の○で囲ってある new panel をクリックします。

図3

ポップアップWindowが表示されます。

図4

表示対象フォルダを指定する Related Content で、フォルダの場所を指定してください。今回は通常のフォルダではなくCOREBlog2フォルダを指定した例としています。次にフォルダの最新のコンテンツを表示するために、Viewletから Recent changes を選択してください。

図5

CMFContentsPanelsは、Related Contentの選択しているPloneオブジェクトのタイプによって選択できるViewletの内容が変化します。またViewletによってViewlet settingsの内容が変化します(このUIも慣れるまではわかりにくい気がします)。

Viewlet settings の設定で、表示するskin、タイトル、アイテムの種類、審査状態、subfolders(フォルダ以下を内容を表示するかどうか)などを設定します。COREBlog2のエントリのみを表示する場合は、アイテムの種類で エントリ のみを選択してください。フォルダが対象となっている場合は、この例と同様に 文書 や` 画像` を指定します。

設定が完了したら select this panel を押して設定を反映します。これでフォルダのコンテンツが表示されるようになったと思います。表示タブへ移動して内容を確認しましょう。

図6

最後に、ContentPanelをサイトのトップページに表示するように設定します。ホームディレクトリに移動して、ContentPanelをのデフォルトビューに設定しましょう。グリーンのバー部分にある 表示 プルダウンメニューからデフォルトビューを設定することが出来ます。

図7

そのフォルダに置かれている、デフォルトビューになることが出来る複数のオブジェクトが一覧表示されるので、作成したContentPanelsを選択します。

図8

トップページに移動して、ContentPanelsが表示されていることを確認してください。

図9

なお、パネルの設定でRecent changesの代わりに Folder changes を選択するとタイトルと本文の一部が表示されるようになります。

図10

これで一通りの設定が完了しました。同じ手順で他のフォルダの内容を表示したり、別のパネルに文書やフォルダを指定して並べてみましょう。パネルは複数行・複数列追加することが可能です。

The following items are included in this how-to:
Image 図8:デフォルトにContentPanelsを指定
The following items are included in this how-to:
Image 図9:トップにContentPanelsが表示された
The following items are included in this how-to:
Image 図1:ContentPanelsを追加
The following items are included in this how-to:
Image 図2:ContentPanels追加時設定
The following items are included in this how-to:
Image 図3:ContentPanelsレイアウト設定
The following items are included in this how-to:
Image 図4:パネル設定1
The following items are included in this how-to:
Image 図5:パネル設定2
The following items are included in this how-to:
Image 図6:COREBlogのエントリが表示された
The following items are included in this how-to:
Image 図7:フォルダのデフォルトView設定
The following items are included in this how-to:
Image 図10:Blogの内容も少し表示

This How-to applies to: Plone 2.1.x, Plone 2.0.x

by しみずかわ last modified 2006-10-27 11:38

Powered by Plone, the Open Source Content Management System