テーマエディタで: カスタマイズフッターフッター

フッター

すべてのページの終わり。ロゴ、メニュー、SNS リンク、言語と国の選択、決済アイコン、著作権表示を、それぞれブロックとして配置します。

サイズガイドを「ヘルプ」というメニューグループにまとめると、どのページからでも見つけられます。

設定

レイアウト

フッターのレイアウト
選択: クラシック、シグネチャー、2段、インデックス、コンパクト、奥付デフォルト: クラシッククラシック:ブロックはリストの順に1列で並び、それぞれに配置と余白を設定できます。ほかのレイアウトでは、ブロックの種類ごとにスマートフォンとパソコンでの位置が決まっています。キーボード操作のため、リストの順序は同じに保ってください。シグネチャーはロゴブロックから始まります。ロゴブロックを追加してください。
すべてのセクションに共通する設定余白、色、窓、テキストのスタイル

ウィンドウ、スクロール、余白、色の設定は、どのセクションでも同じように動作します。仕組みを見る。

余白

このセクションにカスタム余白を使用する
オンまたはオフデフォルト: オフオフ:テーマ設定の「レイアウト」にあるセクション間の余白を使用します。オン:ここで設定した値をこのセクションの上下に使用します。モバイルでは、ほとんどのセクションがその65%を使用します。
上の余白(パソコン)
スライダー(0〜160 px)デフォルト: 42 px
下の余白(パソコン)
スライダー(0〜160 px)デフォルト: 12 px
上の余白(スマートフォン)
スライダー(0〜160 px)デフォルト: 28 px
下の余白(スマートフォン)
スライダー(0〜160 px)デフォルト: 4 px
スマートフォンの左右余白を調整
オンまたはオフデフォルト: オフオフ:クラシックのレイアウトでは16.5ピクセル、ほかのレイアウトでは24ピクセルです。
スマートフォンの左右余白
スライダー(8〜40 px)デフォルト: 24 px
コンテンツの幅
選択: 狭い、標準、広い、全幅デフォルト: 標準

色

カラースキーム
カラースキームページのスキームと同じ場合: セクションはページの背景の上に置かれます。別のスキームを選ぶと、フレーム内のカードとして独自の背景になります。下のカスタムカラーはスキームより優先されます。
このセクションにカスタムカラーを使用する
オンまたはオフデフォルト: オフオフの場合、セクションにはテーマの色が使用されます。
背景
色デフォルト: #1F1C1A
テキスト
色デフォルト: #FFFFFF
背景のスタイル
選択: 単色、ライトステージデフォルト: 単色ライトステージ:上から柔らかな光が差し、下に向かって落ち着いていきます。セクションの色(明るい色・暗い色どちらでも)から作られます。暗い色ではテキストとボタンが自動で明るくなります。
光の色
色上部中央からのやわらかな光。空欄の場合:白。

窓

フレームの一部
オンまたはオフデフォルト: オンフッターはフレームの色になりフレームと一体化し、文字はフレーム上で読める色になります。オフにする、カスタムカラーやライトステージを選ぶと、フッターが独立したウィンドウになり、下の「ウィンドウ」設定が使えます。
連結
選択: 独立した窓、上の窓に連結、下の窓に連結、上下に連結デフォルト: 独立した窓

テキストのスタイル

このセクションのカスタムテキストスタイル
オンまたはオフデフォルト: オフオフの場合、セクションにはテーマのスタイルが使用されます。Shopifyのフォントはヘブライ語に対応していないため、ヘブライ語で機能するスタイルから選択します。
見出しのスタイル
選択: テーマのデフォルト、細字、太字、セリフデフォルト: テーマのデフォルト
見出しのサイズ
スライダー(70〜160 %)デフォルト: 100 %
見出しの色
色空欄の場合:自動。セクションの色が使用されます(暗い背景では明るい色)。
テキストのスタイル
選択: テーマのデフォルト、細字、太字、セリフデフォルト: テーマのデフォルト
テキストのサイズ
スライダー(70〜160 %)デフォルト: 100 %
テキストの色
色空欄の場合:自動。セクションの色が使用されます(暗い背景では明るい色)。

ブロック

ブロックはセクションの中にあるパーツです。エディタで追加、削除し、ドラッグして順番を変えられます。

ロゴ

一般

ロゴ画像
画像空欄の場合:ストアのブランド設定のロゴ。ロゴがない場合はストア名が表示されます。
ロゴを白で表示
オンまたはオフデフォルト: オン暗いフッター上の暗いロゴ用です。明るいロゴやカラーのロゴではオフにしてください。
スマートフォンのロゴの幅
スライダー(50〜350 px)デフォルト: 178 px
パソコンのロゴの幅
スライダー(50〜480 px)デフォルト: 230 px
ロゴの下の行
テキスト2本の先細りの線の間に表示されます。空欄の場合は表示されません。

