Shiori
サポート / SupportDocs
ページ一覧13

Shiori · Docs

テーマ設定 / Theme settings

日本語

テーマエディタの左下にある歯車（テーマ設定）から開きます。

ロゴ

  • ロゴの画像と幅、ファビコン（32 × 32px の PNG を推奨）
  • ロゴを入れないと、ストア名を文字で出します

お客様アカウント

  • ヘッダーのアカウントから開くシートに出すメニュー（既定は customer-account-main-menu）

配色

  • 配色は5つ。それぞれに「背景・背景のグラデーション・文字・薄い文字・アクセント・罫線・ボタン・ボタンの文字・サブボタンの文字」の色があります
  • セクションごとに配色を選べます
  • アクセントは、値引きの価格・必須の印・カートの件数などに使います

文字

  • 欧文の書体（見出し・本文）: Shopify のフォント集から選びます。英数字に使われます
  • 和文の書体（見出し・本文）: 明朝体・ゴシック体・丸ゴシック体から選びます。お客様の端末に入っている書体（iPhone・Mac はヒラギノ、Windows は游明朝・游ゴシックなど）で表示するので、フォントの読み込みを待たずに文字が出ます
  • 見出しの大きさ・本文の大きさ・見出しの字間・本文の行の高さ（日本語は 18〜20 が読みやすい）

レイアウト

  • ページの幅・左右の余白・セクションの間隔・罫線の表示（紙面のような細い線）・角の丸み

商品カード

  • 画像の比率、マウスを乗せたときに2枚目の画像を出す、バッジに使うタグの頭の文字（既定は badge:）、セールと売り切れのバッジの配色

検索

  • 検索の候補を出すかどうか。日本語のページでは Shopify の予測検索が使えないため、通常の検索結果から候補を出します

SNS

  • Instagram・X・Facebook・LINE・YouTube・TikTok・Pinterest の URL。入れたものだけフッターにアイコンが出ます

通貨の表示

  • 価格に通貨のコードを付ける（例: ¥1,000 JPY）。カートの合計とチェックアウトでは、この設定に関係なく付きます

English

Open theme settings from the gear icon at the lower left of the theme editor.

  • Logo image and width, and a favicon (a 32 × 32 px PNG is recommended)
  • Without a logo, the store name is shown as text

Customer accounts

  • The menu shown in the account sheet that opens from the header (default: customer-account-main-menu)

Colors

  • Five color schemes. Each has colors for background, background gradient, text, muted text, accent, rules, buttons, button labels, and secondary button labels
  • Each section has its own color scheme setting
  • The accent color is used for sale prices, required marks, the cart count, and similar details

Typography

  • Latin fonts (headings and body): chosen from the Shopify font library and used for Latin letters and numbers
  • Japanese typefaces (headings and body): mincho, gothic, or rounded gothic. Shiori uses the typefaces already on the shopper's device (Hiragino on iPhone and Mac, Yu Mincho and Yu Gothic on Windows, and so on), so Japanese text appears without waiting for a font download
  • Heading size, body text size, heading letter spacing, and body line height (Japanese text reads best between 18 and 20)

Layout

  • Page width, page margins, section spacing, rules (thin lines like a printed page), and corner radius

Product cards

  • Image ratio, a second image on hover, the tag prefix for badges (default: badge:), and the color schemes for sale and sold-out badges
  • Turn search suggestions on or off. Shopify's predictive search doesn't support Japanese, so on Japanese pages Shiori builds suggestions from regular search results

Social media

  • URLs for Instagram, X, Facebook, LINE, YouTube, TikTok, and Pinterest. Icons appear in the footer only for the accounts you enter

Currency format

  • Show currency codes with prices (for example, ¥1,000 JPY). The cart total and checkout always show currency codes