# 2.1 ストアのデザインと設定

### (i) ウェブストアのデザイン

STOREBERRYは、シンプルでありながらスタイリッシュなUIテンプレートを豊富に用意しています。コーディングの知識は一切不要で、<mark style="color:purple;background-color:purple;">「STOREBERRY 管理画面」</mark>  <mark style="color:purple;">→</mark>  <mark style="color:purple;background-color:purple;">「オンラインストア」</mark>  <mark style="color:purple;">→</mark>  <mark style="color:purple;background-color:purple;">「マイテンプレート」</mark>  から、ご希望のウェブサイトのスタイルとテーマを選択し、ブランドロゴや関連情報をアップロードするだけで、オンラインストアのインターフェースデザインが完成します。

さらに変更を加えたい場合は、選択したUIテンプレートの  <mark style="color:purple;">「編集」</mark>  をタップするだけで、レイアウトや色などを編集し、ユニークで優れたオンラインストアを作成できます。

<sub>\*</sub>STOREBERRYのデザインはすべて、レスポンシブウェブデザイン（RWD）を採用しており、携帯電話、タブレット、デスクトップコンピュータのいずれを使用していても、ウェブサイトのレイアウトが自動的に最適化されます。

<div align="center" data-full-width="false"><figure><picture><source srcset="/files/v3VphQydeWK7VfRIDS0f" media="(prefers-color-scheme: dark)"><img src="/files/7BbnJBmBBz636IIA8PAF" alt=""></picture><figcaption></figcaption></figure></div>

STOREBERRY ストアデザインのヒント：

1\)  店舗名とロゴを更新するには、以下の手順に従ってください。

1. <mark style="color:purple;background-color:purple;">「STOREBERRY 管理画面」</mark>   <mark style="color:purple;">→</mark>   <mark style="color:purple;background-color:purple;">「オンラインストア」</mark>   <mark style="color:purple;">→</mark>   <mark style="color:purple;background-color:purple;">「マイテンプレート」</mark> へ進みます。
2. <mark style="color:purple;">「テンプレート」</mark> の横にある <mark style="color:purple;">「編集」</mark> をタップして、インターフェース設定に入ります。
3. <mark style="color:purple;">「ショップロゴ」</mark> に移動し、右側にある小さな  <mark style="color:purple;">「編集」</mark> アイコンをタップして、店舗名とロゴを更新します。
4. <mark style="color:purple;">「保存」</mark>  をクリックして変更を確定します。

<div data-full-width="false"><figure><picture><source srcset="/files/qUrXcNcI4OBIyf4nF1QN" media="(prefers-color-scheme: dark)"><img src="/files/oDmNR8eQubGuueplDHVm" alt=""></picture><figcaption></figcaption></figure></div>

2）トップメニューバーを編集するには？

商品カテゴリーを設定したら、ウェブサイトのトップメニューバーを自由に編集できます。

1\. <mark style="color:purple;background-color:purple;">「STOREBERRY 管理画面」</mark>  <mark style="color:purple;">→</mark>  <mark style="color:purple;background-color:purple;">「オンラインストア」  →  「マイテンプレート」</mark>  <mark style="color:purple;">→</mark>  <mark style="background-color:purple;">「編集（テンプレート）」</mark>      でインターフェース設定に入ります。

2\. トップメニューバーの横にある小さな  <mark style="color:purple;">「編集」</mark>  アイコンをタップします。

3\. <mark style="color:purple;">「+追加」</mark>  をクリックして、新しい商品カテゴリー、ページ、リンクを追加し、ドラッグ＆ドロップで項目の順序を調整します。

変更を確定するために  <mark style="color:purple;">「保存」</mark>   をタップします。

<figure><picture><source srcset="/files/700l8CIAM48q3cpzaa8g" media="(prefers-color-scheme: dark)"><img src="/files/Qffci9HGOr1U5ILEDFDe" alt=""></picture><figcaption></figcaption></figure>

3）新しいウェブサイトページを作成するには？

