> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 品牌

> 新增您的標誌、設定寬度，並選擇文件使用的強調色。

**設定 › 品牌**會將您商店的標誌和強調色套用到您的文件上。您只需設定一次，所有顯示標誌或強調色的模板都會使用它們，包括 Foliant 提供給您的模板。欄位旁的即時預覽會顯示它們在範例發票上的樣子。

![品牌設定](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/settings/images/branding.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=9631d1cc2ce050aa3a91435b337a7786)

## 開始之前

* 請準備好您的標誌，檔案格式為 JPEG、PNG、WebP 或 AVIF，大小不超過 1 MB。
* 所有方案都可以使用標誌和強調色。依國家/地區設定標誌屬於自訂品牌功能，從 Starter 方案開始提供。請參閱[方案與價格](https://foliant-help.iforiti.com/zh-Hant/billing-and-plans/plans-and-pricing.md)。

## 使用您在 Shopify 設定的標誌和顏色

安裝 Foliant 時，如果您已在 Shopify 的商店品牌設定（Shopify 管理介面中的**設定 › 品牌**）中設定標誌和主要顏色，且尚未在 Foliant 中設定自己的標誌和顏色，Foliant 就會直接採用它們。之後若要重新採用，請開啟**設定 › 品牌**，然後選取**使用我的 Shopify 標誌和顏色**。這會取代您在 Foliant 中的標誌和強調色。

## 新增您的標誌和顏色

1. 開啟**設定 › 品牌**。您也可以從**模板**頁面上的**自訂品牌**，或首頁設定指南中的**設定品牌**前往。
2. 在**標誌與顏色**下，將您的標誌拖放到**標誌**，或選取它來選擇檔案。
3. 在**標誌寬度 (px)** 中，輸入標誌列印的寬度，範圍為 50 到 400 px。預設值為 240 px。
4. 在**強調色**中，選擇一種顏色或輸入其色碼，例如 `#1a73e8`。它會用於標題和表格線條。預設為黑色。
5. 檢查預覽，然後在儲存列中選取**儲存**。

儲存品牌設定後，即完成首頁設定指南中的**上傳您的品牌素材**步驟。

## 更換或移除您的標誌

* 若要使用其他檔案，請選取標誌旁的**取代**，然後選取**儲存**。
* 若要取消剛選擇但尚未儲存的檔案，請選取**移除**。您已儲存的標誌會恢復。
* 若要刪除已儲存的標誌，請選取標誌旁的**移除**。此操作會立即生效，不需使用儲存列，您會看到**標誌已移除**。

## 在您自己的模板中使用品牌設定

Foliant 的模板已會顯示您的標誌和強調色。如果您自行撰寫 Liquid，請使用以下變數：

```liquid theme={null}
{% if shop_logo_url != blank %}
  <img src="{{ shop_logo_url }}" width="{{ shop_logo_width }}" alt="Logo">
{% endif %}
<h1 style="color: {{ shop_accent_color }}">Invoice</h1>
```

## 須知事項

* 從設計建立的模板會保留該設計中設定的標誌和顏色。請參閱[設計總覽](https://foliant-help.iforiti.com/zh-Hant/designs/designs-gallery.md)。
* 若要為寄往特定國家/地區的訂單使用其他標誌和顏色，請在同一頁面的**依國家/地區設定標誌**下新增。請參閱[依國家/地區設定標誌](https://foliant-help.iforiti.com/zh-Hant/settings/logos-by-country.md)。
* 如果標誌檔案過大，您會看到**The file you tried to upload was too large (over 1MB)**。請縮小檔案後再試一次。
* 如果您的方案不再包含自訂品牌功能，依國家/地區設定的標誌將停止列印。您自己的標誌和強調色在所有方案中都會繼續列印。

## 相關文章

* [依國家/地區設定標誌](https://foliant-help.iforiti.com/zh-Hant/settings/logos-by-country.md)
* [模板總覽](https://foliant-help.iforiti.com/zh-Hant/templates/what-are-templates.md)
* [設計總覽](https://foliant-help.iforiti.com/zh-Hant/designs/designs-gallery.md)
* [設定總覽](https://foliant-help.iforiti.com/zh-Hant/settings/settings-overview.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.