Personal tools
You are here: Home Members marr Changing Site Logo
Document Actions

Changing Site Logo

by marr last modified 2006-01-17 07:18

介紹如何更換網站的主題圖案。

網站主題圖案的更換方式

主題圖案指的是網站的 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 文件的說明。


Powered by Plone CMS, the Open Source Content Management System

This site conforms to the following standards: