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




顯示具有 第4章 Joomla 範例裡的43篇文章 標籤的文章。 顯示所有文章
顯示具有 第4章 Joomla 範例裡的43篇文章 標籤的文章。 顯示所有文章

4.1 首頁頁首

本章標題為「 Joomla 範例裡的43篇文章」。

範例裡的43篇文章原文,請自行安裝 Joomla! ,並安裝範例資料,而後閱讀這些文章,並測驗 Joomla! 前台後台的功能。

若要知道Joomla! 範例裡有那些文章,也可閱讀這個網誌《Joomla! 範例裡的43篇文章之簡短評論》,基於尊重原作者的緣故,沒有貼出這43篇文章的原文。

本節標題為「首頁頁首」。

若還不知道「首頁」的重要特徵,請先閱讀過這三節的內容:

首,就是第一,就是起始。

頁首,網站 Logo、頂層選單、主選單、搜尋框,固定不變,不會因為切換頁面而有所改變。

這些固定不變圖案與模組區塊,讓瀏覽者確知目前仍在這個網站裡面,也讓瀏覽者在切換不同頁面時有參考的介面元素或選單項目。

經過十多年的演進,網站頁面的設計有一些固定的規則,以符合多數人的瀏覽習慣。

首頁,有一些常見的頁面元素,讓人知道目前所在的位置是網站的首頁。
  1. 此時「瀏覽蹤跡」區塊(模組類型 mod_breadcrumbs ),顯示的頁面導覽路徑我是「首頁」。
  2. 「主選單」第一個項目是「首頁」,此項目可幫助瀏覽者返回「首頁」。
  3. 「首頁」有「歡迎光臨首頁」的字語。


「首頁」這項目,有無特別的註記:
  • RHUK Milkyway佈景的主選單,「首頁」這項目沒有特別的註記,瀏覽者無法由此得知,目前所在的頁面為「首頁」。

  • Beez 佈景的主選單,「首頁」這項目以紫色為底色,由此可得知,目前正在瀏覽「首頁」。

  • JA Purity 佈景的主選單,「首頁」這項目用粗體字表示,由此可得知,目前正在瀏覽「首頁」。

Joomla! 後台有一個管理「選單」的功能表(也就是一個選單),通常會配置一個選單項目,其名稱為「首頁」,用來控制首次進入該網站所讀到的頁面內容。

在上圖的畫面,點擊「首頁」,進入「選單項目:[編輯]」的操作畫面,會發現「首頁」這個選單項目其類型為「首頁部落格風格版面」。



在 Joomla! 裡,首頁部落格風格版面、部落格風格是個容易讓人誤解的詞彙。
越是熟悉部落格的人,越容易誤解 Joomla! 部落格風格、部落格版面的意義。
部落格風格,可以理解為一種分類文章、排列文章的方式。

對於文章的「分類」,Blogger 與 Joomla! 的差異:
  • Blogger,這類部落格系統,其文章主要有兩種排序的方式,依時間、依標籤。
    • 依發文的時間來排序,最新的文章在頁面的最上方。
    • 將文章註記上文字標籤,通常不會用太長的詞句作為標籤,標籤通常是二到五個字,例如,影評、讀書心得、吃喝玩樂。
    • 允許同一篇文章可註記上好幾個標籤。
  • Joomla! 採用「單元」與「分類」來規類文章、整理文章、排列文章。
    • 同一篇文章只能屬於一個特定的「單元」與「分類」。
    • 因此,不同於標籤式的分類方式。

首頁的頁面很長,首頁裡有7篇文章,第1篇可視為報紙的頭版頭條。 
在 Joomla! 裡,首頁部落格風格版面、部落格風格,類似於新聞報紙的頭版排版。
以下,將文章首頁的文章排版,分成四張圖來呈現。
  • 頭條的1篇文章:
  • 第2篇文章與第3篇文章:
  • 第4篇文章與第5篇文章:
  • 2個連結文章與下一頁:


首頁7篇文章的標題與順序:
  1. Joomla! 社群入口網站
  2. 我們都是志工
  3. Joomla! 安全特攻隊
  4. Joomla! 授權指南
  5. 百萬個微笑
  6. Joomla! 1.5 支援哪些語言?
  7. 只有一個編輯窗口!我要如何產生 "閱讀全文..." 呢?
由此要思索的是:
  • 什麼樣性質的文章要放在首頁?
  • 什麼樣的文章會成為首頁的第1篇文章?
  • 首頁的第1篇文章,是否一定要類似於報紙頭版頭條,是非常重要的文章呢?

4.2 二層分類

