joomla 操作手冊

79
1 Joomla 建置操作手冊

Upload: ylchang

Post on 31-Jul-2016

266 views

Category:

Documents


4 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Joomla 操作手冊

1

Joomla建置操作手冊

Page 2: Joomla 操作手冊

2

目 錄

1. Joomla 是什麼? ........................................................................................................................................ 3

2. 下載和安裝 Joomla ................................................................................................................................. 15

3. 讓 Joomla 使用您的語言 ........................................................................................................................ 26

4. 設計、界面、顏色 .................................................................................................................................... 30

5. 關於用戶、權限、模塊和文章 ................................................................................................................ 41

6. 創建內容 .................................................................................................................................................... 50

7. 內容排版 .................................................................................................................................................... 62

8. 功能擴展 .................................................................................................................................................... 67

9. 社會化媒體和雲計算 ................................................................................................................................ 73

10. 常用資源 .................................................................................................................................................. 76

Page 3: Joomla 操作手冊

3

1. Joomla 是什麼?

Joomla 是構建網站的一個免費軟件。它同時也是一個開源項目,因此和大多數開源項目一樣 Joomla 是不斷在更

新的。Joomla 已非常成功發展了七年,也因擁有數百萬的用戶而在全球廣為使用。

Joomla 一詞源自非洲斯瓦希里語,意思是“團結一致”。Joomla 的前身是獲得過巨大成功的 Mambo,它是

Mambo 開發組脫離 Mambo 基金會,而於 2005 年創建的。這也就是說 Joomla 是 Mambo 的延續和提升,並且

因為它既簡單易用又能構建非常複雜的網站而流行於全球。除此之外,安裝簡單、管理輕鬆和非常靈活多變,也是

Joomla 的典型特徵。

過去七年裡 Joomla 核心開發團隊經過不斷重組,他們的工作也越來越符合用戶的需求。

版本策略(生命週期)

Joomla有兩種版本:標準支持版本(標準支持版本)和長期支持版本(長期支持版本)。標準支持版

本會有 7個月的更新支持,官方每六個月發布一個標準支持版本。長期支持版本則有 22個月的支持。

長期支持版本版本號的特徵是“x.5.x”,亦即第二位數是“5”。

Joomla 2.5 是一個長期支持版本,它將於 2013 年 9 月被下一個長期支持版本 Joomla 3.5 所取代。

Joomla 3.0 是一個標準支持版本,它將於 2013 年 3 月被下一個標準支持版本 Joomla 3.1 所取代。

Joomla 3.1 將是下一個標準支持版本,它的生命週期為 2013 年 3 月至 9 月。

Joomla 3.5 將是下一個長期支持版本,它的生命週期為 2013 年 9 月至 2015 年 3 月。

一般建議使用長期支持版本設計運營性網站

標準支持版本通常是網站設計者或者專業開發人員的熱身版本,它也可作為一個新網站的規劃起點(圖 1)。

Page 4: Joomla 操作手冊

4

圖 1:2011-2014 年的 Joomla 發布計劃(Pawel Borowicz 提供)

本書針對的是 Joomla 的哪個版本?

本書針對的是 2012 年 9 月發布的標準支持版本 Joomla 3.0.

我必須要升級我的舊網站嗎?

通常有三種可能:

1. 如果您的網站是用長期支持版本 Joomla 1.5 設計的,那麼升級到長期支持版本 Joomla 2.5 是一個明智的決策,

或者如果您的網站較簡單,先過渡到標準支持版本 Joomla 3,然後跟著 Joomla 3. x 的軌跡慢慢升級到長期支持

版本 Joomla 3.5 也不錯。

2. 如果您的網站是用長期支持版本 Joomla 2.5 設計的,那是沒必要升級的。2013 年 9 月長期支持版本 Joomla 3.5

推出後會有從 Joomla 2.5 升級的升級包,那時候升級更好。

3. 如果您正想構建一個網站,那麼標準支持版本 Joomla 3.0 是個不錯的選擇。

Joomla 3.0 有什麼新特色?

Page 5: Joomla 操作手冊

5

變化委實不少。

對於網站的使用者而言,最值得稱道的變化為:

Joomla 3.0 擁有一個新的用戶界面。通過新的模板機制,Joomla 開始全面支持移動設備的瀏覽。您的 Joomla 網

站在每個移動設備的瀏覽器裡都會表現得很好(圖 2);

Joomla 3.0 開始使用 JavaScript 庫 jQuery;

安裝更簡單,僅僅三步!

通過功能擴展管理器,可以直接安裝您想要的語言(圖 3);

自 Joomla 2.5 開始引入的智能搜索有了很大的提高;

所見所得編輯器 TinyMCE 升級到了 3.5.6。

圖 2:移動設備裡的 Joomla!

Page 6: Joomla 操作手冊

6

圖 3:語言包

以下是一些實用且令人肅然起敬,但又不易察覺的變化:

可以保存空白文章;

Joomla 3.0 內建了關係型數據庫管理系統 PostgreSQL 的驅動。您可以讓您的 Joomla 3.0 網站使用 PostgreSQL

數據庫;

使用高性能的分佈式內存對象緩存 PHP Memcached Driver,可以對 Joomla 進行加速;

用 JFeed 替代 SimplePie 管理 RSS;

舊的無用代碼、無用的文件、數據庫字段、數據表的清理優化以及標準化;

代碼風格統一化

在 CMS 範疇內的單元測試;

在 CMS 範疇內的已升級的系統測試;

以及更多!

您能用 Joomla 做什麼?

Page 7: Joomla 操作手冊

7

任何類型的動態網站均可用 Joomla 來構建!這些網站都是由包含文字、視頻、音頻的網頁所構成。這些頁面依據

一定的規則經常自動變化。比如在首頁頂部位置自動顯示最新的文章。

全球互聯網上的網站都有一些相同的原理。這些網站可粗分為:

博客

博客是由文章和圍繞文章展開的討論帖子組成的信息網站。最新的文章往往顯示在最 前面。

範例:http://www.joomlablogger.net/

圖 4:joomlablogger.net

品牌展示型網站

該類網站的手段是在互聯網上展示型其品牌,或構建一個品牌體驗所需的虛擬環境。這類網站通常不售賣任何東西,

而是專注於通過互聯網建設自己的品牌。

範例:http://www.ihop.com/

Page 8: Joomla 操作手冊

8

圖 5:ihop.com

手冊式網站

該類網站通過文字、圖片、動畫、視頻、音頻以及互動性很強的菜單和導航,來對公司及其產品與服務提供手冊式

的信息展示。

範例:http://www.solesolutions.no/

圖 6:solesolutions.no

名聲網站

Page 9: Joomla 操作手冊

9

聲明:名聲的定義是很複雜的:)

該類網站的一切都是圍繞名聲。它可以代表官方,也可以是其粉絲所構建和管理。

範例:http://www.deep-purple.com/

圖 7:deep-purple.com

交流網站

也可稱之為社交網站,是指那些聚集相同愛好的人,且主要的功能就是讓他們相互交流的網站。

範例:http://www.starvmax.com/community

圖 8:starvmax.com/community

Page 10: Joomla 操作手冊

10

電子商務網站

售賣商品或服務,或者提供商品或服務的在線交易功能的網站,都是電子商務網站。

範例:http://regalosdecocina.com/

圖 9:regalosdecocina.com

論壇型網站

主要讓用戶進行主題討論的網站,即是論壇型網站。

範例:http://www.sol.dk/debat/kategorier

Page 11: Joomla 操作手冊

11

圖 10:sol.dk/debat/kategorier

相冊型網站

這是主要為用戶提供相冊服務的網站,有免費的也有收費的,有提供藝術相冊的,也有隻要是圖片就能展示的。

範例:http://www.mb-photography.com/

圖 11:mb-photography.com

政府網站

全球超過 3000 個政府網站是用 Joomla 構建的。

範例:http://joomlagov.info/

Page 12: Joomla 操作手冊

12

圖 12:joomlagov.info

新聞網站

信息發布型的網站,主要用於發布新聞、政策法規以及時事評論。

範例:http://www.aa.com.tr/

圖 13:aa.com.tr

個人網站

由個人或者小團體(如家庭)構建的主要發布他想發布的信息或內容的網站。

範例:http://www.ilnono.it/it/

Page 13: Joomla 操作手冊

13

圖 14:ilnono.it

600,000,000 個網站

您是否想過這樣的問題:2012 年全球有多少個網站?——當然很多,但沒有人知道準確的答案。

也許您已經註意到了,上面的範例大多不是多大的網站,但他們都滿足了創建者及他們的客戶的需求。但這絕不是

說 Joomla 只能構建小型網站。它僅僅意味著大多數的網站受有限的資源和資金的影響——也正是這個原因,人們

