Changing Site Logo
介紹如何更換網站的主題圖案。
網站主題圖案的更換方式
主題圖案指的是網站的 logo,預設顯示位置在左上方。
以管理員帳號登入
由 http://dumbo.objectis.net/manage 進入系統管理介面。在 Plone 網站位址後接 manage 字樣,輸入管理員帳號密碼後,即可出現 ZMI (Zope Management Interface)。
主題圖案位置
原始的圖案是 /portal_skins/plone_images/logo.jpg 檔案,點選 Customize 按鈕,即可在 /portal_skins/custom 目錄裡上傳新的圖案檔案。
主題圖案尺寸
預設值是 252 x 57 pixel,如果想要配合原本的外觀配置比例,可考慮延用此一預設值。
主題圖案快取
由於 objectis.net 網站設定有快取功能,新更換的圖檔,很可能需要十分鐘後才後顯示在網站左上方。
動態更換圖案
可以挑選三、四張喜愛的主題圖案,利用程式亂數選擇的方式,做到圖案動態變化的效果。這個範例中,要用到的所有檔案,都置於 /portal_skins/custom 目錄裡即可。首先,把圖案準備好,例如共有 logo1.jpg logo2.jpg log3.jpg 三張,建議圖檔尺寸調整為一致,例如 252 x 114 pixel。新增一個名稱為 logo 的 Python Script,內容是:
from random import choice # logo names go here all_logos = ['logo1.jpg', 'logo2.jpg', 'logo3.jpg'] # grab a random one logo = choice(all_logos) return logo新增一個名稱為 ploneCustom.css 的 DTML method,內容是:
#portal-logo {
background: url(&dtml-portal_url;/&dtml-logo;) no-repeat;
border: 0;
margin: 0.75em 0em 0.75em 1.5em;
padding: 0;
width: 252px;
height: 114px;
padding-bottom: 20px;
}
#portal-logo a {
display: block;
text-decoration: none;
overflow: hidden;
border: 0;
margin: 0;
padding: 0;
padding-top: 114px;
height: 114px;
width: 252px;
cursor: pointer;
}
本範例參考自 Randomize the portal logo 文件的說明。