位置

クラシックのレイアウトで使われます。ほかのレイアウトでは、各ブロックの位置が決まっています。

スマートフォンでの配置
選択: 行頭、中央、行末デフォルト: 中央
デスクトップでの配置
選択: 行頭、中央、行末デフォルト: 中央
上の余白(スマートフォン)
スライダー(0〜100 px)デフォルト: 0 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
上の余白(デスクトップ)
スライダー(0〜100 px)デフォルト: 0 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
ソーシャルメディア

一般

ソーシャルメディアの見出し
テキスト空欄にすると、デフォルトが使用されます。
見出しの位置
選択: 自動(フッターのレイアウトに合わせる)、アイコンの上、アイコンの横、非表示デフォルト: 自動(フッターのレイアウトに合わせる)自動はフッターのレイアウトに合わせます。非表示は画面には表示されませんが、スクリーンリーダーには残ります。
上に線
オンまたはオフデフォルト: オフアイコンの上の細い線。フッターのほかの線と同じです。パソコンの「2段」レイアウトではアイコンがリンクの横にあるため、表示されません。
見出しのサイズ(スマートフォンとタブレット)
スライダー(12〜32 px)デフォルト: 17 px
見出しのサイズ(パソコン)
スライダー(12〜40 px)デフォルト: 19 px
見出しの太さ
スライダー(200〜800)デフォルト: 700
パネルの背景
色空欄:パネルなし。色を選ぶと見出しとアイコンが角丸のパネルに載り、上の線は描かれません。
パネルの文字とアイコン
色空欄:フッターの文字色。

ソーシャルアイコン

スマートフォンの値はタブレットにも適用されます。パソコンの値は幅990ピクセル以上で適用されます。

アイコンの見た目
選択: アイコン、コインデフォルト: アイコン
コインの色
色デフォルト: #FFFFFF
アイコンの色
色デフォルト: #1F1C1A
回転時にSNS名を表示
オンまたはオフデフォルト: オンマウスを重ねるか、スマートフォンでタップすると、コインが一回転し、その下にSNS名が表示されます。
リンクが未設定のアイコンも表示する
オンまたはオフデフォルト: オンFacebook、Instagram、TikTok、YouTube、Xは、テーマ設定でリンクを追加するまで、クリックできないシンプルなアイコンとして表示されます。その他のSNSはリンクがある場合のみ表示されます。
アイコンのサイズ(スマートフォン)
スライダー(14〜32 px)デフォルト: 18 px
アイコンのサイズ(パソコン)
スライダー(14〜32 px)デフォルト: 18 px
アイコンの間隔(スマートフォン)
スライダー(0〜40 px)デフォルト: 17.6 px
アイコンの間隔(パソコン)
スライダー(0〜40 px)デフォルト: 17.6 px
1行あたりのアイコン数(スマートフォン)
スライダー(2〜12)デフォルト: 6新しい行に移るまでに1行に並ぶアイコンの数。最後の行は中央揃えになります。
1行あたりのアイコン数(パソコン)
スライダー(2〜12)デフォルト: 6新しい行に移るまでに1行に並ぶアイコンの数。最後の行は中央揃えになります。

位置

クラシックのレイアウトで使われます。ほかのレイアウトでは、各ブロックの位置が決まっています。

スマートフォンでの配置
選択: 行頭、中央、行末デフォルト: 中央
デスクトップでの配置
選択: 行頭、中央、行末デフォルト: 中央
上の余白(スマートフォン)
スライダー(0〜100 px)デフォルト: 0 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
上の余白(デスクトップ)
スライダー(0〜100 px)デフォルト: 0 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
Shopでフォロー

一般

ボタンの上の見出し
テキスト空欄の場合:見出しなし。

お客様がストアをフォローできるShopアプリのボタンです。Shop Payが有効で、ストア管理画面にShop販売チャネルがインストールされている場合にのみ表示されます。ボタン、テキスト、色はShopifyが設定するもので、変更することはできません。このブロックでは位置のみを設定します。

位置

クラシックのレイアウトで使われます。ほかのレイアウトでは、各ブロックの位置が決まっています。

スマートフォンでの配置
選択: 行頭、中央、行末デフォルト: 中央
デスクトップでの配置
選択: 行頭、中央、行末デフォルト: 中央
上の余白(スマートフォン)
スライダー(0〜100 px)デフォルト: 26 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
上の余白(デスクトップ)
スライダー(0〜100 px)デフォルト: 26 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
言語と国

一般

言語の選択を表示する
オンまたはオフデフォルト: オン
国と通貨の選択を表示する
オンまたはオフデフォルト: オン
言語の横に国旗を表示
オンまたはオフデフォルト: オン各言語の横に小さな国旗を表示します。言語は国ではないため、表示しないことを好むストアもあります。