Joomla! 範例資料裡有43篇文章。
由 Joomla! 後台的 [文章管理],可看到這43篇文章。


Joomla! 的文章依「單元」規劃出不同的大類別,再依「分類」規劃出不同的小類別。
下圖只顯示4篇文章的標題,依「單元」的名稱排序。
「範例網頁與選單連結」這篇文章,是屬於「未分類」,也就是沒有指派文章「單元」與「分類」。


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


規劃「單元」與「分類」,有時需要整體的考量,若是還沒有想到適合該篇文章的「單元」與「分類」,可以先撰寫文章。
當篇數多時,再來為文章分門別類。
範例資料裡有43篇文章,是理解「單元」與「分類」的最佳範例。

執行 [單元管理] ,會發現這42篇文章規劃為三個單元。(之所以是42篇,是因為43篇之中,有1篇未規劃單元。)


下圖是「單元管理」的操作畫面。,顯示既有的「單元」,可編輯既有的「單元」,也可新增「單元」。可一次發佈(或停止發佈)所有同單元的文章。

[單元管理] 其功能為:
  • 條列顯示既有的「單元」。
  • 可編輯既有的「單元」也可新增「單元」。
  • 可一次發佈(或停止發佈)所有同單元的文章。

執行 [分類管理] ,會發現這42篇文章規劃為三個單元、九個分類。


下圖是「分類管理:[內容]」的操作畫面,顯示既有的「分類」,可編輯既有的「分類」,也可新增「分類」。可一次發佈(或停止發佈)所有相同分類的文章。可移動「分類」

「分類管理:[內容]」其功能為:
  • 條列顯示既有的「分類」。
  • 可編輯既有的「分類」也可新增「分類」。
  • 可一次發佈(或停止發佈)所有相同分類的文章。
  • 可移動「分類」至其它「單元」,該分類的所有的文章也會跟著移動。

4.3 三大單元

接續前節, 4.2 二層層級

Joomla! 範例資料裡有43篇文章,
以下,條列42篇文章所規劃的 三大 [單元] 與 九種 [分類]。
之所以是42篇,是因為43篇之中,有1篇未規劃單元,屬於未分類。

九種 [分類] 連結到《Joomla! 範例裡的43篇文章之簡短評論》這個網誌的 [標籤]。

三大單元:
  • 新聞
  • 常見問題
  • 關於 Joomla!


「常見問題」單元裡的分類:

「新聞」單元裡的分類:


「關於 Joomla!」單元裡的分類:

Joomla! 範例資料裡有43篇文章。
43篇,說多不多,說少不少。
仔細研究 Joomla! 範例網站,會發現其文章內容就好像是 Joomla! 的自我介紹。
但是,認真讀完這43篇文章,讓我留下深刻印象的卻只有兩三篇。

讓我印象最深刻的是「新聞快報 4」這篇文章。狗咬人不是新聞,人咬狗才是新聞。「新聞快報 4」是一則偽新聞,因為,這一則新聞將伺服器擬人化,報導了伺服器罷工的原由與經過。
而「新聞快報 4」這篇文章,對於學習 Joomla! 的功能幾乎沒有任何幫助 。

Joomla! 範例資料裡的文章,很多看過之後,知道有這麼一回事,但不會留下太多印象。只有再次看到時,才會想到,這一篇文章也是在 Joomla! 範例資料裡。

為何文章看了之後,多數都沒什麼特別的印象?
簡而言之,這43篇文章,多數都類似於,軟體使用手冊的文章。當你需要時,會覺得很有用,才會想要閱讀與細思其內容。

4.4 四處授權

Joomla! 範例網站所有頁面的頁尾,都有兩行授權的文字。




首頁的第4篇文章是「Joomla! 授權指南」 。
  • 首頁的文章:

除了在首頁的第4篇文章呈現「Joomla! 授權指南」,在 Joomla! 範例網站的第一頁面,還提供了三處連結,可連到「Joomla! 授權指南」這篇文章。


前一張圖,頁面的頁尾,有兩行授權的文字。

三處的文章連結,加上頁尾授權的文字,總此結論,這可說是,四處授權。

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

雖然還是可能有這樣的網站,但究竟是什麼樣的網站,其最新發佈的「 授權指南」,會成為點閱率很高的「 熱門文章」?究竟是什麼樣的網站,其「 授權指南」,會成為主選單的第三個項目?

在我一開始探索 Joomla! 前台的頁面時,我感到些許的困惑。版權,是要尊重的,但是這麼多方式指向「Joomla! 授權指南」這篇文章,妨礙了我對前台頁面元素與選單功能的瞭解。

