華燈初上

Joomla! 資訊網站

  • 首頁
    • 會員使用條款
    • 隱私權政策
  • Joomla!
    • Joomla! 新聞
    • J2Store 教學
    • Joomla! 核心
    • 元件文章
    • 佈景主題文章
    • 經驗、觀念分享
    • 外部網路資源
  • 書籍與授課
    • Joomla! 書籍簡介
    • 簡報分享
  • 討論區
  • 留言板
  • 會員登入
    註冊
    • 忘記你的帳號?
    • 忘記你的密碼?

    使用社群網站帳號登入

    你目前位置:  
  1. 首頁
  2. Joomla!
  3. 佈景主題文章
  4. 如何安裝、配置新佈景主題,以及付費佈景主題的好處
15 七月 2015

如何安裝、配置新佈景主題,以及付費佈景主題的好處

Joomla! 3.4 Graphic
Image Credit: Chiara Aliotta and Helvecio Da Silva

安裝佈景主題

Step 01:前往管理區,點選頂部選單「擴充套件 – 擴充套件管理」,或是點選控制台畫面左方「安裝擴充套件」捷徑圖示。

前往擴充套件管理的「安裝」分頁
▲前往擴充套件管理的「安裝」分頁

Step 02:在「上傳套件包檔案」分頁中點選「選擇檔案」按鈕。

install template02
▲點選按鈕選擇本機磁碟檔案

Step 03:選擇佈景主題安裝檔案後點選下方「打開」按鈕。

選擇佈景主題安裝檔案安裝
▲選擇佈景主題安裝檔案安裝

Step 04:點選「上傳 & 安裝」按鈕上傳檔案並安裝。

上傳佈景主題安裝檔案
▲上傳佈景主題安裝檔案

Step 05:擴充套件安裝程式將佈景主題及其他需要的資源(像是運作框架、外掛等)安裝完畢,接著選擇頂部選單「擴充套件 – 佈景主題管理」。

前往「擴充套件 - 佈景主題管理」
▲前往「擴充套件 - 佈景主題管理」

Step 06:你會在佈景主題列表中看到新佈景主題(例如下圖中的「JSN Boot PRO – 預設」),同時從黃色星星圖示得知這個佈景主題已經是網站預設主題了。

新佈景主題成為網站預設主題
▲新佈景主題成為網站預設主題

Step 07:重新讀取網站畫面,網站改以新佈景主題呈現。

網站改由新佈景主題顯示,不過...
▲網站改由新佈景主題顯示,不過...

在新佈景主題配置網站模組

讓自己的 Joomla! 網站在新佈景主題下呈現是件高興的事…應該是這樣。網站選單呢?登入表單呢?怎麼換個佈景主題就不見了?

更換佈景主題後,你可能會面對「新的網站畫面空空如也」的狀況。請放心,你的網站沒有因為套用新佈景主題而豬羊變色,但確實需要做點事。

模組要指定佈景主題位置,還記得嗎?

你可以將佈景主題類比成屋子,網站模組類比為房子裡的家具,佈景主題的位置名稱就是家具的擺放位置。現在你搬了家(更換佈景主題),但是未將家具搬離(更改模組的位置設定),新房子自然空空如也囉。

這個時候該怎麼做?將原有家具搬到新房子是一種作法,也可以考慮購買新家具,依照新房子的格局重新安裝、擺放。

在模組管理畫面中點選要搬遷的模組項目,在編輯畫面右方的「位置」欄位中選擇新佈景主題的位置區塊(參考手冊中關於模組區塊規劃部分),然後點選工具列「儲存」按鈕,讓原有的模組搬到新佈景主題上顯示。

在「位置」欄位選擇新佈景主題的規劃位置
▲在「位置」欄位選擇新佈景主題的規劃位置

原先在 Protostar 的選單模組現在出現在 JSN Boot 了
▲原先在 Protostar 的選單模組現在出現在 JSN Boot 了

上面內容將原有的模組搬到新佈景主題,你也可以在指定新佈景主題位置後點選工具列「另存新項目」按鈕,將當前設定以「新增模組」方式存在,這樣的好處是預設主題改回 Protostar 時不用再做一次模組搬家。

當你以「另存新項目」方式建立既有模組的複本時請注意該模組的發佈狀態會是「停用的」,同時記得修改此模組的標題名稱。