言語の選択は、ストアに複数の言語がある場合にのみ表示されます。国と通貨の選択は、ストアが複数の国で販売している場合にのみ表示されます。言語と国は、ストア管理画面(「設定」>「言語」、「マーケット」)で追加します。言語が2つの場合は切り替えボタン、3つ以上の場合はリストで表示されます。

位置

クラシックのレイアウトで使われます。ほかのレイアウトでは、各ブロックの位置が決まっています。

スマートフォンでの配置
選択: 行頭、中央、行末デフォルト: 中央
デスクトップでの配置
選択: 行頭、中央、行末デフォルト: 中央
上の余白(スマートフォン)
スライダー(0〜100 px)デフォルト: 26 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
上の余白(デスクトップ)
スライダー(0〜100 px)デフォルト: 26 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
決済方法

一般

行のスタイル
選択: 全幅の行、カードの束(タップやホバーで広がる)、安全なお支払いのシールデフォルト: カードの束(タップやホバーで広がる)決済カードの表示方法です。どのスタイルもカードのサイズと枠は同じです。
シールのタイトル
テキスト空欄にすると各言語で「安全なお支払い」が表示されます。
シールの文
テキスト空欄にすると各言語の既定の文が表示されます。
カードの枠の色
色デフォルト: #000000各決済カードを囲む細い枠です。
スマートフォンでのアイコンの高さ
スライダー(12〜40 px)デフォルト: 23 px
デスクトップでのアイコンの高さ
スライダー(12〜40 px)デフォルト: 23 px

位置

クラシックのレイアウトで使われます。ほかのレイアウトでは、各ブロックの位置が決まっています。

スマートフォンでの配置
選択: 行頭、中央、行末デフォルト: 中央
デスクトップでの配置
選択: 行頭、中央、行末デフォルト: 中央
上の余白(スマートフォン)
スライダー(0〜100 px)デフォルト: 44 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
上の余白(デスクトップ)
スライダー(0〜100 px)デフォルト: 36 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
著作権表示

一般

追加の著作権表示
テキストストア名の後に表示されます。
スタイル
選択: 自動(フッターのレイアウトに合わせる)、シンプル、先細りの線の間デフォルト: 自動(フッターのレイアウトに合わせる)
スマートフォンでのテキストのサイズ
スライダー(10〜20 px)デフォルト: 12 px
デスクトップでのテキストのサイズ
スライダー(10〜20 px)デフォルト: 12 px

位置

クラシックのレイアウトで使われます。ほかのレイアウトでは、各ブロックの位置が決まっています。

スマートフォンでの配置
選択: 行頭、中央、行末デフォルト: 中央
デスクトップでの配置
選択: 行頭、中央、行末デフォルト: 中央
上の余白(スマートフォン)
スライダー(0〜100 px)デフォルト: 18 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
上の余白(デスクトップ)
スライダー(0〜100 px)デフォルト: 22 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
リンク

一般

メニュー
メニュー
リンクの上の見出し
テキスト空欄の場合:見出しなし。
リンクのスタイル
選択: 自動(フッターのレイアウトに合わせる)、リンク数を固定した行、バランス行、列、線と矢印のリスト、大きなリストデフォルト: 自動(フッターのレイアウトに合わせる)自動はフッターのレイアウトに合わせます。バランス行では、同じ行にある2つのリンクの間にだけ点が表示されます。
1行あたりのリンク数(パソコン)
スライダー(2〜8)デフォルト: 4次の行に移るまでに1行に並ぶリンクの数。最後の行は短くなる場合があります。
1行あたりのリンク数(スマートフォン)
スライダー(1〜6)デフォルト: 3
スマートフォンの列数
選択: 自動、1、2、3デフォルト: 自動列とリスト用です。自動はリンクのスタイルに応じて列数を決めます。
パソコンの列数
選択: 自動、1、2、3、4デフォルト: 自動列とリスト用です。自動はリンクのスタイルに応じて列数を決めます。
矢印を表示
オンまたはオフデフォルト: オン線と矢印のリストで使われます。
スマートフォンでのテキストのサイズ
スライダー(10〜20 px)デフォルト: 13.5 px
デスクトップでのテキストのサイズ
スライダー(10〜20 px)デフォルト: 13.5 px

位置

クラシックのレイアウトで使われます。ほかのレイアウトでは、各ブロックの位置が決まっています。

スマートフォンでの配置
選択: 行頭、中央、行末デフォルト: 中央
デスクトップでの配置
選択: 行頭、中央、行末デフォルト: 中央
上の余白(スマートフォン)
スライダー(0〜100 px)デフォルト: 14 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。
上の余白(デスクトップ)
スライダー(0〜100 px)デフォルト: 18 px上のパーツからの距離。順序を変更するには、リスト内のブロックをドラッグしてください。

エディタの表示とここの内容が違う場合は、お知らせください。ガイドを修正します。