Porlets

Porlets 我們翻作 "頁面元件",幾乎所有 Plone 頁面上都會看到它,最典型的就像是頁面上的行事曆,這也是 Portlet 的一種。簡單來說,Portlets 提供一個小區塊,讓你能在頁面上顯示ㄧ些其它的資訊。Plone 內建幾種類型的 Portlet,讓你可以很快的建立,另外也可以自行定義 Portlet,這就比較需要一點寫程式的能力了。



內建 Portlet 類型

Navigation
用來顯示類似 Site Map,可以選擇要顯示整個網站或是目前的位置。

Calendar
顯示簡單的行事曆。

Classic
是採用 Plone 2.5 舊技術的設計方法,它的存在應該是為了讓之前舊的程式碼能容易繼續使用。

Collection
可以指定顯示 Collection ,但在新增這個 Portlet 之前,必須在 Plone 上已經有 Collection 了。

Events
顯示未完成 Events,可以指定要顯示幾個 Events,也可選擇要不要公開。

Log in
提供快速登入的 Portlet。

News
與 Events 一樣,不同的是他顯示的是 News。

RSS Feeds
將 RSS Feed 連結到 Portlet 來顯示。

Recent Items
顯示最近有修改的項目,可以指定顯示數量。

Review List
是用來顯示等待審核的項目清單。

Search
這會在 Portlet 裡放置一個搜尋引擎,方便搜尋。

Static Text
這個類型很好用,就像新增一般頁面一樣,使用彈性大。

 


管理 Portlet

管理 Portlet 不外乎就是新增、刪除及修改 Portlet,Plone 內建 Manager portlets 這支工具讓使用者可以方便管理 Portlet。進入管理工具的方式很簡單,一般 Portlet 會在左側或右側,在 Portlet 的下面就會有個連結,如下圖點選後就會跳到管理頁面了:

manageportlets.png


管理頁面如下,會有左側跟右側,也就代表 Portlet 出現的地方,兩邊的設定選項是一樣的,各選項代表意義如下:

 

manageportletsmain.png

 

1. 新增 Portlet,為一下拉選單,選單就是剛才介紹過的類型。

2. 目前已有的 Portlet,右邊的箭頭是用來調整 Portlet 的順序,x 則是刪除 Portlet。

3. 顯示設定,用來設定要不要出現在頁面上

4. 修改完之後,按下 save settings 就會儲存設定



新增 Portlet

每種類型的 Portlet 新增步驟都差不多,這裡示範 Static Text 的新增步驟。Static Text 支援 HTML,因此可以做一些簡單的特效,底下示範一個含有 GIF圖片 的 Portlet,你也可以事先做好一些 GIF圖片,做出類似照片輪播的特效:


1. 在管理頁面中選取新增 Static Text

AddProletStep1.png


2. 這就是新增頁面,Portlet header 就是這個 Portlet 的名稱,Text 則是內文編輯器:

AddProletStep2.png


3. 接著依圖片的步驟,1-點選新增圖片按鈕,2-點選 Upload image here,3-選擇圖片,4-輸入圖片標題,5-最後按下 save 即可

AddProletStep3.png


4. 這樣在頁面上就會多了一個 Gif Test 的 Portlet 了


AddProletStep5.png  

 

Portlet 的顯示設定

Portlet 管理工具提供簡單的設定讓你可以設定 Portlet 的顯示時機,如下圖 Block/unblock portlets 可以做簡單的管裡:

BlockUnblockPorlet.png  

共有三個選項,block 就是不顯示,Do not block 就是顯示,Use parent settings 就是沿用上層設定。共有三個選項:

Parent portlets
是否顯示上層的 Portlet

Group portlets
是否配合群組權限來顯示

Content type portlets
是否配合特定項目種類來顯示



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 xiangyang17 的頭像
    xiangyang17

    xiangyang17

    xiangyang17 發表在 痞客邦 留言(0) 人氣()