「介面操作之自我介紹」,其意義就是「安裝 Joomla! 預設範例資料」,瀏覽 Joomla! 範例網站前台與後台的頁面,透過「範例資料」的43篇文章來學習 Joomla! ,這樣的過程就像是 Joomla! 自己在介紹 Joomla! 自己




顯示具有 第1章 Joomla 相見歡 標籤的文章。 顯示所有文章
顯示具有 第1章 Joomla 相見歡 標籤的文章。 顯示所有文章

1.1 安裝,就是走完七個步驟

對本網誌的讀者而言,最重要的是,在安裝的第6步驟,要「安裝預設範例資料」。

若你要圖文對照,正確無誤地閱讀本網誌,請前往「Joomla!123-圖解架站教學網」的 下載區,下載「Joomla 1.5.15 官方繁體中文完整版」,檔名為 Joomla_1.5.15_TW_Package.zip ,該網頁有安裝的說明,文中提到了繁體中文 Patch 是 kochin 所製作的,範例文章、模組、外掛名稱皆已完全繁體化。

PHP 已是全球前三大開發語言,以 PHP 所開發的網頁程式,特別是 CMS 系統,例如,Moodle、Xoops、Drupal、WordPress,其安裝方法與安裝介面都很親切易懂,只要你先收集好各類伺服器的重要資訊,通常一次就能安裝完成,不會有特別困難之處。

通常,安裝 Joomla! 其困難都與 Joomla! 本身無關,其困難都與伺服器的軟硬體有關。例如,若要新增一個 Joomla! 的資料庫,就要學會 MySQL 資料庫伺服器軟體的基本操作與設定。

我採取本機 localhost 安裝 Joomla! ,這樣較方便解說 Joomla! 的操作與使用,而且 Joomla! 是在 Win XP 的 Xampp 上運行的,因此安裝 Joomla! 是沒有任何難度可言的。若你要租用 Linux 虛擬主機,來架設 Joomla! ,可能要先瞭解權限管理、檔案上傳、檔案解壓縮的操作介面與操作方式。

安裝 Joomla! ,就只是跟隨那些固定步驟,就是走完七個步驟!!

步驟 1:選擇語系
身在台灣,自然是選擇 zh-TW - Traditional Chinese (Taiwan)。


步驟 2:檢查PHP版本與設定值
如果 PHP 版本太舊,那肯定是很麻煩的事。因為我是在本機使用 Xampp (同時裝好 Apache、PHP、MySQL),因此,若是PHP 版本太舊,就是 Xampp太舊。我會選擇直接更新 Xampp。
若你是租用 Linux 虛擬主機來架設 Joomla! ,廠商通常會提供適用的 PHP 版本,不然這家廠商應該是無法繼續營運下去。

若要更改 PHP 的設定值,就用編輯器開啟文字檔 php.ini 。


步驟 3:閱讀 GPL 版權宣告


步驟 4:資料庫設定
我是使用 phpMyAdmin 來新增與管理 MySQL 資料庫。
因此, Joomla! 所使用資料庫的名稱、主機、帳戶、密碼,是根據在 phpMyAdmin 介面裡所設定的。


步驟 5: FTP 設定
因為我是採用 Win XP 本機安裝 Joomla! ,因此我略過這個設定。
若你要透過 FTP 來存取檔案,可以仔細閱讀此步驟的說明。


步驟 6: Joomla! 網站設定
對本網誌的讀者而言,這一步驟很重要,請記得要「安裝預設範例資料」。
若你打算長久經營 Joomla! 網站,也請仔細閱讀此步驟的說明,因為可能有一天你會需要遷移 Joomla! 網站的資料。
此步驟的說明,提及如何回復已備份的資料。

因此,「安裝預設範例資料」也可視為「回復已備份的資料」。


步驟 7:恭喜你安裝成功
請移除 installation 目錄,而後便可以進入 Joomla! 的管理區,或進入 Joomla! 網站的首頁,開始體驗 Joomla! 種種優異的特性。

1.2 主題,就是介紹俊啦自我

再一次提醒讀者,你要下載並安裝「Joomla 1.5.15 官方繁體中文完整版」,在安裝的第6步驟,要「安裝預設範例資料」。

如此,你就會看到 Joomla! 網站的首頁,我將它稱為「範例網站」,頁面太長,分成三張圖來呈現。
  • 頁面上方
  • 頁面中段
  • 頁面下方