1. <mark style="color:purple;background-color:purple;">「STOREBERRY 管理画面」</mark>   <mark style="color:purple;">→</mark>   <mark style="color:purple;background-color:purple;">「オンラインストア」</mark>  <mark style="color:purple;">→</mark>   <mark style="color:purple;background-color:purple;">「マイテンプレート」</mark>  <mark style="color:purple;">→</mark>   <mark style="color:purple;background-color:purple;">「編集（テンプレート）」</mark>へ進み、インターフェース設定に入ります。
2. 左側の  <mark style="color:purple;">「ページ」</mark>  を選択すると、FAQ、プライバシーポリシー、お問い合わせなどのデフォルトのウェブサイトページリストが表示されます。
3. 新しいページを作成するには、<mark style="color:purple;">「ページ」</mark>  の横にある「+」アイコンをクリックしてページを追加し、「ページタイトル」の下にURLを入力します。
4. 以下の詳細を入力して、<mark style="color:purple;">「保存」</mark> をタップします。

<figure><picture><source srcset="/files/lQvBuFynAwyystronTqs" media="(prefers-color-scheme: dark)"><img src="/files/PenpofRKTFMgrvENWyji" alt=""></picture><figcaption></figcaption></figure>

### **(ii)** ブログ管理

STOREBERRYは、すべてのユーザーにブログ機能を提供しています。                                       <mark style="color:purple;background-color:purple;">「STOREBERRY 管理画面」</mark>  <mark style="color:purple;">→</mark>   <mark style="color:purple;background-color:purple;">「オンラインストア」</mark>   <mark style="color:purple;">→</mark>   <mark style="color:purple;background-color:purple;">「マイテンプレート」</mark> からウェブインターフェース設定に入り、 <mark style="color:purple;">「編集」</mark> をクリックし、サイドツールバーの  <mark style="color:purple;background-color:purple;">「投稿」</mark>   <mark style="color:purple;">→</mark>   <mark style="color:purple;background-color:purple;">「すべての投稿」</mark>  を選択すると、公開されているすべてのブログ投稿をここで見ることができます。また、右上の  <mark style="color:purple;">「投稿を追加」</mark>  をクリックして、ブログ記事の執筆を開始することも可能です。

最新の商品、ブランドストーリー、商品の使い方など、オンラインストアの最新情報をブログを通じて公開し、定期的にブランドのニュースを顧客と共有することができます。

オンラインストアの検索エンジンランキングを向上させたいですか？ STOREBERRYのブログ機能は、SEO設定とCSSコード編集の両方をサポートしています。最新かつ関連性の高いブログ記事を随時公開することで、ウェブサイトのSEOスコアを向上させるのに役立つこと間違いなしです！

<figure><picture><source srcset="/files/78PIpCpVO0C1UHWRJtMh" media="(prefers-color-scheme: dark)"><img src="/files/cwglVnZzBLuGP1RXPOxV" alt=""></picture><figcaption></figcaption></figure>

### **(iii)** 商品設定

<mark style="color:purple;background-color:purple;">「STOREBERRY 管理画面」</mark>   <mark style="color:purple;">→</mark>   <mark style="color:purple;background-color:purple;">「オンラインストア」</mark>   <mark style="color:purple;">→</mark>   <mark style="color:purple;background-color:purple;">「商品設定」</mark>  で、商品とショッピングカートの基本設定を変更できます。

1. メンバー限定: これをオンにすると、ログインしている会員にのみ商品価格が表示されます。
2. 商品重量を表示: これをオンにすると、顧客は商品の重量を確認できます。
3. カート商品の有効期限 (時間): ここで、商品が顧客のショッピングカートに留まる時間制限を設定できます。たとえば「10」と入力すると、顧客がショッピングカートに入れた商品は、追加されてから10時間後に削除されます。

<figure><picture><source srcset="/files/Fe95FUmHuFh2S0UwMm37" media="(prefers-color-scheme: dark)"><img src="/files/gYJ4PmIeqTDUO4zkRpOF" alt=""></picture><figcaption></figcaption></figure>

### **(iv)** 請求書設定

<mark style="color:purple;background-color:purple;">「STOREBERRY 管理画面」</mark>  <mark style="color:purple;">→</mark>  <mark style="color:purple;background-color:purple;">「オンラインストア」</mark>  <mark style="color:purple;">→</mark>  <mark style="color:purple;background-color:purple;">「商品設定」</mark>  <mark style="color:purple;">→</mark>  <mark style="color:purple;background-color:purple;">「請求書設定」</mark>  でオンラインストアの情報を入力すると、請求書の内容を設定できます。

<figure><picture><source srcset="/files/9TvYNCDv7tl7hIBLiqJf" media="(prefers-color-scheme: dark)"><img src="/files/mrOGm1u995tUL55Xuyda" alt=""></picture><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://storeberry-docs.gitbook.io/user-guide/ja/online-store/2.1-store-design-setting.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.