常常更願意使用像 Joomla、WordPress 及 Drupal 這樣的開源軟件構建他們的網站。

像 Facebook、Flickr、YouTube、Google、Apple 或 Microsoft 這樣的大型網站往往不是採用一個開源內容管理

系統來構建他們的網站。這些公司往往有數以千計的網站開發人員,開發出數以百計的網站以供優選,並為其目標

市場提供一個富有創意和解決方案的綜合體。因此對於他們而言,重要的不是技術,而是商業模式和創意!

業餘 VS 專業

上面的網站分類是別人總結出來的,我更想將他們分為業餘和專業兩種類型。

業餘類型的目標是解決問題。他們通常不關心到底使用的是用什麼資源,讓他們開心的是終於成功了。

Page 14: Joomla 操作手冊

14

專業類型的目標是他們的工作成果可以隨著時間的推移越來越好。他們總是努力將他們的知識傳遞給其他人,並以

這些知識作為他們的商業基礎。

就 Joomla 而言,您是業餘還是專業並不那麼重要。因為兩者都能用好 Joomla。並且常常是隨著時間的推移,業

餘的人慢慢變成了 Joomla 專家,而專業人士推動 Joomla 內容管理系統及其框架越來越好!

這是本書的第一個也是最後一個建議!

不要理會別人對你的指指點點。堅定地向著你想要做的方向邁進。

這些網站有哪些共同點?

儘管以上列舉的示範網站千差萬別,他們仍然具有以下共同點:

他們展示的是內容(文字、圖片、視頻、音頻)

他們都有獨特的外衣:富有特色的界面、顏色、字體等等。獨特並非就是完美、有品位或者非常藝術。獨特僅僅代

表著個性。:)

來訪者在一定程度上可以和網站進行互動。當然有時候他們必須先創建一個帳號。

通過不同的語言提供靜態字詞或內容。

Joomla 就是強力膠水

所有這些網站都是基於創建者的主意以及 Joomla 內容管理系統的無限可能性。我將在本書裡涵括所有這些類型的

網站的共同點。在讀完接下來的 9 章內容之後,您將能夠自己創建一個相當漂亮的網站——至於您是想以業餘還是

專業的方式完成,那就由您自己去決定了。:)

Page 15: Joomla 操作手冊

15

2. 下載和安裝 Joomla

迷茫……下載什麼?到哪下載?上哪去安裝?為什麼要安裝?安裝什麼?

要把 Joomla 安裝到您的電腦上(我們常稱呼你的電腦為“本地”(local)),您就必須安裝您自己的網絡,也就

是您必須要有一個瀏覽器、一個 web 服務器、一個 PHP 環境以及一個 Joomla 支持的數據系統。我們稱之為一個

解決方案棧和一個客戶機/服務器系統。

解決方案棧是指為了實現 Joomla 網站的完整功能所需的一套軟件系統或組件:

服務器的操作系統(Linux、Windows、OSX)

web 服務器(Apache、IIS)

數據庫(MySQL、PostgreSQL)

腳本語言(PHP)

您可以在家自己搭建一個解決方案棧,您也可以購買或從主機商提供的規格繁多的虛擬主機裡租用一個。Joomla

3.x 所需的解決方案棧(我們也常稱之為“環境要求”)請見圖 1。

軟件 最低要求

PHP 5.3.1 +

MySQL (InnoDB support required) 5.1 +

Apache

(需要有 mod_mysql、mod_xml、and

mod_zlib)

2.x +

Microsoft IIS 7

Page 16: Joomla 操作手冊

16

圖 1:Joomla 3.x 的環境要求所有的 PHP 環境都需要考慮類似的因素,因此我推薦你閱讀這一章的內容:PHP 環

境的安裝變量。如果解決方案棧已搭建完畢並可以正常運行,我們就得到了一台服務器。這台服務器可以是您的電

腦,也可以說遠程的某台電腦。網站的所有訪客和註冊用戶都是使用他們電腦中的瀏覽器訪問您的 Joomla 網站。

我們稱他們為客戶端。“經典” LAMP 解決方案棧看起來如圖 1。

圖 1: LAMP 解決方案棧

Joomla Web 安裝器

有了 web 安裝器,我們可以在幾分鐘內完成 Joomla 的安裝:

把 Joomla!文件從壓縮包解壓到網站的根目錄,並使用 Joomla! web 安裝器做好配置,一切就這麼簡單!

Page 17: Joomla 操作手冊

17

從 joomla.org 下載 Joomla! 3,並把文件解包到 web 服務器的根目錄(例如:/htdocs)。

從現在開始,在 Joomla! web 安裝器就緒的情況下,您很快就能完成安裝:使用瀏覽器訪問 http://localhost/。

絆腳石

這個話題很複雜,因為實在有太多的主機商和更多的主機類型,再加上 PHP、MySQL 版本和主機管理工具,等等。

安裝中的要點是:

一個激活的 PHP 安全模式(Safe Mode),防止非法寫入文件。

“禁用了”Apache web 服務器的重寫路徑因為所謂的 Apache Rewrite Engine (mod_rewrite)未激活。

Linux 和 OSX 的目錄權限設置,和 Windows 不一樣。

基本上,幾乎總能讓您完成安裝的最簡單的方式如下:

從 Joomla.org 下載安裝包到你的電腦,並解壓所有文件到一個臨時目錄。

通過 FTP 將以上所有文件上傳到你租用的主機或者移動到你本地的安裝目錄裡。這些文件必須處於公共目錄,這些

目錄的名稱通常為 htdocs、public_html 或 html。如果這些目錄已經安裝了其它東西,您可以指定一個子目錄來

放置 Joomla 文件。許多主機允許您將網站域名解析到一個指定的目錄。

您必須要知道您的數據庫的名稱。多數情況下,在您租用的主機裡已經包含了一個或多個數據庫。有時候主機商會

直接告訴您數據庫的用戶名、數據庫的名稱以及密碼;有時候您要先自己設置這些。通常您通過瀏覽器能夠訪問的

一個界面即可完成相關設置。而這些是 Joomla web 安裝器必需的信息。

安裝前檢查

安裝前檢查用於幫助您確定您的服務器環境是否符合 Joomla 安裝的要求。注意頁面上方有安裝過程的語言的選擇。

如果在這個頁面您發現有紅色標記,那麼很不幸您的解決方案棧的配置不恰當並且安裝器會拒絕安裝 Joomla。實

際情況依據您的環境配置,會有不同的要求。Joomla 考察的是 web 服務器(我們的示例中使用的是 Apache)、

Page 18: Joomla 操作手冊

18

PHP 和操作系統的配置。當使用 Unix 類的操作系統(如 Linux、Mac OS X)時,您要特別注意文件權限。該設置

決定著在 Joomla 安裝中,能否根據您的設置而生成文件 configuration.php。如果安裝器無法在文件夾中執行寫

入操作,Joomla 的安裝就無法完成。如果碰到這種情況,應該馬上修改配置後,通過刷新頁面來重新檢查。

圖 2: 安裝前檢查

第一步:配置

在這個配置頁面,您必須命名您的網站並填寫網站的描述,以及超級管理員的相關資料。最下方還有個按鈕決定網

站安裝完成後,是馬上開放,還是先關閉而只讓網站管理員訪問。這一設置在您將網站直接安裝到您的實際主機裡

的時候,是非常實用的(圖 3)。

Page 19: Joomla 操作手冊

19

圖 3: 安裝器- 配置頁面

第二步:數據庫

Joomla 可以讓您選用多種數據庫。反言之,您要能確定到底使用哪種數據庫服務器,然後您必須填寫數據庫的相

關參數(圖 4)。在您本地的環境裡,您創建多少個數據庫都行。

在 Ubuntu Linux 裡使用 MAMP 軟件包時,您的 MySQL 用戶名為 root。用戶 root 是 MySQL 的管理員,在 MySQL

系統裡無所不能。該用戶的密碼則與您的服務器環境相關(XAMPP 勿需密碼,MAMP 的密碼也是“root”)。

當您在使用實際的主機時,您的主機商通常會為您提供相對應的信息。

Page 20: Joomla 操作手冊

20

圖 4: 安裝器– 數據庫設置

在你電腦(本地)進行安裝時,請按下面的信息填寫:

主機名:localhost

用戶名:root

密碼:[親,這只有您自己知道]

現在請填寫數據庫名稱。當您在使用實際的主機時,您的主機商通常會為您提供相對應的信息,並且您只能嚴格使

用這些信息。如果您有數據庫服務器的根權限(root permission),您可以任意填寫一個數據庫名稱(當然最好

不要和您已經在使用的其它數據庫重名),Joomla 隨後會創建這個數據庫。

您可以選擇決定當該數據庫裡存在數據表時,是被清理掉,還是在以前的數據表前面加“ bak_ ”後備份在原處。

