Joomla 4 筆記(10):建立部落格Blog頁面

Photo by Markus Winkler on Unsplash

本篇將使用 Menu 連結部落格文章,說明如何建立部落格頁面。

我們先建立一個文章分類,名為「部落格」,這個分類會直接跟選單的項目連結,直接從選單中開啟。有關新增文章分類的方法,可參考:Joomla 4 筆記(2):文章新增/編輯與分類

從首頁控制台管理頁面進入,選擇[選單]→[前台 Main Menu]→[+ 新建],建立一個選單的子項目,選單標題名為:部落格,如以下畫面:
按下按鈕後,選擇「分類部落格樣式」,如下圖:

再按「選擇分類」右方的[選擇]按鈕,或是[新增]一個分類,如下圖:

這時會開啟一個清單選項,選擇稍早建立的「部落格」分類。如下圖紅框處。

再按下瀏覽器的前台網站更新,頁面會多出一個「部落格」的選單項目,按下後可以看到以下畫面。這裡有個前提是這幾篇文章的分類設定,都要歸類到「部落格」這個分類選項。

設定完成後,點選「部落格」選單項目,這是呈現的部落格文章需要從頭看到尾,才能看到再看下一篇,有點不方便。可以從 Mainmenu選單項目畫面,點選右邊的「部落格」選單項目,點選上方「博客佈局」,可以設定部落格文章的佈局,如一個畫面排列的列數及顯示在頁面的文章數等,以下說明這幾個設定的參數:
  • 全寬文章數:顯示在文章區,以全寬畫面(同一列僅有一篇文章)顯示文章的數量。
  • 摘要文章數量:設定多少篇文章呈現在同一個頁面。
  • 列數:雖然名為列數,應解釋為排列在同一列的文章數量有幾個,例如 2 表示畫面會分成左右兩欄,同一列中可放置兩篇文章。





設定如上圖後,更新頁面,可以看到如以下畫面:

有沒有發現並排的兩篇文章,也都是要從頭到尾看完才能再看下一篇,以下「閱讀全文」的設定可以解決這個問題。


[文章設定閱讀全文]

所謂的「閱讀全文」,是僅摘要該文章前幾行,呈現在網頁,如果讀者有興趣,可以按下「閱讀全文」來開啟這篇文章閱讀全文。設定的方法很簡單,在首頁控制台管理頁面進入,選擇[內容]→[文章],點選該文章進入編輯畫面,在顯示閱讀全文的行數,點選上方的[CMS內容],開啟選單後,選擇[閱讀全文],這時會有一條紅色的區隔線出現在游標所在的這一行。如下圖:

將所有的文章都設定「閱讀全文」後,回到部落格頁面,可以看到如以下紅色框的按鈕,按下時就可閱讀該篇文章全文。


Post a Comment

較新的 較舊