參考網站:http://plone.org/products/plone-drop-down-menu

功能:下拉式選單

模組需求:Plone4


安裝流程

1. 修改 buildout.cfg,在 eggs 區塊加入 Products.qPloneDropDownMenu

[buildout]
....
eggs =
     ...
     Products.qPloneDropDownMenu


2. 執行 buildout
bin/buildout

3. 重新啟動 Plone
bin/instance restart

4. 登入 Plone後,至 admin > 網站配置 > 模組擴充將  啟用後,就可支援下拉式選單了。

  act.png        

編輯選單


1. admin > 網站配置 > 擴充模組配置 > Drop Down Menu 可進入編輯畫面

siteset.png  

2. 每一組 <li></li> 標籤就是一個選單,這個Plone是剛安裝好的測試平台,所以只有預設的幾個選單

drop1.png  


3. 要注意的是,啟用 Drop Down Menu 之後,新增目錄不會像以前會自動在 tab 上出現,要在 Drop Down Menu 這邊編輯後才會出現在 tab 上。
如下圖,我新增了一個Linux的目錄,但在 tab 上卻未顯示出來。

 

drop2.png  

 

4. 因此我們必須編輯一下 Drop Down Menu ,讓新的選單顯示在 tab 上,我編輯的內容如下圖

http.... 為網址,以下圖為例 Linux 是在 tab 顯示的名稱,title 是滑鼠靠近後會顯示的資訊

drop3.png  

 

5.  實際結果

drop4.png  

 

 

加入子選單

 

1. 在要加入子選單的標籤理新增 ul 標籤,範例如下圖:

 

drop5.png  

 

2.  實際結果

 

drop6.png  


f
創作者介紹
創作者 xiangyang17 的頭像
xiangyang17

xiangyang17

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