數據表的前綴是很實用的。web 安裝器能在每個表前面添加你給定的前綴,但默認情況下,它會建議性地使用一個

隨機生成的前綴,如“ w02rh_ ”。採用前綴的原因很簡單,有時候您只能從主機商那裡獲得一個 MySQL 數據庫。

沒有前綴你就沒法運行兩個或更多的 Joomla 網站。有了前綴就能夠區分出多組數據表(如 w01client_、w02client_)。

因此你最好採用隨機生成的前綴。前綴"bak_"常用於表明這是數據表備份。

Page 21: Joomla 操作手冊

21

第三步– 最終確定

第三步 Joomla 會告訴您您的網站配置的概況,並詢問您是否要安裝示範數據(圖 4)。

圖 4: 最終確定

Joomla 2.5 只有一組示範數據供您安裝,Joomla 3 則提供了多種選擇。“示範數據”不但能為您安裝博客風格的

示範內容(圖 5)、手冊風格的示範內容(圖 6)、學習型示範數據(圖 7)、默認示範數據(圖 8),而且從名

稱就知道實 際上這些內容相對應的頁面風格也是不同的。

Page 22: Joomla 操作手冊

22

圖 5: 博客風格的示範內容

圖 6: 手冊風格的示範內容

Page 23: Joomla 操作手冊

23

圖 7: 學習型示範數據

圖 8: 默認示範數據

您可以按照您的需要和基礎,安裝適當的示範數據。

不過安裝完成後,您是無法在不同種類的示範數據中切換到。也就是說,你只能選擇一種類型。

當然您也可選擇不安裝任何示範數據。如果您知道如何使用 Joomla,“不安裝示範數據”其實是個很好的選擇。

Page 24: Joomla 操作手冊

24

我也將選擇一個“裸奔”的 Joomla(即不安裝示範數據)作為接下來幾章的基礎。

沒有示範數據,您將更容易理解接下來的內容。

選擇您需要的示範內容,然後點擊“安裝”,Joomla 就會安裝好數據庫並為您配置好整個網站(圖 9)。

圖 9: Joomla 完成安裝

為安全起見,安裝完成後,必須刪除安裝目錄:請點擊“刪除安裝目錄”。安裝目錄刪除後,您就可以直接訪問網

站前台或者後台管理(地址為:域名/administrator)。我安裝後的網站如圖 10。

圖 10: 沒有安裝示範數據的 Joomla 網站

輸入如下地址即可訪問 Joomla 的控制面板:

Page 25: Joomla 操作手冊

25

http://your_domain.tld/administrator

馬上會給你顯示一個登錄界面,並且您可以選擇自己想要的後台管理的語言(圖 11)。成功登錄後它就會以該語

言為您開啟後台管理。(圖 12)。

圖 11: 登錄界面

圖 12: 控制面板

Page 26: Joomla 操作手冊

26

3. 讓 Joomla 使用您的語言

至此,您的網站和控制面板還都只是英文版。這是 Joomla 的基礎語言。安裝時我們選擇的語言,僅僅只在安裝時

起作用。

因為有很多 Joomla 用戶的母語都不是英語,因此本章內容非常重要。

語言管理器

首先我們來看看怎麼設置您想要的語言。當然現在我們的 Joomla 網站還沒有多種語言,只有英文。

語言管理器(擴展→語言管理)分為四個部分:

1. 已安裝- 網站前台

這裡是一個已為網站前台安裝的語言的列表。您可以將其中一種設置為網站前台默認的語言,激活或滅活其它語言

(圖 1)。

圖 1: 網站前台的語言

2. 已安裝- 後台管理

這裡是一個已為網站管理後台安裝的語言的列表。您可以將其中一種設置為網站後台默認的語言,激活或滅活其它

語言(圖 2)

Page 27: Joomla 操作手冊

27

圖 2: 網站管理後台的語言

3. 內容

在此您可以設置某語言下的網站名稱、元數據、語言代碼,等等(圖 3)。

圖 3: 某語言的參數設置

4. 語言覆蓋

您可以個性化語言詞條。當您只需要改變少量詞條的時候,這是非常有用的。

Joomla 語言管理系統將詞條,如“請登錄以閱讀文章”存儲於如

“ COM_CONTENT_ERROR_LOGIN_TO_VIEW_ARTICLE”這樣的變量中。如果您覺得這個詞條的翻譯不合您的

心意,您可以在此覆蓋它(圖 4)。您可以通過搜索找到某個詞條對應的文本字串。

Page 28: Joomla 操作手冊

28

圖 4: 語言覆蓋

安裝一種新語言

在語言管理器前兩項的左上方都有安裝語言的按鈕,點擊後 Joomla 帶您轉至擴展→擴展管理→安裝語言。如果您

是第一次使用這一功能,您會看到所有可以使用的語言包。選擇您想要的語言後,點擊安裝按鈕即可。(圖 5).

圖 5: 可以使用的語言包

安裝後您還要返回語言管理器(擴展→語言管理),將您安裝的語言設置為網站前台或(和)網站管理後台的默認

語言,增設網站的內容語種。

Page 29: Joomla 操作手冊

29

圖 6: 使用西班牙語的管理後台

Page 30: Joomla 操作手冊

30

4. 設計、界面、顏色

模板是一個網站最重要的部分。它為網站提供外觀設計,並吸引新訪客在您的網站逗留和瀏覽。普通訪客和用戶都

會因漂亮且實用的設計而心情愉悅。比如我們想想其它產品:一輛汽車需要一個強勁的引擎和耐用的輪胎,但促使

人們購買的最重要的因素還是設計。即使設計不是主要原因,它常常也是勾起購買衝動,或者引發消費者考慮更實

在的理由的的一個導火索。如果設計做得很好,人們很自然地就會期待其它方面也很好(圖 1,圖 2)!

圖 1:滿身貼紙的轎車(Richardmasoner) - http://www.flickr.com/photos/bike/201402884

Page 31: Joomla 操作手冊

31

圖 2:紅色轎車(FotoSleuth) - http://www.flickr.com/photos/51811543@N08/4978639642

這兩輛車針對的是不同的目標人們。它們也是為達到它們的目標而採用迥然不同的設計的範例。

幾個概念

我將僅僅介紹幾個概念來啟發你。

什麼叫設計?

設計作為名詞,指的是通過一個計劃或者繪畫顯示某事物的功能和前景,並在一定的環境達到某個特定的目標,並

滿足一系列的需求。

設計作為動詞,指的是在一個設計環境下創造一個設計。

因此設計一詞可以用於

藝術(“純直覺的”、“內在的”、“自然的”、“我們感覺合適的”)

機械工程(一款新車的產品設計)

生產製造(計劃和執行)

流程(業務流程建模)

什麼是頁面佈局?

頁面佈局是“圖片”設計的一部分工作,它主要解決一個頁面的風格元素(如內容)以及這些元素的頁面安排。以

Joomla 的專業術語來說,頁面佈局就是在預定的模板位置安排 Joomla 的模塊和組件。

什麼是顏色?

顏色是人類的視覺財產,是我們稱之為紅色、綠色、藍色等等視覺感覺的總稱。常有些特定的顏色與文化如國旗的

顏色相關。顏色的應用具有多樣性,它們與文化的聯繫甚至與同一種文化不同年代的聯繫也是多元化的。HTML 顏

Page 32: Joomla 操作手冊

32

色和 CSS 顏色有 1600 萬種不同的顏色值。它們由紅色、綠色、藍色混合而成,每種顏色的最小值是 0,最大值是

255。這些值最終組合成超過 1600 萬種不同的顏色(256 x 256 x 256)。 舉例:黑色 = 16 進制顏色中的#000000

= RGB 顏色中的 rgb(0,0,0) 有幾個工具(如 color scheme designer)可以幫助你為你的網站找到正確的顏色

(圖 3) 。

圖 3:Color Scheme Designer(配色方案設計師)

模板

一個模板包含訪問網站的人可以看到的重複性的元素。使用一個模板編排這些元素,往往可以減少對圖片設計技巧

的要求,並且把背景元素的修改和其它常用前景內容元素的修改(或交替)的工作量降低最低。

網頁設計

Page 33: Joomla 操作手冊

33

網頁設計有點像利用手工和很多種技能來製作和維護網站。

網頁設計必須要能具備 HTML、CSS、JavaScript、PHP、圖片編輯以及其它一些技能。

Joomla!只是網頁設計師的工具箱中的一個工具。 一個優秀的模板並不僅僅與顏色和圖片相關。內容表現的形態和

位置排列也很重要。網站必須是用戶友好的和可靠的——這讓我再次聯想到了上面的兩輛靚車。 網頁設計是個年

輕的職業。現在的網頁設計師常常要應對低帶寬、瀏覽器不兼容、青澀的內容編輯器以及一起協作於“漂亮”網站