本網誌取名為, Joomla! 自我介紹,其意義就是「安裝 Joomla! 預設範例資料」,閱讀「範例資料」裡的43篇文章,瀏覽範例 Joomla! 網站前台與後台的頁面,透過「範例資料」來學習 Joomla! ,這樣的過程就像是 Joomla! 自己在介紹 Joomla! 。

瀏覽範例網站的首頁,仔細分析頁面的內容,首先要問的問題是,網站的主題是什麼?

主題,就是介紹 Joomla! 自我。

知道了主題,也就有了明確的目標與方向,來探索與分析前台的頁面與後台的功能。

第一眼看到「範例網站」,通常都是從下列的這些頁面元素,來判斷網站的主題。
  • 網站 Logo (標誌圖示或標誌文字)
  • 頂層選單
  • 主選單

也會由下列的這些頁面元素,來判斷網站的主題。
  • 新聞快報
  • 最新內容
  • 熱門文章

「範例網站」只是提供用戶瞭解 Joomla! 的核心功能。因此,頁面上的功能模組、選單項目的安排,有些會不符合網站設計的一些邏輯,而其文章內容有些也與主題不相切合。

以下的評論,並不是表達「範例資料」寫得不好、安排得不好,「範例資料」只是一種理解 Joomla! 的方式 ,「範例資料」只是一種學習 Joomla! 的方式 。

評論1. 「新聞快報」模組的誤導:
  • 頁面上方是一塊顯眼醒目的區域,對於第一次進入本站的人,網友並不知道這一區塊的功用是「新聞快報」,若該網友仔細讀了「新聞快報」的內容,可能會誤解本站的主題。
  • 「新聞快報」其文字內容字數過多,若真的要在頁面上方,十幾個中文字就夠了,內容簡短並透過超連結提供進一步的說明。

評論2. 「最新內容」模組的誤導:
  • 「最新與否」意謂著新的文章蓋過舊的文章、今日的新聞將是明日的舊聞。
  • 「最新與否」是根據文章的日期來判斷,這也暗示了該網站是否持續有在更新。
  • 對於第一次進入本站的人,若該網友仔細讀了「最新內容」的全文,可能很難體會「最新」所代表的涵義,因而認為站長沒有用心在經營網站,持續發表新的文章。
評論3. 「熱門文章」模組的誤導:
  • 「熱門與否」意謂著文章的曝光程度、眾人的閱讀偏好。
  • 「熱門與否」是根據點擊的數量來判斷,這也暗示了該網站是否受到網友注意。
  • 對於第一次進入「 Joomla! 範例網站」的人,若該網友細讀了「熱門文章」的全文,可能很難體會「熱門」所代表的涵義,因而認為這個網站一點都不熱門,是冷門的網站。

1.3 首頁,就是排列報紙頭版

Joomla! 「首頁」的名稱就是「首頁」,就是主選單的第一個選單項目「首頁」。
  • 主選單

首頁,是網站的原點、網站的起點、網站的第一頁面、網站最重要的頁面,當用戶忘記了欲觀看的頁面位置,通常都會回到首頁,再重新出發。

因此,首頁的名稱,也可以採用網站的名稱作為其名稱,例如,小明的窩、隨意寫寫部落格、真便宜購物網、電機系系網、資管所的家。

因此,首頁就是 家 Home,就是 根 Root

原本第二章才要介紹 Joomla! 後台,由於要瞭解首頁文章的排版方式,因此先介紹 Joomla! 後台一項重要的功能,由於此功能的位置安排不夠直觀,常常會忘記它的位置,或要找很久才能找到。

因為,「首頁」這一詞具有好幾種很相近的意義,因此, Joomla! 後台的功能安排很容易誤導用戶。用戶常常誤認為,更改「首頁文章的排版方式」要透過 [首頁管理] 這一功能。其實,是要透過 [選單管理] 這一功能。

透過 [選單管理] 的功能,選擇一個已命名的「選單模組」,進入「選單項目管理」的操作畫面,如下圖所示 。

要進入「選單項目管理:[mainmenu]」的操作畫面,也可透過後台上方的選單列, [選單] -> [主選單*] 。

* 星號表示,主選單 [mainmenu] ,有一個項目名稱「首頁」,是網站的第一個頁面。「首頁」之所以是「首頁」,不是因為名稱叫「首頁」,而是因為它有一顆星號,「預設」將它指定為「首頁」。

