Custom Plone Home Page

記錄幾個客製 Plone 首頁畫面的技巧。

以 blog style 的首頁為例，新增一個 collection 把 blog 搜尋出來，再於首頁指定顯示這個 collection 即可。想要同時顯示多個 collection 的話，方法之一是尋求擴充模組的支援，像 ContentWellPortlets 就是一個例子。試用 PortletPage 後，覺得是較合用的選項，它可以把 portlet 新增在上下左右共四個區位。

如果想要修改首頁的顯示方式，可以參考 Create a different look and feel for different sections of your web site 這篇文件，利用 sectional CSS 方式來完成。下面的例子，就是把首頁的 heading 和 byline 都取消顯示。

在 portal_skins/custom 裡新增一個 DTML Method 將 Id 設為 sections.css 後，使用下列範例程式碼：

/* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */

.section-front-page
.documentFirstHeading {
display: none;
}
.documentByLine {
display: none;
}

/* </dtml-with> */

到 portal_css 裡新增一個 stylesheet 填寫 ID 為 sections.css 其他都使用預設值。必要的話，可以設定 Plone 在 debug mode 執行，並勾選 portal_css 的 Debug/development mode 讓修改結果馬上生效。

還有許多修改技巧，可以在 Plone 3 Theming 這本書裡看到。

另外，使用 Plone 3.3.1 的朋友，可能會發現 collection 設定 criteria 時的錯誤，請參考 Impossible to add a criteria in a collection in 3.3.1 的修訂方法，先處理掉這個問題。