的其他人。在構建一個 Joomla!網站時,參與工程的每個人常常都會學到一些新知識。在使用 Joomla 3 設計網站

時,其中的模板“Protostar”會讓你了解 Joomla 用戶界面庫(JUI)。 優秀的網站設計源自辛苦的工作!:-) 用

自己需要的語種安裝好網站後,即使還沒有內容,多數人就已經開始為顏色而苦惱,並且急於上傳一些東西,比如

一個新 Logo。好在 Joomla 為用戶預備了幾個模板以及所謂的模板風格。一個模板風格就是為模板準備的一系列

與顏色、logo、界面相關的選項。風格的變化能力完全取決於模板。一些模板具有海量的設置,而另外一些模板的

設置則非常少。 因此您可以隨心所欲設計很多種風格並把它們分配到您網站的不同頁面。

結構

Joomla 以其高質量和簡單而著稱。Joomla 網站的一個頁面可以是由一個組件、幾個模塊和一個模板輸出的 HTML

代碼而生成的。每個頁面都能通過一個唯一的網址而訪問到。以首頁為例,內容組件通過輸出 HTML 代碼在中間區

域顯示文章。這張截圖是使用 Joomla 模板“Beez”(圖 4)時截取的。文章周圍的方形區域是幾個不同的模塊。

你可以把組件的 HTML 輸出和任意數量的模塊的 HTML 輸出相組合。模塊還可以在其它頁面重複使用。

Page 34: Joomla 操作手冊

34

圖 4:Joomla!首頁

位置

當然,您必須知道您能把模塊分配到頁面的哪些地方。為達到這一點,每個模板都提供了所謂的“位置”。為了了

解這些位置的分佈,您必須開啟“模塊位置預覽”開關(擴展→模板管理→選項)。隨後您即可通過在網址後面加

tp=1 訪問您的網站(http://your_domain.tld/index.php?tp=1)或者點擊擴展→模板擴展 →模板(圖 5),再

在任何一個模板邊點擊“預覽”鏈接。

Page 35: Joomla 操作手冊

35

圖 5:模板管理- 網站模板

您將看到高亮顯示的模塊位置及其名稱(圖 6)。

圖 6:模塊位置- 模板 Protostar

點擊擴展→模塊管理,您就能將某個模塊分配到某個位置。如果您希望一個模塊同時在幾個不同的位置顯示,您可

以復制它。

核心模板

Page 36: Joomla 操作手冊

36

Joomla!安裝包本身帶來 2 個網站模板和 2 個後台管理模板。您可點擊擴展→模板管理→ “模板”標籤。您還可

以通過在下拉框“選擇位置”裡選擇不同的選項,來篩選出前台模板和後台模板。(圖 6 及圖 7).

圖 7:模板管理- 後台管理模板

風格

風格能夠讓您創造和使用同一個模板的不同“版本”。一個模板至少有一種風格。您通過更改模板的配置即可產生

不同的風格,比如改變顏色或上傳 頭部需要的 logo。您可通過擴展→模板管理→風格來為您的網站設置不同的風

格。

示例:一個個性化的風格

讓我們一起來為我們的網站創建一個個性化的風格:

Name:cocoate

Template Colour:#f88638

Fluid Layout

您可以拷貝這些信息並應用到您正在創建中的額外的風格。如我即已用到模板 Protostar 裡了(圖 8)。

Page 37: Joomla 操作手冊

37

圖 8 - 一種複雜的風格

填寫風格的名稱,並設置它為所有語言的默認模板。如果您的是多語言 Joomla 網站,您可以為不同的語言設置不

同的風格。(圖 9)

圖 9 - 設置模板的一個風格

通過“選項”標籤,您可以選擇一個模板和一個背景顏色,上傳一個 logo,並將模板設置為固定或動態寬度(圖

10,圖 11)。

圖 10 - 風格的“選項”標籤

Page 38: Joomla 操作手冊

38

圖 11 - 上傳 logo

每種風格都可(必須)被分配給一個菜單項。比如,如果您想訪客點擊菜單項 A 時,網站的背景色為綠色。訪客點

擊菜單項 B 時,網站的背景色為藍色,你可以為它們分配相應的風格。在我的示範中,我只有一個菜單項,因為到

現在為止,我的網站還沒有內容。我將新的風格分配到菜單項“主頁”(圖 12)。

圖 12 - 菜單分配

保存風格後,網站看上去就不同了(圖 13),並且因為模板 Protostar 良好的兼容性,網站在移動設備上能夠完美

展示(圖 14) 。

Page 39: Joomla 操作手冊

39

圖 13 - 台式 PC 機裡的網站

圖 14 - 移動設備中的網站

在線編輯模板文件

如果您明白頁頭標題的縮略詞,您實際上可以直接設置模板。模板是 Joomla 的基礎,它由幾個文件組成。而我們

完全可以在線改變某個模板的核心元素。

如果您想編輯模板“Protostar”,您須訪問擴展→模板管理→模板→ Protostar 獲取細節和文件:點擊指向文件

的鏈接即可。

Page 40: Joomla 操作手冊

40

圖 15:在線編輯模板文件

我們當然也可以用外部編輯器來編輯這些文件。

Joomla 網站的模板文件位於文件夾/templates。每個模板都有它對應的文件夾。在文件夾/templates/systems

裡您還能找到編輯網站關閉和頁面報錯的模闆對應的文件。

後台管理的模板位於文件夾/administrator/templates。

Page 41: Joomla 操作手冊

41

5. 關於用戶、權限、模塊和文章

我知道我們的網站還是沒有內容,但在我們創建內容前先來看看這個新網站的用戶帳號。

在安裝 Joomla 的時候,您就已經創建了一個超級管理員的帳號。該用戶可做一切操作:這個帳號用起來很爽但同

時也很危險。您大概會在您的網站設立多個用戶帳號,如可以編撰文章的採編等。接下來就讓我們一起來構建一個

可以讓採編不必登錄管理後台就可以編撰文章、上傳圖片的網站吧。本章內容將使您了解到 Joomla 的很多道道!:)

關於用戶、角色和權限

在我們開始前,了解到這些是很重要的:

根據他們的角色權限,用戶通常也可登錄網站前台,及(或)管理後台。

一個用戶必須是某個用戶組裡的成員。我們通常是把權限分配給一個用戶組,而不是每個用戶。用戶則是被分配到

一個或多個用戶組裡來獲取相應的權限。想像一個您的網站有分配在四個不同的用戶組的 1 萬個用戶。管理員很容

易改變每個用戶組的權限。而如果沒有用戶組,那您就不得不手工改變每個用戶的權限。相反,通過使用用戶組,

您僅僅需要一次性調整幾組權限。

Joomla 本身帶有預定義好的幾個用戶組:如採編和總編,它們很容易被理解。採編可以提交(在線編輯)內容,

而總編擁有發佈內容的特權。

預定義好的前台用戶組為:訪客、註冊用戶、採編、主編、總編

預定義好的後台用戶組為:初級管理員、高級管理員、超級管理員

示範:一個可以讓採編編撰文章的網站

這是一個非常簡單的工作流程,但它涵括了存在於 Joomla 裡的一系列可能性。我們假設您安裝的是有一個超級管

理員帳號但沒有示範數據的裸奔的囧啦。

Page 42: Joomla 操作手冊

42

理想的方案

1. 後台管理帳號:

-當有人創建一個新用戶帳號時,能夠激活網站給管理髮送一份通知

-為註冊用戶創建一個用戶菜單,其鏈接指向一個可以編撰文章的頁面

2. 網站訪客:

可註冊為新用戶

3. 後台管理帳號:

接收通知,將用戶分配到“採編”用戶組

4. 網站的採編:

可創建文章但不允許發布文章

5. 後台管理帳號:

-當有新內容提交時接收到相關通知

-發布文章到網站前台

1. 超級管理員電子郵件通知和用戶菜單

在管理後台點擊用戶 → 用戶管理 → 選項,然後開啟“給管理員發送郵件通知” (圖 1).

Page 43: Joomla 操作手冊

43

圖 1: 給管理員發送郵件通知

點擊菜單 → 菜單管理,添加一個新菜單群:

標題:用戶菜單

菜單類型:用戶

描述:一個為用戶提供有用的鏈接的菜單

保存並關閉,你就創建了一個菜單群或者是菜單容器。現在還缺少的是菜單群裡的鏈接,以及在模板的指定位置顯

示出來的一個帶菜單鏈接的模塊。

為創建和鏈接該模塊,請點擊“鏈接到該菜單的模塊”下的鏈接(圖 2)

Page 44: Joomla 操作手冊

44

圖 2: 添加一個模塊

在該模塊表單,您必須添加一個標題(即“用戶菜單”),選擇位置(注意是模板 Protostar 裡的位置),訪問權