點擊「首頁」,進入 「選單項目管理: [編輯] 」的操作畫面,如下圖所示 。


預設的選單項目類型是「首頁部落格風格版面」,類似於新聞報紙的頭版。
「首頁部落格風格版面」它的參數有頭條項目數、摘要項目數、欄、連結數。


撰寫文章、發佈文章時,可選擇是否要將文章顯示在首頁。透過 [首頁管理] 這一功能,可得知出現在 Joomla! 首頁的文章共有7篇。

根據「首頁部落格風格版面」的參數設定,預設的「首頁版面」會出現5篇文章。
由於,7 - 5 = 2 ,因此只會有2個連結文章,而非參數所指定的4個連結。


上圖是完整的「首頁文章版面」。
由於首頁的頁面很長,再將上圖分成四張圖來呈現。
  • 頭條的1篇文章:
  • 第2篇文章與第3篇文章:
  • 第4篇文章與第5篇文章:
  • 2個連結文章與下一頁:

1.4 選單,就是區分網外網內

這兩節可以相互對照,一起閱讀。

功能項目少時,可以用藍色文字的連結或圖示的按鈕,來代表特定的功能。
當功能項目太多時,選單,是最直覺、最方便的功能指派方式,也是最順手的功能操作方式。

分類選單項目的方式有很多種,對於網頁介面的操作,最簡單的分法就是區分網內網外
另一種分類的方式依照重要的程度,簡而言之,就是越上方的選單項目越重要。
上方
可以指網頁的頁面上方也可以指選單模組的區塊上方
  • 頂層選單:
    • 顧名思義頂層選單在網頁的頁面上方
    • 新聞聯播,這個選單項目是屬於網外,直接將網外的資料嵌入在既有的網站頁面。


  • 主選單:
    • 顧名思義主選單就是選單
    • 首頁這個選單項目在主選單的最上方,因此重要
    • 新聞聯播這個選單項目是屬於網外,其它選單項目都連結到網內的文章內容。
    • 網站連結這個選單項目連結到本站自已編輯與自已分類的外部網站連結,因此「網站連結」這個選單項目是屬於網內,當你點擊了特定的外部連結,才會跑到網外

  • 網上資源:
    • 除了「管理員後台」這個選單項目,其它選單項目都是屬於網外的連結,點擊這些連結,會前往 Joomla! 官網。
    • 「管理員後台」就是進入 Joomla! 後台做一些網站管理的工作,「管理員後台」是屬於網內

  • 關鍵概念:
    • 這三個選單項目都連結到網內已分類的文章內容。

  • 登入表單:
    • 這不是一個選單模組,這是登入模組。
    • 會員登入後,將看見一些會員專屬的選單。
  • 用戶選單:
    • 在「登入表單」裡,輸入正確的帳號與密碼,就會出現「用戶選單」。
    • 會員可利用「用戶選單」的功能,在前台提交文章、提交網站連結 ,而不並登入到後台。
  • 範例網頁:
    • 在「關鍵概念」選單裡,點擊「範例網頁」,就會出現「範例網頁」選單。
    • 這四個選單項目都連結到網內的文章內容。
    • 這四個選單項目示範了 Joomla! 文章列表的排版樣式。

1.5 快報,就是消息快又簡潔

1.5、1.6、1.7、1.8這4節,快報、聯播、最新、熱門,都是模組。
本節,先同時討論4個模組參數設定的共同之處。
而後,再研究「新聞快報 [mod_newsflash]」模組的特點。

Joomla! 架站,內建了聯合供稿、新聞快報、最新內容、熱門文章這四個模組,這四種快速供文的技術,反映了現今網站的重要特色,內容「頭條新聞化」。

只是,當你用了這四個模組,而你所提供的內容不具備頭條新聞的特質,內容既不快又不新,試想讀者作何感受。即使不能每天,至少三五天也要更新內容,發表新文章,否則就失去了使用這些模組的意義了! 
  • 聯合供稿:位置 syndicate,類型 mod_syndicate
  • 新聞快報:位置 top,類型 mod_newsflash
  • 最新內容:位置 user1,類型 mod_latestnews
  • 熱門文章:位置 user2,類型 mod_mostread
這4節所提到的模組,是接連排在一起的,如下圖所示,在「模組管理」的操作畫面裡,以模組位置(英文字母 s t u u)來排序。


