[教學]如何在Drupal安裝佈景主題?

儘管Drupal預設themes佈景主題已經很完善了,但總是想讓網站來點不一樣,透過Drupal後台提供的佈景主題功能,可以讓使用者自由安裝佈景主題,讓網站更多采多姿,官方網站提供了至少1000種的免費版型供大家免費使用,如果您會開發還可以自行開發新的版型讓自己網站使用。利用Drupal這類的套裝程式架站,很多東西都可以省去麻煩。

一個網站讓人的第一印象就是網站名稱和整體外觀佈景,如果網站感覺排版亂亂的或是顏色太花都會讓人有不好的印象,對於網站的排版,網站管理者需要特別的重視,因為這是個門面,門面顧不好了,就別談要做大網站了。想要讓網站有不一樣的面貌,可以上Drupal官方網站找免費的版型,當然您也可以利用Google搜尋來找其他使用者免費提供的佈景主題。

透過Drupal官方上所發布的佈景主題通常經過較多的人使用,安裝會遇到的問題會降至最低,對於初學者來說是一個不錯的選擇方向。官方網站上的佈景主題都是熱心網友所開發並發佈到Drupal Themes區域供大家下載。值得注意的是在版型上有對應的版本號,安裝錯誤會讓網站效果跑補出來,所以使用者在安裝佈景主題時,需格外注意版本號的問題,因為Drupal每一個版本的變動都很大,不像WordPress在支援度上,就算用舊版佈景,網站也不會有太大的問題。

如果你還沒有架設Drupal,可參考教學:如何架設安裝Drupal?

第1步  要找佈景主題的話,首先來到Drupal.org網站上,在右上角的搜尋框輸入關鍵字,若不知道要找什麼,可以留空白,但記得選擇【Themes】並點﹝Search﹞進行搜尋。

[教學]如何在Drupal安裝佈景主題?

第2步  接著會進到搜尋結果,這時候可以利用篩選機制再將範圍縮小。

[教學]如何在Drupal安裝佈景主題?

 

第3步  如果你覺得前面第1、2步驟提到的方法太不精準,你也可以直接到Drupal Themes佈景景主題頁面直接篩選你要的Drupal佈景主題,記得選擇版本號以及排序要依照【Most installed】最多人安裝的,這樣才可以找到一些比較穩定,大家比較喜歡的版型配置。

佈景主題網址http://drupal.org/project/themes

[教學]如何在Drupal安裝佈景主題?

第4步  當你找到喜歡的佈景主題後,可以點進去看看Drupal佈景主題的介紹。

[教學]如何在Drupal安裝佈景主題?

第5步  下方也有提供更細節的說明與縮圖,這個佈景主題還有展示頁面,可以點進去查看。

本文範例佈景http://drupal.org/project/best_responsive

[教學]如何在Drupal安裝佈景主題?

第6步  再將網頁往下拉,你可以看到下載點,目前示範的佈景只有提供7.x系列版本安裝,如果您的Drupal符合此版本,可以下載安裝或者是透過Drupal後台安裝程式安裝。要透過Drupal後台安裝程式安裝,請您複製「tar.gz」的網址。

[教學]如何在Drupal安裝佈景主題?

第7步  回到Drupal網站,以管理員權限登入,進入後查看到上方的【外觀】,進入後點選「安裝新板型」。

[教學]如何在Drupal安裝佈景主題?

第8步  這時候將你剛剛複製的檔案路徑貼到「從網址(URL)安裝」,最後點選﹝安裝﹞。如果發現佈景主題太大會連線逾時,你可以透過下載後解壓縮到指定目錄安裝或者也可以透過直接上傳一個檔案來安裝佈景主題。

[教學]如何在Drupal安裝佈景主題?

第9步  這時安裝完成會顯示「Installatuon was completed successfully」,表示已經安裝完畢,這時候可以點選「Enable newly added themes」來啟用最新加入的佈景主題。

[教學]如何在Drupal安裝佈景主題?