以「另存新項目方式」建立網站模組的複本
▲以「另存新項目方式」建立網站模組的複本

付費佈景主題的特點介紹

付費購買商業佈景主題有哪些特點?專業設計風格、多樣實用的功能設計,詳細的參考文件與售後服務是免費佈景主題無法做到,在你做後續調整時所仰賴的。

在模組設定畫面輸入佈景主題提供的選單類別字尾
▲在模組設定畫面輸入佈景主題提供的選單類別字尾

套用選單類別字尾後的選單模組展開樹狀選單
▲套用選單類別字尾後的選單模組展開樹狀選單

套用模組類別字尾前(左)後(右)的比較
▲套用模組類別字尾前(左)後(右)的比較

付費佈景主題顯示示範:內容雙欄或三欄顯示
▲付費佈景主題顯示示範:內容雙欄或三欄顯示

付費佈景主題顯示示範:首字大寫、高亮度標示、區塊標記
▲付費佈景主題顯示示範:首字大寫、高亮度標示、區塊標記

付費佈景主題顯示示範:無排序或有排序表列
▲付費佈景主題顯示示範:無排序或有排序表列

你會在網站討論區、臉書或 Google+ 網站上找到許多 Joomla! 佈景主題設計公司的資訊,對佈景主題的計費方式也不一樣。常見的計費類型有以下幾種,如無額外說明皆以美金計費。

  • 統括形式或單項計費:有些公司會提供旗下所有佈景主題的使用權(會員有效時間內),有些公司則是個別計算。為自己公司挑選適合的版面建議選擇後者,前者對於接案者有很大幫助。
  • 授權範圍:使用在「單一網站」或「不限制網站數量」的計費標準也不相同。
  • 支援時間:提供三個月/六個月/一年不等的支援時間,在支援時間中你可取得佈景主題的最新版本,以及客服支援(以詢問票/討論區/線上客服形式)。

付費佈景主題授權方式參考,取自 JoomlaShine 網站。
▲付費佈景主題授權方式參考,取自 JoomlaShine 網站。

付費佈景主題授權方式參考,取自 JoomlArt 網站。
▲付費佈景主題授權方式參考,取自 JoomlArt 網站。

不論購買的是哪種類型的服務,過了會員有效服務時間佈景主題仍能繼續使用,只在需要更新佈景主題版本,或是需要客服協助時才有影響。

佈景主題的參考資料

賺錢辛苦,希望每一塊錢都花在刀口上,準備購買佈景主題時更是如此。付費佈景主題大多提供以下所提參考資源,幫助你更加瞭解。

展示網站:預覽佈景主題部署後的網站樣貌

「這個佈景主題看起來不錯,不曉得部署之後會長什麼樣子?」如果你沒買過佈景主題多半有此疑問。

放心,佈景主題設計公司知道你的顧慮,也擔心你不曉得他們產品的好。佈景主題商會為佈景主題設計展示網站(Demo Site),讓你在展示網站畫面中觀看佈景主題運作的樣貌,讓你心裡有個底。

簡介畫面顯示發表時間、產品簡介,以及對應的 Joomla! 版本,點選「See Demo」前往展示網站。
▲簡介畫面顯示發表時間、產品簡介,以及對應的 Joomla! 版本,點選「See Demo」前往展示網站。
(取自 JoomlaShine 的 JSN Boot 佈景主題)

從展示網站畫面瞭解佈景主題的呈現。
▲從展示網站畫面瞭解佈景主題的呈現。
(取自 JoomlaShine 的 JSN Boot 佈景主題)

從展示網站畫面瞭解佈景主題如何呈現網站文章,以及其他元件。
▲從展示網站畫面瞭解佈景主題如何呈現網站文章,以及其他元件。
(取自 GavickPro 的 Magazine 佈景主題)

Quickstart:把展示網站搬回家

購買佈景主題的另一個疑問是:為什麼我安裝的佈景主題,跟展示網站相比差那麼多?推測原因有:展示網站所使用的圖片需另外授權並不包含在內,或是展示網站除了佈景主題之外,另行安裝了其他擴充套件。

付費佈景主題的設計商會提供名為「Quickstart」的檔案提供下載,這個檔案是包含完整 Joomla! 系統,以及範例資料(可能也包含其他擴充套件)在內的壓縮檔,你可以透過在本機建立的 AMP 環境安裝 Quickstart,安裝流程與安裝 Joomla! 網站相同。

