店面品牌
您首先要做的其中一件事就是變更標頭中的標誌,然後為瀏覽器上傳Favicon。 接下來,您應該新增您的歡迎訊息並更新頁尾中的版權宣告。 這些是一些您可以立即處理的簡單設計元素。 當您的商店處於開發狀態時,您可以開啟商店示範通知,然後在準備啟動時移除它。
上傳您的標誌
標頭中標誌的大小和位置由商店主題決定。 您的標誌可以儲存為GIF、PNG或JPG (JPEG)檔案型別,並由商店管理員上傳。
頁首 {width="600"}中的標誌
標誌影像位於伺服器上的下列位置。 任何名稱為logo.svg
的影像檔案都會做為預設的主題標誌。
完整路徑 — app/design/frontend/[vendor]/[theme]/web/images/logo.svg
相對路徑 — images/logo.svg
如果您不知道主題中使用的標誌或其他影像大小,請在瀏覽器中開啟頁面,以滑鼠右鍵按一下影像,然後檢查元素。
支援的標誌檔案格式:
-
在 管理員 側邊欄上,移至 Content > Design>Configuration。
{width="700"}
-
尋找您要設定的存放區檢視,然後按一下 Action 欄中的 Edit。
-
展開 Header 區段的 。
{width="600"}
-
若要上傳新標誌,請按一下 Upload,然後從您的系統選擇檔案。
-
輸入 Logo Image Width 和 Logo Image Height 畫素。
-
針對 Logo Image Alt,輸入當有人將滑鼠懸停在影像上時要顯示的文字。
-
完成時,按一下 Save Configuration。
新增Favicon
Favicon 是 最愛圖示 的縮寫,並參照每個瀏覽器頁面標籤上的小圖示。 根據瀏覽器的不同,Favicon也會顯示在位址列中,緊接在URL的前面。
Favicon通常是16 x 16畫素或32 x 32畫素大小。 Commerce接受ICO、PNG、APNG、GIF和JPG (JPEG)檔案型別,但並非所有瀏覽器都支援這些格式。 Favicon最廣泛支援的檔案格式為ICO。 您可以使用其他影像檔案型別,但並非所有瀏覽器都支援此格式。 線上有許多可用的免費工具,可用來產生ICO影像或將影像轉換為該格式。
瀏覽器標籤中的 {width="600"}
Commerce支援下列檔案格式做為Favicon:
步驟1:建立Favicon
-
使用您選擇的影像編輯器,建立您標誌的16 x 16或32 x 32圖形影像。
-
(選擇性)使用其中一個可用的線上工具,將檔案轉換成.ico格式,並將檔案儲存到您的電腦。
步驟2:將Favicon上傳至您的存放區
-
在 管理員 側邊欄上,移至 Content > Design>Configuration。
-
在網格中,尋找您要設定的存放區檢視,然後按一下 Action 欄中的 Edit。
-
在 Other Settings 底下,展開 HTML Head 區段的 。
{width="600"}
-
如果要移除目前的Favicon,請按一下影像左下角的 刪除 ( )圖示。
-
按一下 Upload 並開啟您準備的Favicon檔案。
{width="400"}
-
完成時,按一下 Save Configuration。
步驟3:重新整理快取
-
當提示重新整理快取時,請按一下工作區頂端訊息中的 Cache Management 連結。
-
在清單中,選取標示為
Invalidated
的 Page Cache 核取方塊。 -
將 Actions 設為
Refresh
並按一下 Submit。 -
若要檢視新的Favicon,請返回您的店面並重新整理瀏覽器。
變更歡迎訊息
標題中的歡迎訊息會展開並包含已登入的客戶名稱。 啟動商店之前,請務必變更每個商店檢視的預設 歡迎 文字。
-
在 管理員 側邊欄上,移至 Content > Design>Configuration。
-
在網格中,尋找您要設定的存放區檢視,然後按一下 Action 欄中的 Edit。
-
在 Other Settings 底下,展開 Header 區段的 。
-
針對 Welcome Text,輸入您要在商店標頭中顯示的歡迎訊息文字。
{width="600"}
-
完成時,按一下 Save Configuration。
-
當提示更新頁面快取時,請按一下工作區頂端的 Cache Management 連結,然後依照指示重新整理快取。
變更版權宣告
您的商店會在每個頁面的頁尾顯示版權宣告。 依據最佳做法的要求,版權宣告應包含當年,並將您的公司識別為網站內容的合法擁有者。
©
字元代碼用於插入版權符號,如下列範例所示:
-
長格式範例
Copyright © 2013-present Luma, Inc. All rights reserved.
-
簡短格式範例
© 2021 Luma, Inc. All rights reserved.
若要更新版權宣告:
-
在 管理員 側邊欄上,移至 Content > Design>Configuration。
-
在網格中,尋找您要設定的存放區檢視,然後按一下 Action 欄中的 Edit。
-
在 其他設定 下,展開 Footer 區段。
{width="600"}
-
針對 Copyright,輸入您想要顯示在每個頁面頁尾的版權宣告。
使用
©
字元代碼插入版權符號。 -
完成時,按一下 Save Configuration。
設定商店示範通知
如果您的商店線上上,但仍在建置中,您可以在頁面頂端顯示商店示範通知,告知人們該商店尚未營業。 當您準備好 上線 時,只要移除訊息即可。 它類似於將視窗中懸掛的符號從 已關閉 翻轉為 已開啟。 示範通知的格式由商店的主題決定。
-
在 管理員 側邊欄上,移至 Content > Design>Configuration。
-
在網格中,尋找您要設定的存放區檢視,然後按一下 Action 欄中的 Edit。
-
在 Other Settings 底下,展開 HTML Head 區段的 。
{width="600"}
-
向下捲動至底部,並將 Display Demo Store Notice 設定為您的偏好設定。
-
完成時,按一下 Save Configuration。
-
如果系統提示您更新快取,請在系統訊息中按一下 Cache Management,然後依照指示重新整理快取。