第10步  回到佈景主題管理介面(外觀),找到剛剛你安裝的佈景主題,你可以選擇「啟用」或者是「啟用並設為預設」,如果只有選擇啟用只是可以做佈景調整,但是不會套用到整個主網站(如果網站有開啟讓使用者選擇主題,那已經啟用的主題就成為選項之一)。

[教學]如何在Drupal安裝佈景主題?

 

第11步  假設您啟用並設定為預設,這時提示訊息會顯示「(版型名稱) 現為預設版型」。

[教學]如何在Drupal安裝佈景主題?

第12步  回到網站首頁看看,佈景主題是不是已經更換完畢了呢?

[教學]如何在Drupal安裝佈景主題?

 

調整Drupal佈景主題

因為每一個佈景主題可以調整的東西不一樣,因此在這部份我們只有簡單帶到說,告訴您從哪邊可以調整佈景主題。Drupal的佈景主題本身彈性非常大,整個網頁都是可以透過widget模組的方式來拖拉調整版面,如果你要對你的佈景主題做版面上的調整,你可以點選上方的【外觀】,進入後找到右手邊的【設定】,進入後會列出已經啟用的版型名稱,找到你要調整的版型名稱點一下,這時會來到版型調整介面,你就可以對你的版型做一個初步的編排設定。

[教學]如何在Drupal安裝佈景主題?

刪除Drupal Theme 佈景主題

想要刪除Drupal佈景主題,在手續上有稍微繁雜一點。首先你必須將要刪除的佈景先做一個停用動作,可是已經在使用而且是預設的佈景主題無法停用,所以你必須先找好一個新的佈景主題,將他當成預設主題,例如我選擇Drupal7預設的「Bartik」這版型,點選「設為預設值」,也就是先將網站調整成另外一個版型。

[教學]如何在Drupal安裝佈景主題?

接下來,我們再回到剛剛已經被我們取消預設的版型,但是該版型現在還是啟用中,因此我們來將他做一個停用的動作,這樣就完成版型停用了。但如果你要更進階,想要將佈景主題刪除,那很抱歉,Drupal後台並沒有這樣的選項,你必須透過FTP軟體來做一個檔案刪除的動作。

[教學]如何在Drupal安裝佈景主題?

因為香腸是架設在本機電腦(利用TWAMP架設),所以如果要刪除佈景主題就來到TWAMP伺服器根目錄,找到其中的子目路進行刪除「htdocs/你的drupal路徑/sites/all/themes」內的佈景資料夾進行刪除。若您是虛擬主機其實目錄就是「/public_html/你的Drupal路徑(若是網站根目錄可忽略這欄位)/sites/all/themes」內的一個資料夾,找到根佈景主題相同名稱的資料夾,並刪除,這樣即可完成。

[教學]如何在Drupal安裝佈景主題?

如何設定管理介面佈景主題?

如果你有注意到,其實Drupal也是可以換後台佈景主題的,讓管理者介面有不一樣的成效,目前這部分WordPress是做不到的,除非使用者硬改。如果要將Drupal後台換一個不一樣的佈景主題,你一樣可以到官方的Download & Extend內的Themes進行佈景主題篩選,找到你所需要的管理介面佈景主題。搜尋時別忘了下一些跟管理介面有相關的關鍵字,例如「admin」,將它輸入在「Search Themes」欄位,然後搜尋。

找到喜歡的佈景之後,別忘了先看一下它的說明,看看是否有指出可以在後台管理介面使用?如果沒有提到,你硬是要換上的話,介面會變得很怪甚至出錯,所以安裝管理介面佈景主題前記得先看清楚。至於安裝的方法跟安裝一般佈景主題作法是相同的,你可以看一下本篇前面的教學。

[教學]如何在Drupal安裝佈景主題?

唯一的不同點,是進入到後台的「外觀」管理中,最下方我們會看到有一個「管理介面版型」,透過下拉選單的方式,可以挑選你所需要的後台管理介面版型,然後﹝儲存設定﹞就可以了。

[教學]如何在Drupal安裝佈景主題?