限(註冊用戶)。最後別忘了保存並關閉它。(圖 3).

圖 3: 創建用戶菜單模塊

現在我們需要的是菜單中能夠顯示給採編的“創建文章”鏈接,請點擊菜單→用戶菜單→添加新的菜單項(圖 4)

圖 4: 在用戶菜單群裡創建一個鏈接

在接下來的表單裡,您必須填寫該鏈接的名稱(菜單項的標題),選擇一個菜單項類型(圖 5)並且限制為“註冊

用戶”才能訪問。每個 Joomla 組件都可以提供“菜單項類型”。我們需要的類型(創建文章)是 Joomla 核心組

件之一的內容組件所提供的。

Page 45: Joomla 操作手冊

45

圖 5: 選擇菜單項類型

在您保存並關閉後,列表中就會顯示一個新的菜單項。(圖 6)

圖 6: 用戶菜單中的新菜單項

測試下您的工作吧!用您的超級管理員帳號登錄網站前台,我們會看到新創建的用戶菜單群及其鏈接(圖 7)。

圖 7: 登錄後顯示的用戶菜單

測試後請退出登錄。

Page 46: Joomla 操作手冊

46

2. 註冊為新用戶

現在我們創建一個新的用戶帳號。請像其他訪客一樣訪問網站,點擊“創建帳戶”,填寫好表單後點擊“註冊”按

鈕(圖 8)。

圖 8: 註冊表單

如果您的服務器棧允許發送郵件,此時將有一封通知郵件發送給超級管理員帳號裡填寫的 Email 地址。

Joomla 提供驗證碼功能來阻止垃圾信息製造者。要使用該功能,請激活驗證碼插件。操作:擴展 → 插件管理,

激活驗證碼插件(CAPTCHA);然後回到用戶管理,點擊“選項”,在配置的“驗證碼”一項中選擇剛才激活的

插件。

3. 將用戶分配到用戶組

用您的超級管理員帳號登錄管理後台,然後點擊用戶 → 用戶管理,點擊新註冊的這個用戶的名字(Toni Tester)。

在“分配用戶組”標籤下勾選用戶組“採編”(圖 9)。

Page 47: Joomla 操作手冊

47

圖 9: 將用戶分配到一個用戶組

4. 我們的新採編將編撰一篇文章

以您新註冊的用戶帳號登錄網站前台,點擊用戶菜單中的“編撰文章”,填寫標題和內容,然後點擊保存(圖 10)。

圖 10: 編撰一篇文章

文章已經保存並發送,但採編本人看不到它,因為文章並未發佈出來。我有意設置成這樣,是因為在一些情況下,

我們希望由另外一個人來編輯、審核這樣的文章,並決定是否發布或(和)何時發布。

Page 48: Joomla 操作手冊

48

當然,我們也可以簡化工作流程,將這個用戶分派到“總編”用戶組,這樣他就在完成文章的編撰後立刻將文章發

佈出來。

5. 管理員在前台發布文章

Joomla 有一個站內信息系統,當一個用戶提交新文章後,系統就會發出一條信息。信息的發布形式依據於您的設

置(組件→站內信息→選項),可以通過 email 發給管理員,也可以存儲在管理後台。

收到信息的管理員須登錄管理後台(以後您會知道也不是什麼情況下都必須登錄管理後台),訪問內容→文章管理,

才能發布這篇文章。如果想讓這篇文章同時發表到網站首頁,請在“頭版”選項處選擇“是”(圖 11,圖 12)。

圖 11: 發布一篇文章

圖 12: 頭版文章

修改流程

Page 49: Joomla 操作手冊

49

看完這個示範,我們已經註意到操作中涉及到了很多 Joomla 的基本原理,且相關的配置可以根據您的需求很容易

就設置好。但其實 Joomla 還存在大量的權限、選項等等設置工作,我將在第 8 章提供一些這方面的示範。

Page 50: Joomla 操作手冊

50

6. 創建內容

本系列教學轉自 Cocoate 免費書庫,英文原著由 Hagen Graf 編寫,中文翻譯由 Derek Joe 完成

創建內容是很不容易的!每篇內容都是一則故事。故事可以很精彩或者很平淡,由此吸引來訪者或者讓他們覺得枯

燥無味。關於寫作的書不計其數,有良好的寫作才能的人這年代也不少。

我只有一個涵括技術部分的相對輕鬆的任務。:)

什麼是 Joomla 網站的文章?

以專業術語來說,一篇文章的組成如下:

一個標題和一個別名(網址裡)

正文(文字、圖片和其它媒體的混合體)

分門別類保存文章的分類

一個作者及其別名

訪問權限

文章使用的語言

供搜索引擎和其它機器人搜索的元數據

當然還有很多關於如何、哪裡、誰、什麼時候讓文章才能顯示出來的選項。

上一章您已經編寫過一篇文章,也明白事情並不那麼複雜:只有標題是必須的,其它字段都有一個默認值或者一個

默認選項。

讓我們一起來解決上面列表中的項目:)

標題

Page 51: Joomla 操作手冊

51

這是很小但很重要的工作。

它要夠味夠短到能夠吸引到讀者,而且對於您來說還有夠便利,因為在網站前台或管理後台的文章列表中顯示的就

是文章標題。

一般文章標題顯示在讀者的瀏覽器窗口的頂部(專業點說:文章標題同時也是瀏覽網頁時的頁面標題),頁面標題

裡除了文章標題外還可以包含網站名稱——您可以通過這樣的配置達到這一效果:系統→全局配置→網站→ SEO

設置→添加網站名稱到網頁標題 。

可以讓它成為頁面網址的一部分(I),這取決於您如何設置網址的格式:系統→全局配置→網站→ SEO 設置

正文

Joomla文章裡的文本部分可包含某些排版中會顯示的部分和其餘並不馬上顯示的部分。文章的其餘部分又能分頁,

因此一篇很長的文章甚至可以被分為 10 頁,並以一個小目錄來導讀。:)

Joomla 能提供二個編輯器來幫您創建文章。其中默認使用的是一個富文本編輯器(TinyMCE)。所謂富文本編輯

器是可內嵌於瀏覽器,讓您所見即所得的文本編輯器。這也就是說,您不需要懂得那些 HTML 標籤(代碼)即可編

撰文章。這個編輯器無論是看起來還是用起來都很像您的 PC 電腦裡的文本處理器 Word 和 LibreOffice,上面的

功能圖標(按鈕)既直觀又方便。(圖 1)。

Page 52: Joomla 操作手冊

52

圖 1: 所見即所得的文本編輯器

當您的鼠標移到一個按鈕的上方,會馬上顯示出一個與這個按鈕的功能有關的說明。

備註:

您可以安裝其它編輯器,如大名鼎鼎的 JCE Editor,你也可以什麼編輯器都不用。Joomla 本身帶有兩個編輯器,

你可以自行指定默認的編輯器:系統→全局配置→網站→默認編輯器。

Joomla 的默認設置允許用戶通過編輯他們的用戶帳號來自行決定將何種編輯器作為自己的默認編輯器。但您也可

以關閉這個功能:用戶→ 用戶管理→ 選項→ 前台用戶參數。

從 Word 粘帖內容

編輯時常發生的比較糟糕的事情是,當我們從 Microsoft Word 等電腦軟件中拷貝文章內容的時候,粘帖到基於

HTML 的 Joomla 編輯器里後,得到的排版和像 Microsoft Word 這樣的基於二進製或者復雜的 XML 的文本處理

器的排版還是有點不同(雖然這幾年越來越接近)。TinyMCE 等編輯器提供了“清理無用代碼”的按鈕,但通常

還是無法完全得到與原來的文章一致的排版。當您在給您的團隊或客戶講解 Joomla 的編輯器時請記得提醒他們。:)

插入圖片

在編輯器窗口的下方,您能找到一個叫“圖片”的按鈕。它的功能是使用能夠從 Joomla 的圖片庫中選擇一張插入

到內容中,或者讓你通過上傳將您電腦中的圖片添加到 Joomla 圖片庫中。

您可以通過這裡管理您的 Joomla 網站的圖片庫內容→媒體管理

您可以通過啟用 Flash 上傳方式一次上傳多張圖片(內容→媒體管理→選項→啟用 Flash 批量上傳器)

Page 53: Joomla 操作手冊

53

Joomla 並不能真正改變您的圖片大小,因此請特別留意大圖片!最佳方案:您的圖片的大小和您想網站裡顯示的

圖片大小完全一致。Joomla 擴展庫裡有幾個專門調整圖片大小的功能擴展。Joomla 3 裡使用的 Twitter Bootstrap

framework(框架)也有助於快速顯示圖片。

