店面品牌

您首先要做的其中一件事就是變更標頭中的標誌,然後為瀏覽器上傳Favicon。 接下來,您應該新增您的歡迎訊息更新頁尾中的版權宣告。 這些是一些您可以立即處理的簡單設計元素。 當您的商店處於開發狀態時,您可以開啟商店示範通知,然後在準備啟動時移除它。

店面品牌元素

上傳您的標誌

標頭中標誌的大小和位置由商店主題決定。 您的標誌可以儲存為GIF、PNG或JPG (JPEG)檔案型別,並由商店管理員上傳。

頁首 🔗 {width="600"}中的標誌

標誌影像位於伺服器上的下列位置。 任何名稱為logo.svg的影像檔案都會做為預設的主題標誌。

完整路徑 — app/design/frontend/[vendor]/[theme]/web/images/logo.svg

相對路徑 — images/logo.svg

如果您不知道主題中使用的標誌或其他影像大小,請在瀏覽器中開啟頁面,以滑鼠右鍵按一下影像,然後檢查元素。

NOTE
除了標題中的標誌外,您的標誌也會出現在電子郵件範本PDF發票及其他銷售檔案上。 用於電子郵件範本和發票的標誌有不同的大小要求,必須單獨上傳。

支援的標誌檔案格式:

檔案格式
說明
PNG
(可攜式網路圖形)這個較新的GIF格式替代方案,最多可支援1600萬色(24位元)。 不失真壓縮格式會產生高品質的點陣圖影像,其中包含清晰的文字,但檔案大小比某些格式大。 PNG格式支援透明圖層,專為線上檢視和串流而設計。
GIF
(圖形交換格式)廣泛支援的較舊點陣圖格式,限製為256色(8位元)。 GIF格式支援簡單動畫和透明圖層。
JPG (JPEG)
(Joint Photographic Expert Group)大多數數位相機使用的壓縮點陣圖格式。 有失真壓縮會產生一些資料遺失,有時在文字中會出現模糊點。
  1. 在​ 管理員 ​側邊欄上,移至​ Content > Design>Configuration

    設計設定頁面 {width="700"}

  2. 尋找您要設定的存放區檢視,然後按一下​ Action ​欄中的​ Edit

  3. 展開​ Header ​區段的 擴充選擇器

    標頭設定 {width="600"}

  4. 若要上傳新標誌,請按一下​ Upload,然後從您的系統選擇檔案。

  5. 輸入​ Logo Image Width ​和​ Logo Image Height ​畫素。

  6. 針對​ Logo Image Alt,輸入當有人將滑鼠懸停在影像上時要顯示的文字。

  7. 完成時,按一下​ Save Configuration

新增Favicon

Favicon ​是​ 最愛圖示 ​的縮寫,並參照每個瀏覽器頁面標籤上的小圖示。 根據瀏覽器的不同,Favicon也會顯示在位址列中,緊接在URL的前面。

Favicon通常是16 x 16畫素或32 x 32畫素大小。 Commerce接受ICO、PNG、APNG、GIF和JPG (JPEG)檔案型別,但並非所有瀏覽器都支援這些格式。 Favicon最廣泛支援的檔案格式為ICO。 您可以使用其他影像檔案型別,但並非所有瀏覽器都支援此格式。 線上有許多可用的免費工具,可用來產生ICO影像或將影像轉換為該格式。

瀏覽器標籤中的 Favicon {width="600"}

Commerce支援下列檔案格式做為Favicon:

檔案格式
說明
ICO
此影像檔案格式是專為小型電腦圖示影像所設計。 ICO格式大多用於Microsoft® Windows作業系統,最多可包含256 x 256畫素和1600萬色(24位元)的影像,以及8位元透明度。
PNG
(可攜式網路圖形)這個較新的GIF格式替代方案,最多可支援1600萬色(24位元)。 不失真壓縮格式會產生高品質的點陣圖影像,其中包含清晰的文字,但檔案大小比某些格式大。 PNG格式支援透明圖層,專為線上檢視和串流而設計。
APNG
(可攜式網路圖形動畫)與PNG類似的檔案格式,可支援簡單動畫。
GIF
(圖形交換格式)廣泛支援的較舊點陣圖格式,限製為256色(8位元)。 GIF格式支援簡單動畫和透明圖層。
JPG (JPEG)
(Joint Photographic Expert Group)大多數數位相機使用的壓縮點陣圖格式。 有失真壓縮會產生一些資料遺失,有時在文字中會出現模糊點。