若要修改參數,要先執行 [模組管理] 的功能,而後點擊該模組名稱,進入 「模組: [編輯]」的操作畫面。

在本節,同時呈現4個「模組: [編輯]」的操作畫面,從這4個模組,領略參數設定的共同之處。
  • 聯合供稿 mod_syndicate

  • 新聞快報 mod_newsflash

  • 最新內容 mod_latestnews

  • 熱門文章 mod_mostread

參數設定的共同之處,就是都分成三部份:
  • 詳細說明,此處最重要的參數是「位置」,決定了模組區塊顯現的位置。
  • 選單指定,選單連結了文章頁面(或各種內容頁面),此處決定了模組區塊會在那些頁面出現。
  • 參數值,此處又分模組參數、進階參數。


注意!
在網路的世界裡,網網相通,頁頁互連結、關聯連接是相近的意思。
只是 Joomla! 後台介面裡
,「連結」是指
網站連結網頁連結的功能項目因此在描述「選單指定的操作過程,如果再用連結這個詞,怕讀者會誤會,在此聲明

新聞快報模組,最重要的參數是「分類」,從下拉式選單中挑選一樣「分類」,此處是選擇「新聞/新聞快報」。大前提是,要先擁有一堆已規劃好「單元」與「分類」的文章。


「新聞/新聞快報」的五篇文章,按照發文的時間,由新到舊,其標題與部份原文引用如下。
  • 新聞快報 4:昨天在美國的所有伺服器舉行了一次罷工,……
  • 新聞快報 5:Joomla! 1.5 - '體驗自由'!建造你自己的動態網站……
  • 新聞快報 3:利用數千項免費的擴充套件庫藏,……
  • 新聞快報 1:Joomla! 使得開辦任何一種網站都變得簡單。不論你……
  • 新聞快報 2:網站的唯一定律是,它永遠在變化中!Joomla! 讓網站可以……

在前台的頁面,「新聞快報」模組區塊所顯現的樣子,如下圖所示。


個人覺得,「新聞快報」佔據了最顯著的位置,其內容太冗長,除非它的內容真的又新又快,否則「新聞快報」這樣的位置與內容的安排真的不太好。

假設網站的主題是「推廣 Joomla! 的使用」,可以撰寫這類簡短的快報:
  • 本日,超多絕美佈景主題,盡在 Joomla! 商店。
  • 本日,眾多優質擴充套件,皆半價優惠,意者請前往 Joomla! 商店。(佈景主題、擴充套件、 Joomla! 商店,都設為超連結,並提供新的頁面,給瀏覽者更進一步的資訊。)
  • 本周,Joomla! 官網公佈重大安全修補。(Joomla! 官網、安全修補,都設為超連結,提供瀏覽者更進一步的資訊。)
  • 年度最佳 Joomla! 網站又開始票選,請前往 Joomla! 官網投票,並多多支持本站。
  • 還搞不懂 CMS 的操作要領,網友小明剛剛發表一篇剖析 CMS 的好文章。(設定一個超連結,讓瀏覽者能經由連結,立即讀到這篇文章。)

1.6 聯播,就是消息快又自動

1.5、1.6、1.7、1.8這4節,快報、聯播、最新、熱門,都是模組。
本節,研究「聯合供稿 [mod_syndicate]」模組的特點。

若要修改參數,要先執行 [模組管理] 的功能,而後點擊該模組名稱「聯合供稿」,進入 「模組: [編輯]」 的操作畫面。



下圖是聯合供稿的「模組: [編輯]」的操作畫面,下圖是完整的操作畫面。


「選單項目」雖然不一定要連結到站內的文章,但是「聯合供稿模組」只能「向外」提供站內的文章稿件。能否「向外」提供站內的文章稿件,則由「選單項目類型」所決定。

聯合供稿模組,最重要的參數是「選單指定」。

在「選單指定」的區塊內,為了方便,可直接將「選單」設為「全部」的文章。
有些選單項目連結到站內的文章,可是這些文章不一定就能成為「聯合供稿」的文章。

下圖是「選單項目: [編輯]」的操作畫面。
下圖只呈現操作畫面「選單項目類型」這一區塊。
首頁部落格風格版面,顧名思義,只能用在首頁,套用了之後,呈現的文章就成為網站第一個頁面的文章。