從圖片庫將圖片插入到內容里後,點擊編輯器上方的“圖片”按鈕,您還可以設置它的屬性(圖 2)

圖 2: 使用富文本編輯器

參考文章

編輯器窗口下方的“文章”按鈕您從當前文本里鏈接其它有用的文章。

閱讀更多

Page 54: Joomla 操作手冊

54

Joomla 文章可以以列表的形式展示,也可以整版顯示一篇文章的所有詳情。當以列表形式展示時,為使版面內容

簡潔明了,顯示的文本必須簡明扼要(只顯示引言)。編輯器窗口下方的閱讀更多按鈕即可以幫助你控制引言的長

短。鼠標移至您想截斷文本地地方,點擊”閱讀更多“按鈕即可(圖 3)。

圖 3: 閱讀更多鏈接

添加一個 YouTube 視頻

當然不僅僅只能插入 YouTube 視頻,這只是一個 Joomla 和編輯器使用文本過濾器的典型範例。倘若您想通過以

下代碼添加一個 YouTube 視頻

<iframe width="560" height="315" src="http://www.youtube.com/embed/rX372ZwXOEM" frameborder="0"

allowfullscreen></iframe>

您會發現代碼被編輯器和 Joomla 過濾得無影無踪了。這不是 bug!這是一個正常的功能。:)

為安全起見:

Page 55: Joomla 操作手冊

55

Joomla 使用所謂的文本過濾器(系統→全局配置→ 文本過濾)過濾這些標籤:<applet>、<body>、<bgsound>、

<base>、<basefont>、<embed>、<frame>、<frameset >、<head>、<html>、<id>、<iframe>、<ilayer>、

<layer>、<link>、<meta>、<name>、<object>、<script>、<style>、 <title>以及<xml>。

TinyMCE 也會過濾以下標籤:<applet>、<object>及<iframe>。

不幸的是,我們常常需要通過以上示範的插入<iframe>標籤的方式添加 YouTube 視頻。那如何可以解決這一矛

盾? 一個方法是完全信任您的採編,並為用戶組“採編”創建一個黑名單(系統→全局配置→文本過濾)(圖 4),

然後告訴 TinyMCE 標籤<iframe>不是邪惡的東西(擴展→插件管理→編輯器-TinyMCE →編輯→基本選項→禁用

的元素):刪除禁用的元素裡的 iframe。

圖 4: 為用戶組“採編”定制一個黑名單

在您改變這些過濾規則後,您就可以通過拷貝粘帖的方式在您的文章中插入代碼。請記住您必須點擊 HTML 按鈕切

換編輯器到 HTML 視圖:會在一個彈出窗口裡顯示文章的 HTML 代碼。現在粘帖代碼到您希望播放視頻的地方。

(圖 5)。

Page 56: Joomla 操作手冊

56

圖 5: 在文章中插入 iframe 代碼

點擊“更新”按鈕後,您就能在編輯器窗口裡看到您插入的視頻。文章保存後視頻就會出現在您的網站(圖 6)。

Page 57: Joomla 操作手冊

57

圖 6: 在文章中插入 iframe 代碼

同樣方法,您能夠插入數個平台(Twitter、Facebook 及 Flickr)提供的嵌入代碼。

在文本中使用宏指令

是的,可以在文本中使用宏指令!宏指令是可以將您鍵入的代碼轉換為另一段代碼的表達式或命令(如添加

YouTube 視頻)。

理論上,我們我們可以在我們的文章文本中(不是在 HTML 視圖中)插入這樣的代碼:

[youtube = http://www.youtube.com/watch?v=rX372ZwXOEM]

像變魔術一樣,它會轉變為正確的添加視頻的代碼:

<iframe width="560" height="315" src="http://www.youtube.com/embed/rX372ZwXOEM"

frameborder="0" allowfullscreen></iframe>

唯一的問題是 Joomla 本身並不提供這樣的轉換功能。如您要使用宏指令,您必須額外安裝功能擴展——非常大的

可能是所謂的插件。

模塊裡的內容?

當我們創建一篇文章的時候,我們使用的是 Joomla 的內容組件。其實我們使用模塊也可以創建內容。

這也就是說模塊可以是佈置在您的網站的指定位置的內容元素。譬如一個菜單就需要模塊來顯示。登錄框實際上也

是一個模塊。您可以創建預定義了功能的許多模塊,並把它們安排到模板的預設區域。Joomla 預安裝了 24 個模

塊。您可查閱到它們的說明:擴展→模板管理→新建 (圖 7)。

Page 58: Joomla 操作手冊

58

圖 7: 可供選擇的模塊

我們還可以創建像文章一樣包含 HTML 文本的模塊(自定義 HTML 模塊)。我們甚至可以為每個模塊上傳一個背

景圖片,並依據設定的時間發布模塊。

但通常採編是無權創建自定義 HTML 模塊的。在模塊中創建內容是“初級管理員”或“高級管理員”的工作。

自己動手試試自定義 HTML 模塊:創建一個,添加內容並選擇一個位置(圖 8)。

Page 59: Joomla 操作手冊

59

圖 8: 後台管理裡的自定義 HTML 模塊

您可以使用富文本編輯器提供的所有功能來編撰、格式化和強化文章文本。您甚至可以配置模塊在哪些頁面顯示(標

籤“菜單分配”)以及何時顯示(發佈時間)。

保存後您的自定義 HTML 模塊就將顯示於您的網站(圖 9)。

Page 60: Joomla 操作手冊

60

圖 9: 甕中的自定義 HTML 模塊

如果在同一個位置同時分配了多個模塊,那麼我們必須讓它們按自己需要的順序進行排列:在“模塊管理”裡將模

塊拖到您安排好的地方即可(圖 10)。

Page 61: Joomla 操作手冊

61

圖 10: 模塊排序

Page 62: Joomla 操作手冊

62

7. 內容排版

在您學會創建內容後,您需要考慮的自然就是怎麼顯示內容。這聽起來容易但非常重要。

在上一章我們創建了一篇文章,並把它發佈到了首頁。

訪客只有訪問首頁時能閱讀到這篇文章(只限於我們的示範)。

首頁

標準的首頁的菜單類型為“頭版文章”。當您通過菜單 → 菜單管理訪問主菜單時,您可能會留意到那個小小的

“主頁”標記。它的意思是這個菜單群裡包含了首頁鏈接(圖 1)。

圖 1: 包含首頁鏈接的主菜單

編輯首頁鏈接時,您有多種配置選項。“頭版文章”菜單類型提供了頭版頭條、引言導讀、多版塊顯示和鏈接導讀

等豐富的排版方式。要理解“頭版文章”這種排版,我們需要幾篇文章。為簡明扼要起見,乾脆拷貝您的第一篇文

章。拷貝的方法是“另存為副本”,或者通過批量拷貝:即選擇要拷貝的目標文章然後點擊下面的批處理按鈕(圖

2)。

Page 63: Joomla 操作手冊

63

圖 2: 批量拷貝文章

如果您有四五篇甚至更多的文章(別忘了要都設為“頭版文章”),您就可以嘗試不同風格的排版了。依次點擊菜

單→主菜單→ 首頁,找到“高級選項”標籤,你可以看到默認是設置是:1 篇頭條文章、3 篇引言分 3 列顯示、頁

面中不帶其它文章的標題鏈接(圖 3)。

圖 3: 首頁的排版

現在您的首頁效果看起來如圖 4。

Page 64: Joomla 操作手冊

64

圖 4: 默認的首頁

分類和菜單

Joomla 提供兩種結果來組織網站內容:分類和菜單。每篇文章都屬於一個分類。分類可以無限極。菜單可以指向

某篇文章或者分類或者一系列文章,比如剛才示範的首頁就對應於所有頭版文章。這種既簡單又容易拓展的方式為

內容的表現提供了極佳的解決方案。

如您所知,Joomla 的模板預設了一些位置。位置的作用是讓您可以為網站內容和導航等元素安排合理的排版。

Joomla 內容展示機制是通過模板的各個預設位置顯示出模塊即組件裡的某些內容而實現的。Joomla 網站的每個

頁面是由一個組件和數量沒有限制的模塊構成。

分類的創建和管理:內容→分類管理

Page 65: Joomla 操作手冊

65

菜單的創建和管理:菜單→菜單管理(創建菜單的更多內容請回顧:第 5 章:關於用戶、權限、模塊和文章)

頂部導航

Joomla 空白頁面在默認模板的 position-7 這個位置有一個“主菜單”。我們使用模板 Protostar 時,position-7

就在側欄,但我們想要使主菜單顯示在頁面頂部。要達到這一排版目標,請點擊擴展→模塊管理→主菜單,並把這

個模塊重分配到 position-1。在“高級選項”標籤裡將菜單樣式類的後綴改為“ nav-pills”(前面有一個空格!)

(圖 5)。

圖 5: 菜單樣式類的後綴

這將影響到輸出的 HTML 代碼中菜單樣式類的後綴,如果操作正確,您的導航效果看起來將如圖 6。

圖 6: 主菜單導航

多個分類裡的文章可以像首頁那樣進行“博客式排版”,也可以以列表式排版。兩種方式都有豐富的排版設置。您

只要找幾個菜單項的類型試試,對此就會馬上有體會。

Page 66: Joomla 操作手冊

66

使用 Joomla 內設的屈指可數的幾種機制,您就可以獲得令人驚訝的排版效果。

Page 67: Joomla 操作手冊

67

8. 功能擴展

我們已經在“擴展管理”看到,Joomla 3 本身帶有一些核心擴展。並且我們已經和其中幾個打過交道。作為網站

用戶您可能並不關心網站裡有哪些功能擴展,而只要網站能按您的要求工作就行。不過作為一個超級管理員,您其

實還是必須知道網站裡到底有哪些東西在工作。回顧一下我們已接觸的功能擴展:讓我們能夠編撰和管理文章並按

不同的展示方式在網站發布的內容擴展、與用戶管理相關的用戶擴展、文章分類管理擴展,等等。

在“組件”菜單裡,有旗幟廣告、聯繫我們、Joomla 升級、站內信息、新聞聯播、重定向、站內搜索、智能搜索

和友情鏈接。下面我們一起來簡單了解一下這些組件及其相關的模塊和插件。由於它們的使用方法和在 Joomla 2.5

裡完全一樣,我只是簡要介紹下,並提供我們網站的 Joomla 2.5 教材裡的詳細介紹的鏈接。

旗幟廣告

旗幟廣告組件提供一個在您的網站展示廣告的手段。一個旗幟廣告由圖片和自定義的 HTML 代碼組成。每次您的網

站被訪問時,它就能在您旗幟廣告庫裡調用並顯示一個旗幟廣告。如果用戶點擊旗幟廣告,他就會被帶到您的客戶

的網站。旗幟廣告組件提供客戶、分類、廣告管理,以及詳細的廣告分析。

有關旗幟廣告組件更詳細的介紹請訪問我們的網站:Joomla! 2.5 基礎教程系列- Joomla! 2.5 自帶的擴展(Joomla

2.5)

聯繫我們

每個網站都需要聯繫信息表單。根據實際需要,有時候您可能只需要一個聯繫信息表單,有時候則需要多個。比如

企業網站有時候要展示多個部門的聯繫信息。甚至可能您要為每個員工或每個用戶提供給一個聯繫信息表單。

聯繫我們組件可以完成以上所有需求。

Page 68: Joomla 操作手冊

68

有關聯繫我們組件更詳細的介紹請訪問我們的網站:Joomla! 2.5 基礎教程系列- Joomla! 2.5 自帶的擴展(Joomla

2.5)

這是如果構建一個聯繫我們表單的介紹:Joomla! 2.5 基礎教程系列- Joomla! 2.5 自帶的擴展

Joomla 升級

它讓您可以選擇 Joomla 自動升級的某個分支來保證你獲得相關信息並讓您的網站能夠持續更新,即您可以選擇跟

隨長期支持版本、標準支持版本、測試版本或完全自定義。

站內信息

站內信息是 Joomla 的核心組件,它負責給後台管理員傳遞私信,或者說它讓後台管理員相互之間收發私信。它的

使用很簡單,但大家常常忘記自己可以配置該組件:組件→站內信息→我的設置。您可以設置為當網站有新信息時

給你發郵件通知,或者在超過指定時間後刪除信息,甚至你還可以關閉您的收件箱。

新聞聯播

新聞源是一個方便大家訂閱到各類新聞和信息的便利工具。不幸的是因為某些讓人費解的原因,直至今天大家還是

不常使用它。30 年前我們購買報紙獲得新聞;15 年前我們通過瀏覽器訪問一個個網站來獲得新聞。今天,我們仍

然可以使用這兩種方式,但同時我們也可以使用一個新聞聚合器。Google's reader 和您的瀏覽器(如 Firefox)的

動態標籤工具條都是很流行的工具。Joomla 新聞聯播組件也是一個聚合工具。雖然不及 Google's reader 複雜,

但相當實用。

新聞聯播組件讓您可以獲取其它網站的新聞源,並將相關新聞發佈到自己的網站。

Page 69: Joomla 操作手冊

69

在今天這個網絡社會化的時代,每個人基本都有一打帳號。最常見的如分享視頻的 youtube.com 帳號,分享圖片

的 flickr.com(中國人多麼可憐)。而在一家公司,情況可能更加複雜。想像一下對於像 Joomla 這樣的項目或您

的公司,會有多少信息可以通過聯播新聞源分享。

有關新聞聯播組件更詳細的介紹請訪問我們的網站:Joomla! 2.5 基礎教程系列- Joomla! 2.5 自帶的擴展(Joomla

2.5)

重定向

重定向管理是個了不起的功能。它在有人訪問一個已經不存在的頁面時將他/她轉至一個有效頁面。有個頁面以前

存在,並且被搜索引擎所收錄,或者被其他人將其鏈接收錄到他的網站裡。當一個網站改版的時候這些情況 是常

會發生的。

重定向組件通過一個看似簡單的機制提供了便利。如果某人試圖訪問一個已經沒有的路徑,Joomla 將顯示一個 404

-未發現頁面,並同時在重定向組件裡創建一個新的紀錄。這使得網站管理員不必因為要檢查不工作的頁面而疲於

奔命。

有關重定向組件更詳細的介紹請訪問我們的網站:Joomla! 2.5 基礎教程系列- Joomla! 2.5自帶的擴展(Joomla 2.5)

站內搜索

誰都希望能搜索您網站的內容。

Joomla!默認提供全文搜索。全文搜索意味著 Joomla!在您在搜索框裡輸入關鍵詞後直接從數據庫進行搜索。

多數人似乎應該能夠理解這一點,但其實不然。很多搜索引擎都是先創建一個包含常用的搜索用詞的搜索索引,在

實際搜索時,它是在索引中尋找匹配的詞條,並通過相應的詞條鏈接到實際內容。這也就是說:搜索結果是基於索

引和其中的鏈接。

Page 70: Joomla 操作手冊

70

基於索引的搜索通常比全文搜索更快,但索引需要在網站發生變化時進行更新,否則就無法搜索到新內容。為了彌

補搜索速度不及基於索引的搜索功能的缺點,Joomla!是高度可配置的。有關站內搜索組件更詳細的介紹請訪問我

們的網站:Joomla! 2.5 基礎教程系列- Joomla! 2.5 自帶的擴展(Joomla 2.5)

智能搜索

智能搜索是 Joomla 2.5 開始有的新功能,並在 Joomla 3 裡得到了提升。

它給 Joomla!核心提供了更靈活、更快速同時還是自動完成並且還給用戶“您的意思是否是”這種類型的推薦意見

(詞乾花)的“智能化”的搜索引擎。

Stemming(詞乾花)?

在英文中,詞幹分析器要能夠識別字串“cats”(以及“catlike”、“catty”等等),因為它是基於詞根“cat”。

這正如“stemmer”、“stemming”、“stemmed”都是基於“stem”。詞幹算法能夠確定單詞 fishing、fished、

fish 及 fisher 的詞根是 fish。(Wikipedia)。

Joomla 核心智能搜索包含一個英語詞幹分析器和一個所謂的 Snowball Stemmer(擴展→ 智能搜索→ 選項)。

英語詞幹分析器好呆了。Snowball 詞幹分析器則需要 PHP 的 Stem 擴展提供 14 種語言的支持。這 14 種語言是

丹麥語、德語、英語、西班牙語、芬蘭語、法語、匈牙利語、意大利語、挪威語、荷蘭語、葡萄牙語、羅馬尼亞語、

俄語和土耳其語(……知道為什麼沒有中文嗎)。

智能搜索的靈活性和快速性需要數據先被索引。

有關智能搜索組件更詳細的介紹請訪問我們的網站:Joomla! 2.5 基礎教程系列- Joomla! 2.5 自帶的擴展(Joomla

2.5)

Page 71: Joomla 操作手冊

71

友情鏈接

有了友情鏈接組件,您就可以創建一個鏈接列表或者為您的網站建立一個下載單元。為了很好地服務於這種需求,

Joomla!提供了無限分類系統和鏈接點擊數統計功能。該組件有助於編制鏈接目錄:添加無限制的友情鏈接分類,

在每個分類裡創建您需要的所有鏈接,然後添加一個菜單鏈接,選擇一種排版並通過選項做好相關的設置。

有關友情鏈接組件更詳細的介紹請訪問我們的網站:Joomla! 2.5 基礎教程系列- Joomla! 2.5 自帶的擴展(Joomla

2.5)

第三方功能擴展

在 Joomla 擴展庫(http://extensions.joomla.org/)您能夠在 10,000 多個具有不同功能的擴展(至 2012 年 11

月已經有 613 個兼容 Joomla 3)中找到能夠為您的網站錦上添花的擴展。

通過擴展管理器(擴展→擴展管理)您能夠在後台管理直接安裝、升級、搜尋和管理擴展。

管理擴展

三步即可讓您安裝擴展(表 1):

1. 上傳一個壓縮包文件

如果您已經將一個 Joomla!擴展的 zip 文件下載到您的本地電腦,您可以採用該方式上傳並安裝該擴展。

2. 通過本地目錄安裝

如果您已經將一個 Joomla!擴展的 zip 文件下載到您的服務器的某個目錄,您可以採用該方式解壓並安裝該擴展。

3. 通過網址安裝

如果您已知一個 Joomla!擴展的 zip 文件所在的網址,您可以採用該方式下載、解壓並安裝該擴展。

Page 72: Joomla 操作手冊

72

表 1: 安裝擴展

擴展管理器還可以升級、管理(啟用、禁用)以及安裝語言。

探索對話框允許你檢查哪些擴展沒有通過常規安裝流程。使用該功能您可以通過如 FTP 或 SFTP 等方式將擴展文件

上傳到您的 web 服務器的適當的目錄,並進行安裝。

Page 73: Joomla 操作手冊

73

9. 社會化媒體和雲計算

本系列教學轉自 Cocoate 免費書庫,英文原著由 Hagen Graf 編寫,中文翻譯由 Derek Joe 完成

這兩個時髦的詞兒是息息相關的。沒有云計算社會化網絡就無法成為現實,而云計算也的確越來越社會化。:)