重述 1.2 主題,就是介紹俊啦自我 已提過的:
並不是表達「範例資料」寫得不好、安排得不好,「範例資料」只是一種理解 Joomla! 的方式 ,「範例資料」只是一種學習 Joomla! 的方式 。

4.5 五條快報

讀到這裡,讀者應該已本章經發現,節標題都以數字起頭。
刻意排列數序來作為標題,但並非隨便湊合,恰好這些數字在「Joomla! 範例裡的43篇文章」都有其意義。

就是這麼巧合,新聞快報、最新內容、熱門文章這三個模組都顯示五篇文章
而聯合供稿則顯示首頁的七篇文章

更多相關的說明,請參考:

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

4.6 六大官網





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

六個網站連結:六大官網,若嚴格來論,只有三大官網,Joomla! 的家Joomla! 論壇Joomla! 社群Joomla! 雜誌,這四站頁面上方的主選單是ㄧ樣的。




六個網站連結:
社群與論壇,向來是開放原始程式碼軟體的最大支援。
對於繁體中文的使用者,當然是要前往:

4.7 七篇文章



我將 首頁的7篇文章值得細讀的7篇文章 連結到《Joomla! 範例裡的43篇文章之簡短評論》這個網誌的 [標籤]。

Joomla! 範例裡,首頁的7篇文章
  1. [ID45] Joomla! 社群入口網站
    • [單元] 新聞
    • [分類] 最新消息
  2. [ID6] 我們都是志工
    • [單元] 新聞
    • [分類] 最新消息
  3. [ID44] Joomla! 安全特攻隊
    • [單元] 新聞
    • [分類] 最新消息
  4. [ID5] Joomla! 授權指南
    • [單元] 關於Joomla
    • [分類] 關於專案
  5. [ID9] 百萬個微笑
    • [單元] 新聞
    • [分類] 最新消息
  6. [ID30] Joomla! 1.5 支援哪些語言?
    • [單元] 常見問題
    • [分類] 語言
  7. [ID16] 只有一個編輯窗口!我要如何產生 "閱讀全文..." 呢?
    • [單元] 常見問題
    • [分類] 目前使用者

4.1 首頁頁首,末了處,提出了三個問題,來思索首頁文章的意義。

重述這三個問題:
  • 什麼樣性質的文章要放在首頁?
  • 什麼樣的文章會成為首頁的第1篇文章?
  • 首頁的第1篇文章,是否一定要類似於報紙頭版頭條,是非常重要的文章呢?

7篇是湊數嗎?
好像是,又好像不是!

說一小段,不相干的巧合。《孟子》一書共七篇。

《三字經》裡這樣描述:孟子者,七篇止。講道德,說仁義。
《孟子》一書共七篇,二百六十一章,三萬四千六百八十五字。
《孟子》一書,「篇」的層級是在「章」之上,可見「一篇」是很大的一篇。
就是這麼巧合,Joomla! 首頁有7篇文章,而 Blogger 預設的主網頁(首頁)文章也是7篇。



7篇,有何特別的原因嗎?

Blogger 的文章是以時間來排序,對於 Blogger 的主網頁(首頁),如果每天固定發表一篇文章,一星期就有七篇。

Joomla! 首頁有7篇文章, 7-1 = 6, 6篇文章以兩欄式的排版呈現時,可以兩兩對稱(請參看 1.3 首頁,就是排列報紙頭版)。

模仿《三字經》的體例,首頁的特色就是:
首頁者,七篇止。迎新賓,說鮮聞。

也許7篇只是湊巧,沒有任何特別的緣由!
Joomla! 範例資料裡有43篇文章,我挑選7篇,推荐7篇值得細讀的文章。

Joomla! 範例裡,值得細讀的7篇文章
  1. [ID24] 內容排版
    • [單元] 關於Joomla
    • [分類] 關於CMS
  2. [ID43] 範例網頁與選單連結
    • [沒指定單元]
    • [未分類]
  3. [ID22] 1.5 版有何新鮮事?
    • [單元] 關於Joomla
    • [分類] 關於CMS
  4. [ID26] 擴充套件
    • [單元] 關於Joomla
    • [分類] 關於CMS
  5. [ID18] Joomla! 功能特色
    • [單元] 關於Joomla
    • [分類] 關於CMS
  6. [ID16] 只有一個編輯窗口!我要如何產生 "閱讀全文..." 呢?
    • [單元] 常見問題
    • [分類] 目前使用者
  7. [ID11] 我如何升級到 Joomla! 1.5?
    • [單元] 常見問題
    • [分類] 目前使用者

