Gallery: 外觀主題:如何新建一個外觀主題：修訂間差異

如何新建外觀主題

喔，原來你做了一個超酷的相片相冊模板，還想把它用到Gallery上。那么在這個教程中，我會介紹如何將HTML相冊和相片模板轉為Gallery外觀主題的。

這是假定你一定程度上掌握HTML和CSS并基本了解 Gallery外觀主題的情況下給出的教程。你并不需要精通PHP，但掌握基本的腳本編寫知識和編程模式還是有幫助的。

準備好要新建一個外觀主題了么？準備好了的話就開始啦。

HTML模板

我建了兩個基本的HTML模板，一個用于顯示相冊縮略圖，另一個用來查看單個相片。我利用stylesheet和一些JavaScript函數(shù)來控制HTML模板的外觀呈現(xiàn)。因為JavaScript會重設縮略圖容器的尺寸來使其符合頁面甚至是窗口所需，所以我將此外觀主題命名為AutoRC—Auto Rows and Columns（感謝floridadave，這名字不賴 :D）。

設計相對簡單—我選擇的是在相冊模板各縮略圖之下顯示相冊標題，描述和圖片標題的方式。僅標題和字母被顯示在相片詳細信息的模板上。

http://codex.gallery2.org/images/7/78/Autorc-html-album-sm.png

http://codex.gallery2.org/images/5/5b/Autorc-html-photo-sm.png

這里有我建立的用于mockup的文件：

請注意這些文件沒有在IE6中做過測試。在此教程完結之后，我會將這些文件更新以適于IE6。

• album.html
• functions.js
• photo.html
• theme.css

開始作業(yè)

首先我們要做的是為新外觀主題建一個目錄。我們會將源HTML模板，風格頁和JavaScript的拷貝放在此文件夾下。

1. 首先，在gallery2/themes/下新建一個'autorc'文件夾
2. 接著講theme.css和functions.js復制到autorc文件夾中
3. 在gallery2/themes/autorc中，新建一個名為'templates'的文件夾
4. 將album.html和photo.html復制到新建的templates文件夾中
5. 將album.html和photo.html的文件擴展名修改為.tpl
6. 由于我沒有為admin，error，module或progressbar 頁面創(chuàng)建模板，所以直接從Matrxi外觀主題復制過來了（themes/matrix/templates）

接下來，我們創(chuàng)建theme.inc文件。

此后，我們會將HTML頁面轉為Smarty模板。