Joomla 4 筆記(12)：在文章中插入隨機圖片模組

Photo by charlesdeluvio on Unsplash

文章是比較靜態的內容，如果想在文章中加入一些變化，可以使用模組來讓文章看起來更生動些，其中一種作法是隨機變更圖片，這樣可以讓每次看文章時，有不同的感受，以下我們來看一下如何在文章中插入隨機圖片的模組。

[新增隨機圖片模組]

在管理者首頁控制台，點選[內容]→[網站模組]，按下[+ 新建]，在各種新增模組中選擇「隨機圖片」這個模組。

進入隨機圖片模組設定畫面，設定「圖片類型」，預設是小寫的「jpg」。剛設定完成時，一直無法顯示圖片在文章中，經過幾番測試，終於找到原因，是因為照片圖檔的副檔名是大寫的「JPG」，系統讀取不到這些檔案，這不知道算不算是 Joomla 的一個 Bug，務必要大小寫一致才行。改成大寫的「JPG」後就可正常顯示圖片。
接著設定讀取「圖片資料夾」位置，預設都是放在 images 目錄下，我建立一個 Japan 的子目錄，不論大小寫的英文字，都可正常讀取該路徑。在指定照片顯示的寬度，如以下紅框處。

回到管理者首頁控制台，點選[內容]→[文章]，找到要隨機顯示照片的文章，在插入圖片位置，點選上方的[CMS內容]→[模組檔案]，這時會開啟選擇模組的頁面，選擇稍早建立的隨機圖片模組：「日本自由行」，這個模組的 ID 是 111，回到文章畫面，就會看到多一行指令：

{loadmoduleid 111}

如下圖：

存檔離開後，回到前台的頁面，可以看到文章中的圖片，隨機顯示，只要按 F5 更新網頁，就可看到顯示不同圖片。