社會化媒體社會化媒體

社會化媒體提供互動的對話並“為組織、社區和個人間的交流帶來重大和深遠的變化”。

圖 1: 社會化媒體- (新浪微博、騰訊微博等)

因政策原因,此處省略若干文字,國內的社會化社區包括新浪微博、騰訊微博等都有開放的應用平台,大家可以基

於其提供的 API 開發。

Page 74: Joomla 操作手冊

74

有兩種方式來訪問這些網站裡的您的數據。一種是“iframe 方式“,另一種是“API 方式”。API 方式就是通過一

個程序界面和多個第三方開發的 Joomla!擴展,打個比方,來通過 Facebook API 實現異地登錄 Facebook。Joomla

核心包含一個名為“認證- GMail ”(擴展→ 插件管理)的插件。它提供 GMail/Googlemail 帳號的用戶認證。

簡言之,我認為在您的網站編撰內容,然後使用社會化網絡來宣傳和鏈接您的內容是非常有效的。

對於用戶評論方面,我們仍然推薦第三方社會化評論系統,如多說,由多說開發的 Joomla!版插件正被廣泛運用於

Joomla!系統中:多說 For Joomla!

雲計算

雲計算是使用計算資源(硬件和軟件),通過網絡(通常是互聯網)提供服務。這個名字來源於通過雲形符號的使

用來描述基於復雜的基礎架構的一個抽象的概念。

Page 75: Joomla 操作手冊

75

圖 2 - 雲計算- en.wikipedia.org/wiki/Cloud_computing

您也可以將 Joomla 安裝到雲服務器上。越來越多的主機商開始為 Joomla 網站提供雲主機等雲服務,比如內地的

服務商越來越多提供 APM 的虛擬主機和 Linux 的雲主機

總的說來,我認為雲計算有助於您擁有一個“容易維護”的內容基地。您只要確認比較容易導出您的網站內容,即

可改變雲技術提供商。

Page 76: Joomla 操作手冊

76

10. 常用資源

本系列教學轉自 Cocoate 免費書庫,英文原著由 Hagen Graf 編寫,中文翻譯由 Derek Joe 完成

我希望通過閱讀本書,您對 Joomla3 越來越熟悉。

儘管如此,我還是可以為本書增加更多的章節來為您提供更詳盡的 Joomla 的功能介紹。

您可以用 Joomla 來構建任何你想要的網站!因為通過 Joomla 功能擴展庫(http://extensions.joomla.org)能

實現您的網站所需求的各種功能。 不過我今天只介紹其中幾乎是必備的幾個功能擴展:

搜索引擎優化

核心已經具備了以下三個方面的搜索引擎優化選項:

1. Joomla 核心具有 SEO 優化選項(系統→全局配置→網站- SEO 設置).

2. 您可以為整個網站和每一篇文章設置元數據描述(meta description) 。元數據描述在應答一個在線搜索請求時,

是提供網址對應頁面的內容簡介的快捷方案。雖然它不再是網站搜索引擎排名的關鍵參考因素,它仍然是導致用戶

搜索後點擊相關鏈接從而訪問您的網站之點擊率的重要影響因素(無論用戶實際上是否喜歡點擊鏈接)。元數據描

述不應超過 160 個字母(文章→元數據選項標籤)(譯者註:通常在 100 中文字之內,不同搜索引擎略有差異)。

3. 重定向組件(組件→ 重定向)

要把您網站的訪客從已經被存在的頁面、文檔和其它網站配件重定向到一個新地方,使用 Joomla 重定向組件只需

要簡單三步即可搞定。它是用戶友好的,無需複雜的學習,並且更重要的是每次當有人訪問一個您網站已經不存在

的頁面時,該組件會記錄相關的網址,或者,如果該網址之前已有記錄,它就開始記錄該頁面被訪問的次數。因此

您能根據記錄修復相關問題,比如建立一個新網址,將用戶重定向到對應的新頁面。

更新

Page 77: Joomla 操作手冊

77

Joomla 已經有一個自動更新系統。請點擊擴展→擴展管理→更新,再點擊查找更新按鈕,找到後輕輕一點進行安

裝即可。

備份與恢復

如果您的電腦或者網站服務器出現故障,不得不從碎片中重建網站,那麼您就會馬上明白備份您的數據有多麼重要!

根據您遭遇的問題的嚴重性,您也許希望採用以下的某種解決方案:

找到一個可靠的空間

安裝第三方組件,如 Akeeba backup

使用您自己的備份方案,也可以參考使用 Navicat 等軟件,比如:Joomla!網站遷移備份全過程。

資源

您還想更多地了解 Joomla?

那麼這本就只能作為您的入門教材咯;-)

我希望您能愉快地讀完它。我的目的只是指導您完成對 Joomla! 3 基礎認識。如果您需要獲得更多更深入的知識,

請閱讀:

Joomla! 2.5 基礎指南(中文)

Joomla! Development - Beginner's Guide(英文)

Going Mobile with Joomla(英文)

以上這些書籍都提供多種語言的免費 PDF 版。

還要了解更多?還要更深入地接觸 Joomla!社區?那麼這裡是一些您可能想要訪問的網站:

交流社區

Page 78: Joomla 操作手冊

78

Joomla!背後有一個全球性的交流社區。如果您喜歡這樣的交流,快來加入我們吧!

成為社區的成員:http://community.joomla.org/。

閱讀社區雜誌:http://magazine.joomla.org/ .

在這您通常能找到一個離您很近的 Joomla 用戶群組:http://community.joomla.org/user-groups.html

如果沒有,您不妨自己組織!

Twitter:http://twitter.com/joomla

Facebook:http://www.facebook.com/joomla

Flickr:http://www.flickr.com/groups/joomla/

文檔

http://docs.joomla.org/

安全報告

http://docs.joomla.org/Security_Checklist_1_-_Getting_Started

Joomla 模板

現在還沒有提供免費模板的基地。

現在也還沒有提供商業模板的基地。

不過,現在的確有不少模板俱樂部以及專業模板設計師或設計團隊。搜索下網絡您就能發現適合您的。

活動

Joomla!的主要活動叫“Joomla! days”(意思是:Joomla 節)。

Page 79: Joomla 操作手冊

79

Joomla! day 是有 Joomla 交流社區組織的一天或兩天的活動。在此您可以發現各地的 Joomla! days 名錄:

http://community.joomla.org/events.html

在歐洲有個國際性的會議叫做:J and Beyond。詳細信息請訪問:http://jandbeyond.org/ .

2012 年 11 月 16-18,美國聖何塞(San Jose)舉辦首屆 Joomla 全球會議(Joomla world conference)。

未來

根據大家在 Joomla! idea pool 的投票,社區已製訂六個月為一個標準支持版本的更新周期。

下一個長期支持版本將是 Joomla! 3.5,它的發佈時間是 2013 或 2014 年。

Joomla!開發團隊(developer network)一直在吸納像您一樣優秀的程序員: :-)http://developer.joomla.org/

培訓

http://resources.joomla.org/directory/support-services/training.html

商業支持

http://resources.joomla.org