只有「選單項目類型」設為首頁部落格風格版面、單元部落格版面、分類部落格版面,這些型態的首頁文章、單元文章、分類文章,才能以「聯合供稿」的方式向外散佈。

下圖是「變更選單」的操作畫面。



聯合供稿 Syndicate 的字義研究:
  • RSS 是指Really Simple Syndication, RSS 簡化了內容散佈與內容讀取的過程,讓提供內容的人只要專注於內容的撰寫,讓閱讀內容的人只要專注於最新的內容。 RSS 免去瀏覽網站、找尋頁面內容的過程。
  • RSS Feed,是指訂閱 RSS 的頁面內容,要讀到網站自動發送、又快又新的資訊,一定要先訂閱。
  • RSS 的技術只適合用在持續「推陳出新」的頁面文章內容。如果,頁面一旦完成就不再更新或很少更動,這樣的文章內容不需要 RSS 的技術。因此, RSS 的技術最適合用在天天更新、時時發生、無奇不有的新聞內容。
  • Syndicate 源自於法語,法語 syndicat 是工會(trade union or labor union)、工人組織、勞工團體。
  • 英語 syndicate,指的是報業的聯盟、供稿的聯合組織、企業的聯合組織、企業的聯盟。
  • Joomla! 的 syndicate 是指聯合供稿、新聞聯播。

網路的應用與服務,都可用主從架構(Client/Server Architecture)來解釋。新聞的閱讀器是主(或稱客戶端),新聞的提供者是從(或稱伺服端)。

RSS (Really Simple Syndication),是以 XML 格式為基礎的內容傳送技術。 RSS 的應用與服務也分兩部份,也就是,內容發送端與內容接收端。

新版的 Firefox 與新版的 IE 都支持 RSS ,因此可以直接使用瀏覽器,來測試 Joomla! 的 RSS 的功能。

RSS 的小圖示像是發射的電波,像是訊息的發送。


在 Joomla! 網站首頁,頁面最左下方也有 RSS 的小圖示,點擊該圖示,就能訂閱本站首頁所提供的文章內容。


下圖是 Firefox 「訂閱消息」的操作畫面。


在 Joomla! 前台的頁面,「首頁」的7篇文章所顯現的樣子,請參考「1.3 首頁,就是排列新聞頭版」。
Joomla! 範例資料裡,「首頁」的7篇文章為:
  • Joomla! 社群入口網站
  • 我們都是志工
  • Joomla! 安全特攻隊
  • Joomla! 授權指南
  • 百萬個微笑
  • Joomla! 1.5 支援哪些語言?
  • 只有一個編輯窗口!我要如何產生 "閱讀全文..." 呢?

下圖是 Firefox 「書籤」的操作畫面,可看到「首頁」7篇文章的標題。

這樣,表示已成功訂閱 RSS 的內容。

1.7 最新,就是文章最近發佈

1.5、1.6、1.7、1.8這4節,快報、聯播、最新、熱門,都是模組。
本節,研究「最新內容 [mod_latestnews]」模組的特點。

若要修改參數,要先執行 [模組管理] 的功能,而後點擊該模組名稱「最新內容」,進入 「模組: [編輯]」 的操作畫面。


下圖是「最新內容」的「模組: [編輯]」的操作畫面,下圖是完整的操作畫面。


最新內容模組,最重要的參數是計數、次序、作者,計數是5,因此顯示出5篇文章的標題連結。


若要暸解5篇文章會顯示出來,可先執行 [文章管理] 的功能,而後用游標點擊「日期」,依據「日期」的先後,來排序文章。

上圖呈現了最近發表的8篇文章。
看了上圖的文章標題之後,應該會問,爲何在前台「最新內容」區塊裡沒有顯示「範例網頁與選單連結」這篇文章的標題連結?
這是因為「範例網頁與選單連結」是未分類的文章。

可新增一篇文章來測試。
下圖是「文章: [編輯]」的操作畫面,文章的標題為 test,將「單元」設為「未分類」,而後將文章發佈到「首頁」。

到前台觀看文章,會發現此文章是「首頁」的第一篇文章,此文章的標題卻沒有在出現「最新內容」區塊裡。

在前台的頁面,「最新內容」模組區塊所顯現的樣子,如下圖所示。


「最新內容」的5篇文章為:
  • Joomla! 授權指南
  • 內容排版
  • Joomla! 社群
  • 歡迎光臨 Joomla!
  • 新聞快報 4