> ## 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)

## 始める前に

* ロゴを、1 MB以下のJPEG、PNG、WebP、AVIFファイルで用意してください。
* ロゴとアクセントカラーはすべてのプランで使えます。国別のロゴはカスタムブランディングの機能で、Starter以上のプランで使えます。[プランと料金](https://foliant-help.iforiti.com/jp/billing-and-plans/plans-and-pricing.md)をご覧ください。

## Shopifyで設定したロゴとカラーを使う

Foliantをインストールすると、Shopifyのストアのブランド設定 (Shopify管理画面の**設定 › ブランド**) からロゴとメインカラーを取り込みます。ただし、Shopifyで設定済みで、Foliantで独自に設定していない場合に限ります。あとで取り込み直すには、**設定 › ブランディング**を開き、**Shopifyのロゴとカラーを使用**を選択します。Foliantのロゴとアクセントカラーは置き換えられます。

## ロゴとカラーを追加する

1. **設定 › ブランディング**を開きます。**テンプレート**ページの**ブランディングをカスタマイズ**や、ホームページのセットアップガイドの**ブランディングを設定**からも開けます。
2. **ロゴとカラー**で、ロゴを**ロゴ**にドロップするか、選択してファイルを選びます。
3. **ロゴ幅 (px)** に、印刷時のロゴの幅を50～400 pxで入力します。初期値は240 pxです。
4. **アクセントカラー**で色を選ぶか、`#1a73e8` のような16進数のカラーコードを入力します。見出しや表の罫線に使われます。初期値は黒です。
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/jp/designs/designs-gallery.md)をご覧ください。
* 一部の国への注文で別のロゴとカラーを使うには、同じページの**国別のロゴ**で追加します。[国別のロゴ](https://foliant-help.iforiti.com/jp/settings/logos-by-country.md)をご覧ください。
* ロゴのファイルが大きすぎると、**The file you tried to upload was too large (over 1MB)** と表示されます。ファイルを小さくして、もう一度お試しください。
* プランにカスタムブランディングが含まれなくなると、国別のロゴは印刷されなくなります。ロゴとアクセントカラーは、どのプランでも引き続き印刷されます。

## 関連記事

* [国別のロゴ](https://foliant-help.iforiti.com/jp/settings/logos-by-country.md)
* [テンプレートの概要](https://foliant-help.iforiti.com/jp/templates/what-are-templates.md)
* [デザインの概要](https://foliant-help.iforiti.com/jp/designs/designs-gallery.md)
* [設定の概要](https://foliant-help.iforiti.com/jp/settings/settings-overview.md)


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