Joomla 4 筆記(5)：修改預設標誌(Logo)

Photo by Aleks Dorohovich on Unsplash

安裝完成 Joomla 4 會有一個預設的版面：CASSIOPEIA，這個字的意思是仙后座，這是 Joomla 延續以天體為命名方式(1.0 版本命名為 Solarflare，從 1.5 命名為 Milkyway，從 3.0 命名為 Protostar)，Cassiopeia 是 Joomla 4 網站佈景主題，是基於Bootstrap 5 開發。藉由實做瞭解一下 Joomla 更新設定的方法，如何改造成一個專業網站。

[更改網站標誌(Logo)]

可以看到預設網站的左上角標誌 Logo 如下:

要如何更換呢？首先登入後台管理者，按下[系統]→[網站佈景主題樣式]，如下圖：

接著會看到一個 [Cassiopeia - Default]的樣式，點選下圖的紅色框區域的樣式：

接著點選(1)[高級選項]，在「標誌」的區塊，按下(2)的[選擇]，這時會開啟以下視窗，按下[上傳]，這時會開啟一個檔案總管，再選定要上傳的 Logo 檔案，Logo 的大小是 250*60 像素，如能修改成無背景的圖檔最好，接著繼續按下[開啟]：

稍稍等待後，視窗中出現上傳的檔案：勾選檔案後，按下(2)[選擇]：

按下如上圖(2)的[選擇]，再按下上方的[儲存並關閉]，修改 Logo 的作業就完成了。

首頁 Logo 呈現的結果如下圖：

網站標誌Logo的圖檔是放在以下路徑，可直接製作一個 .svg 圖檔，將以下路徑的 logo.svg 檔換掉即可。

\htdocs\SimpleLife\media\templates\site\cassiopeia\images

[更改標誌Logo為文字]

上一段文章是更換 Logo 的圖片，如果沒有圖片也可以將文字的名稱顯示在網站的左上角。
依照上述步驟，開啟[高級選項]頁簽，如下圖：

在[標題(標誌的替代文字)]欄位輸入網站名稱(如：Simple Life Style)，標語即為副標題，同時要將[標誌]的圖片刪除，僅需按下頁面中的，即可將照片從網站左上角刪掉。結果如以下畫面：

[參考資料]