Personal tools

個人化基本設定

按此观看简体版本

Plone 的安裝完成後,便要設定一個能應付自己問題和有個人風格的Plone了。

首先,在Plone Controller 按"Zope Management Interface" 啟動Zope的管理介面(ZMI)

鍵入你的起始用者和密碼便可登入ZMI

此頁內容包括:

基本外觀

網站標題圖案

在ZMI 瀏覽至Plone的文件夾位置

zmiplone.jpg

在右上方的選擇項中選取Image, 然後在新出現的頁面,Id 鍵入"logo.jpg". 在File 欄開啟你要的圖像檔案,可以是任何圖案格式, 如.jpg, .bmp, .png

addlogo.jpg

完成

網站圖示

觀看網站圖示全圖

個人風格設定 - base_properties

System Message: WARNING/2 (/opt/sites/czug.org/plone/quickguide/X_e5_80_8b_e4_ba_ba_e5_8c_96_e5_9f_ba_e6_9c_ac_e8_a8_ad_e5_ae_9a, line 63)

Title underline too short.

個人風格設定 - base_properties
-----------------------------

base_properties 是為了讓管理員不改動編碼也可設定外觀而設。方便得很。

在zmi瀏覽至Plone>portal_skins>plone_styles, 選取"base_properties"

select_base_properties.jpg

按"customize"鍵, base_properties便會自動放在custom 文件夾內。

你可以設定每項外觀的相關值,建議先嘗試將backgroundColor改為"Blue"

zmi_base_properties.jpg

此外,我還改動其他顏色,結果

網站base_properties

觀看網站base_properties全圖

個人風格設定 - css

CSS 是Plone外觀的核心,你學懂CSS 後,便可控制每部份的位置,排位等設定。

在ZMI 瀏覽至 Plone>portal_skins>custom 的文件夾位置 (custom 是主要放置自己編碼的地方)

zmicustom.jpg

在選取項中選擇DTML Method

selectdtml.jpg

在新的頁面Id欄鍵入"ploneCustom.css" 然後按"Add and Edit"

你的新StyleSheet將會產生,你所要做的是在文字欄中鍵入你的外觀設定 CSS 編碼 例如:

body {
   background:blue;
}

修改完成後按"Save"鍵便可

我"偷取"了czug.org 的ploneCustom.css用在自己的網站上(這是很強的功能,你可以直接取下其他網站的.css 留為己用,再作修改。當然,一定要得站長同意,否則,版權自付)

zmicustomczug.jpg

結果

網站css

觀看網站css全圖

注意

如果在custom文件夾內同時有ploneCustom.css 和base_properties,結果一般可以假設成 優先使用ploneCustom.css ,因為ploneCustom.css 會覆蓋掉大部份外觀設定。即是假如你在css 和base_properties 中也有background color 的設定,base_properties便未必能發揮效用了。

按此至Plone外观定制实战

個人喜好設定

slots 面板

面板是指網站左面和右面一個個的"盒子"。你可以在自己的網站使用/停用預設的面板。

在ZMI 瀏覽至Plone 文件夾,然後按"properties" 格

zmi_properties.jpg

左面的面板是left_slots, 右的便是right_slots。你可以嘗試將右面的calendar_slot 放在左面的面板中

zmi_slots.jpg

結果右面的月曆便會走到左面了!

可在此找到 面板詳情

你還可以 建立自己的面板

tabs 格子

有沒有留意czug 上的主頁、文檔、產品等格子,和你的網站是不同的。其實你可以加入自己的格子。

瀏覽至Plone>portal_actions

移至最下方,鍵入以下數值

zmi_portal_actions.jpg

按"Add"鍵後便可有一個雅虎連結了!

你還可以修改其他數值,看看有什麼變化!(小心Permission和condition的設定,可能令你難以返回相關位置)

相關

修改tabs: <a href="http://www.czug.org/docs/plone/howto/HowToChangeTheTabs/view?searchterm=tabs">http://www.czug.org/docs/plone/howto/HowToChangeTheTabs/view?searchterm=tabs</a>

Plone Book Chapter 6(Style): <a href="http://plone.org/documentation/book/6">http://plone.org/documentation/book/6</a>

 

本站由 润普公司资助, 采用 易度CMS 构建。

广而告之:润普公司 易度云办公平台,包括 易度文档管理系统 易度项目管理系统 , 易度部门管理 ,均采用Zope 3/BFG技术开发。
沪ICP备05008050