由此可知,[分類] 關於CMS[分類] 目前使用者,這兩類的文章對學習 Joomla! 的功能比較有直接的幫助。

而由出現在首頁的文章可知,[分類] 最新消息,這類的文章可以安排在首頁。

4.8 八字心法

探索前台後台的八字心法是,變與不變、類與次類。

類與次類,也就是分類。

關於分類,已經討論很多了! 可參考「2.1 功能,就是分工分類發文」。

同一個 Joomla! 後台,如果用戶可以看出,別人沒看到的功能分類方式,那算是已將 Joomla! 後台摸得很熟了!

Joomla! 1.0 與 Joomla! 1.5 有一些相同的概念,使用不同的術語。
  • Mambots 就是 Plugins
  • 靜態內容項目就是未分類的文章

軟體改版時,對於既有的功能,有時會變更其所屬的類別,重新分類功能。

這說明了,一項功能可以有好幾種歸類的方式。

怎樣的功能分類方式最好,也許軟體的開發者也是經由試驗而得知的。

[首頁管理] 的功能,一直是讓我最不習慣的功能。

以下,重述一段探討 [首頁管理] 的內容。

後台,各個功能彼此之間都有些關係。
  • 首頁與文章、選單項目有關。
  • 其它的頁面內容與選單、選單項目也有關。
  • 頁面與頁面之間也有關。
  • 選單與模組區塊有關。
  • 模組區塊的位置排列與佈景主題也有關。
由於功能之間彼此有關,初學 Joomla! 時,對於「首頁」,常會有疑惑與不解。
這是因為, Joomla! 後台的 [首頁管理] ,只管理文章是否要發佈到首頁,與管理文章的呈現順序。還有很多功能與「首頁」也有關,例如,[選單管理]、[選單項目管理]、[模組管理]。

超連結,讓網網互聯、頁頁互串,讓資源的分享變得很容易。
超連結的便捷,有時也讓人迷失在網路巨量的資訊之中。
常見的網頁都設計成,左側的超連結、上方的超連結、右側的超連結,會造成中間內容的大變動。這樣的設計,讓用戶較容易明白目前是在站內,還是在站外。

瀏覽網頁或操作網頁介面的軟體,要掌握四項要點:
  • 要牢記如何返回首頁或主目錄
  • 要牢記網頁之間的階層關係
  • 要區分內部連結與外部連結
  • 要區分靜態網頁與動態網頁

上述四項要點,簡而言之,就是要區別變與不變。

Joomla! 前台,不變的元素:
  • 網站 Logo (標誌圖示或標誌文字)
  • 頂層選單
  • 主選單
首頁,是網站最重要的頁面。當瀏覽者找不到想觀看的頁面,通常都會回到首頁,再重新找尋。
點擊主選單「首頁」這個選單項目,就能回到網站的第一個頁面。
「首頁」用來呈現首次進入該網站所讀到的頁面內容。除了頁面的文章內容,還包括了頁面四周的選單區塊與其它的功能區塊。

下圖顯示「單元部落格」的操作與其頁面內容。



首頁 >> 單元部落格」這個模組叫「瀏覽蹤跡」,模組類型 mod_breadcrumbs 。
也可用來幫助瀏覽者返回頁面。

breadcrumbs 麵包屑,在軟體介面設計裡代表「導覽路徑」,源自於格林童話「糖果屋」。在童話故事裡,一對貧困的兄妹被繼母帶往森林,為了記住回家的路,沿路遺留麵包屑,只是麵包屑讓小鳥給吃了,兄妹回不了家,卻誤入了巫婆的糖果屋。

Joomla! 的 breadcrumbs 讓你可以回頭找到上一層的瀏覽頁面,不會讓你跑錯地方。

Joomla! 後台,不變的元素:
  • 網站標誌 Joomla! 、網站名稱 tw-joomla、選單列。
  • 版本號碼、預覽、郵件訊息、站上人數、登出後台。

Joomla! 後台,不變的元素,最重要的選單列。

下圖顯示「選單」的「選單」的操作畫面。
選單」所提供的重要功能是,選單管理與選單項目管理。


下圖顯示「擴充套件 」選單的操作畫面。重要的功能是,文章管理與首頁管理。


Joomla! 後台,透過選單列,研究各個網頁設計與內容管理的功能。

而後,掌握變與不變的原則,可注意功能之間有無共同的特徵。
例如,在 1.5 快報,就是消息快又簡潔,同時呈現4個「模組: [編輯]」的操作畫面,從這4個模組,領略參數設定的共同之處。