如果沒有使用需另外授權的圖片,安裝完成的 Quickstart 網站樣貌就跟展示網站一樣,你就能在管理區功能瞭解展示網站用到哪些功能,以及相關設定參數。

Quickstart 程式包含完整 Joomla! 安裝程式以及範例資料,容量與佈景主題安裝檔案有明顯差距。
▲Quickstart 程式包含完整 Joomla! 安裝程式以及範例資料,容量與佈景主題安裝檔案有明顯差距。
(畫面取自 JoomlaShine 網站)

Quickstart 包含 Joomla! 系統程式在內,下載前請確認所包含的 Joomla! 系統版本,同時不建議直接將 Quickstart 建立起來的網站直接作為正式運作網站。

使用手冊:掌握佈景主題功能

付費佈景主題提供多樣化的功能,在你下載檔案,安裝在網站之後,接下來就是要瞭解如何操作/設定佈景主題,使用手冊的重要性就在這裡。有些廠商會在網站上設 立「文件資源區」(Documentation)提供佈景主題文件,有些佈景主題的 Quickstart 範例資料也是解說資料。

另一個常見的文件格式是 PDF 手冊,你可以透過 Adobe Reader,或其他可開啟 PDF 檔案的程式觀看。

從佈景主題網站的「文件資源區」瞭解佈景主題的各項設定
▲從佈景主題網站的「文件資源區」瞭解佈景主題的各項設定。
(取自 GavickPro 網站)

Quickstart 提供的範例資料也是瞭解佈景主題的管道之一
▲Quickstart 提供的範例資料也是瞭解佈景主題的管道之一。
(取自 GavickPro 網站)

下載 PDF 格式手冊好好研究吧
▲下載 PDF 格式手冊好好研究吧。
(取自 JoomlaShine 網站)

素材檔:自訂佈景主題不可或缺的材料

有些佈景主題設計公司會在付費會員的下載區提供佈景主題的規劃素材檔,美術人員可以透過 Adobe Photoshop 或 Fireworks 打開素材檔(PSD 或 PNG 格式),做為進一步微調佈景主題呈現的所需素材。

有了素材檔,切版或是再設計就容易多了。
▲有了素材檔,切版或是再設計就容易多了。

建議的 Joomla! 佈景主題設計公司

阿寶推薦幾個在質與量都有良好評價的商業主題設計網站供作參考,不按喜好及名稱排列。

  • Joomlabamboo:http://www.joomlabamboo.com
  • RocketTheme:http://www.rockettheme.com
  • YOOtheme:http://www.yootheme.com
  • JoomlaParise:http://www.joomlapraise.com
  • JoomlaShine:http://www.joomlashine.com
  • JoomlArt:http://www.joomlart.com
  • 鼎益盛網頁設計:http://www.des13.com
  • 飛是藍點子工坊:http://web.fastnet.tw
  • 凱士數位科技:http://www.cadiis.com.tw
  • 資擘股份有限公司:http://www.joomla.com.tw
back to top
Tags: Joomla!, Joomla! 3.4, 素人架站計畫, 佈景主題
  • 上一篇文章:Joomla! 佈景主題修改的基本知識 Joomla! 佈景主題修改的基本知識
  • 下一篇文章:Joomla! 的佈景主題:基本介紹 Joomla! 的佈景主題:基本介紹

服務條款 隱私權條款© 1999 - 2019 創用 CC 授權條款華燈初上由 A-Bo Lee 製作,以創用CC 姓名標示-非商業性-禁止改作 3.0 台灣 授權條款釋出。All Rights Reserved. Powered by Helix3

Joomla!® is the trademark of Open Source Matters, Inc. in the United States and other countries. The Joomla!® name is used under a limited license granted by Open Source Matters. 華燈初上 is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

  • 首頁
    • 會員使用條款
    • 隱私權政策
  • Joomla!
    • Joomla! 新聞
    • J2Store 教學
    • Joomla! 核心
    • 元件文章
    • 佈景主題文章
    • 經驗、觀念分享
    • 外部網路資源
  • 書籍與授課
    • Joomla! 書籍簡介
    • 簡報分享
  • 討論區
  • 留言板
  • 會員登入
 
為使您有最好的使用體驗,本網站使用 cookies 功能記錄您的喜好。
We use cookies to ensure that we give you the best experience on our website.
我同意 / I accept