步驟1:建立Favicon

  1. 使用您選擇的影像編輯器,建立您標誌的16 x 16或32 x 32圖形影像。

  2. (選擇性)使用其中一個可用的線上工具,將檔案轉換成.ico格式,並將檔案儲存到您的電腦。

步驟2:將Favicon上傳至您的存放區

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Design>Configuration

  2. 在網格中,尋找您要設定的存放區檢視,然後按一下​ Action ​欄中的​ Edit

  3. 在​ Other Settings ​底下,展開​ HTML Head ​區段的 擴充選擇器

    HTML標頭設定 {width="600"}

  4. 如果要移除目前的Favicon,請按一下影像左下角的​ 刪除 垃圾桶圖示 )圖示。

  5. 按一下​ Upload ​並開啟您準備的Favicon檔案。

    已上傳Favicon {width="400"}

  6. 完成時,按一下​ Save Configuration

步驟3:重新整理快取

  1. 當提示重新整理快取時,請按一下工作區頂端訊息中的​ Cache Management ​連結。

  2. 在清單中,選取標示為Invalidated的​ Page Cache ​核取方塊。

  3. 將​ Actions ​設為Refresh並按一下​ Submit

  4. 若要檢視新的Favicon,請返回您的店面並重新整理瀏覽器。

變更歡迎訊息

標題中的歡迎訊息會展開並包含已登入的客戶名稱。 啟動商店之前,請務必變更每個商店檢視的預設​ 歡迎 ​文字。

歡迎訊息

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Design>Configuration

  2. 在網格中,尋找您要設定的存放區檢視,然後按一下​ Action ​欄中的​ Edit

  3. 在​ Other Settings ​底下,展開​ Header ​區段的 擴充選擇器

  4. 針對​ Welcome Text,輸入您要在商店標頭中顯示的歡迎訊息文字。

    標頭設定 {width="600"}

  5. 完成時,按一下​ Save Configuration

  6. 當提示更新頁面快取時,請按一下工作區頂端的​ Cache Management ​連結,然後依照指示重新整理快取。

變更版權宣告

您的商店會在每個頁面的頁尾顯示版權宣告。 依據最佳做法的要求,版權宣告應包含當年,並將您的公司識別為網站內容的合法擁有者。

著作權宣告範例

©字元代碼用於插入版權符號,如下列範例所示:

  • 長格式範例

    Copyright © 2013-present Luma, Inc. All rights reserved.

  • 簡短格式範例

    © 2021 Luma, Inc. All rights reserved.

若要更新版權宣告:

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Design>Configuration

  2. 在網格中,尋找您要設定的存放區檢視,然後按一下​ Action ​欄中的​ Edit

  3. 在​ 其他設定 ​下,展開 擴充選擇器 Footer ​區段。

    頁尾設計設定 {width="600"}

  4. 針對​ Copyright,輸入您想要顯示在每個頁面頁尾的版權宣告。

    使用©字元代碼插入版權符號。

  5. 完成時,按一下​ Save Configuration

設定商店示範通知

如果您的商店線上上,但仍在建置中,您可以在頁面頂端顯示商店示範通知,告知人們該商店尚未營業。 當您準備好​ 上線 ​時,只要移除訊息即可。 它類似於將視窗中懸掛的符號從​ 已關閉 ​翻轉為​ 已開啟。 示範通知的格式由商店的主題決定。

店面示範通知

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Design>Configuration

  2. 在網格中,尋找您要設定的存放區檢視,然後按一下​ Action ​欄中的​ Edit

  3. 在​ Other Settings ​底下,展開​ HTML Head ​區段的 擴充選擇器

    HTML標題 {width="600"}

  4. 向下捲動至底部,並將​ Display Demo Store Notice ​設定為您的偏好設定。

  5. 完成時,按一下​ Save Configuration

  6. 如果系統提示您更新快取,請在系統訊息中按一下​ Cache Management,然後依照指示重新整理快取。

recommendation-more-help
31746fd0-1ead-45b5-9192-1aaf582c5f66