オンライン ストアでパスワード保護が有効になっており、顧客が Web サイトにアクセスしようとすると、パスワード ページが表示されます。このページには 3 つの主要なセクション グループがあります。パスワード ヘッダー、テンプレート、およびパスワード フッター。それぞれのセクションには複数のセクションが含まれています。ブロックを使用してセクションを追加できます。
この記事では、デフォルトのパスワード ページのすべてのセクションとブロックの概要を説明します。
このページでは
1. パスワードヘッダー
このページのヘッダーには、パスワード ヘッダー セクションのみが含まれます。
| セクション設定 | 設定 | 説明 |
|---|---|---|
| 透明ヘッダー | ||
| 文字の色 | テキストの色。 | |
| ボタンのテキスト | ボタンのテキストの色。 | |
| ボタンの背景 | ボタンの背景色。 | |
| 背景のグラデーション | 背景のグラデーションカラー。 | |
| ポップアップ | ||
| 文章 | テキストの色。 | |
| 背景 | 背景色。 | |
| ボタンのテキスト | ボタンのテキストの色。 | |
| ボタンの背景 | ボタンの背景色。 | |
| ボタンの背景のグラデーション | ボタンの背景のグラデーション。 | |
| かぶせる | オーバーレイの色。 | |
| セクション | ||
| 上部のパディング | セクションの上部内部空間の高さを決定します。 0px ～ 120px の範囲で、算術的に 4px ずつ増加します。 | |
| 底部のパディング | セクションの下部内部空間の高さを決定します。 0px ～ 120px の範囲で、算術的に 4px ずつ増加します。 | |
| カスタムCSS | このセクションにカスタム CSS を追加します。 | |
このセクションにはブロックを追加できません。
2. テンプレートグループ
このページのテンプレートには、デフォルトでは電子メール サインアップ バナー セクションのみが含まれています。
[セクションの追加]リストには、さらに最大 30 個のセクションを追加できます。
| セクション設定 | 設定 | 説明 |
|---|---|---|
| メール登録バナー | ||
| 透明なヘッダーを許可する | 透明なヘッダーを許可します。 この設定は、このセクションが最初のセクションである場合にのみ適用されます。 | |
| 透明なフッターを許可する | 透明なヘッダーを許可します。 この設定は、このセクションが最後のセクションである場合にのみ適用されます。 | |
| 画像 | セクションの背景画像を選択/アップロードします。 | |
| デスクトップの高さ | デスクトップ上で表示されるときの画像の高さを決定します。
| |
| デスクトップコンテンツの幅 | デスクトップで表示するときの画像の幅を決定します。
| |
| デスクトップのコンテンツの位置 | デスクトップ上のコンテンツの位置を設定します。
| |
| デスクトップコンテンツの配置 | デスクトップ上のコンテンツの配置を設定します。
| |
| モバイルレイアウト | ||
| モバイル画像 | モバイル上のセクションの背景画像を選択/アップロードします。 | |
| モバイルの高さ | モバイルで表示するときの画像の高さを決定します。
| |
| モバイルコンテンツの位置 | モバイルブラウザ上のコンテンツの位置を設定します。
| |
| モバイルコンテンツの調整 | モバイルブラウザでのコンテンツの配置を設定します。
| |
| 色 | 必要に応じて、次のセクションの色をカスタマイズできます。
| |
| セクション | ||
| 上部パディングと下部パディングのパディングを 0px から 120px まで調整でき、算術的に 4px 増加します。 | ||
| セクション区切り線を表示 | このセクションの上に行区切りを表示します。 | |
| セクションを全幅にする | コンテナを全幅にします。 | |
| 断面を丸くする | 上の 2 つの角に丸いエッジを適用します。 | |
| 視差効果を有効にする | 2 次元の画像またはシーンに奥行きの錯覚を生み出す視差効果を表示できるようにします。 | |
| カスタムCSS | このセクションにカスタム CSS を追加します。 | |
利用可能なブロック:
- 1.1 見出し
- 1.2 テキスト
- 1.3 ボタン
- 1.4 リンク
- 1.5 画像
- 1.6 フォーム
- 1.7 ソーシャルメディアアイコン
- 1.8 空きスペース
- 1.9 カスタムリキッド
1.1 見出しブロックの設定。
| ブロック設定 | 設定 | 説明 |
|---|---|---|
| 見出し | ||
| 見出し | ブロックのタイトル。 | |
| 見出しのサイズ | 見出しのサイズは、 Small 、 Medium 、 Large 、またはExtralargeのいずれかのオプションに設定できます。 | |
| 見出しタグ | SEO のためにコンテンツを構造化および整理するための見出しタグを選択します。 | |
| ハイライトされたテキスト | ||
| ハイライトされたテキスト | 次の 6 つのオプションから 1 つを選択して、テキストの書式を設定します。
| |
| ハイライトされた落書き 強調表示されたテキスト スタイルを[手書きの落書き] に設定する必要があります。 | この設定では、テキストを強調表示する 5 つの方法が提供されます。
|
1.2 テキストブロックの設定。
| ブロック設定 | 設定 | 説明 |
|---|---|---|
| 文章 | ||
| 文章 | テキストを追加します。 | |
| 文字サイズ | テキスト サイズは次のオプションのいずれかに設定できます。
カスタム オプションを使用すると、テキスト サイズを 12 ピクセルから 128 ピクセルまで、算術的に 2 ピクセルずつ増加する任意の値に設定できます。 | |
| テキストフォント | テキストの書式設定として、本文または見出しの2 つのオプションから選択します。 | |
| 二次色を使用する | 二次カラーを有効にします。 | |
| ハイライトされたテキスト | ||
| ハイライトされたテキスト | 次の 6 つのオプションから 1 つを選択して、テキストの書式を設定します。
| |
| ハイライトされた落書き 強調表示されたテキスト スタイルを[手書きの落書き] に設定する必要があります。 | この設定では、テキストを強調表示する 5 つの方法が提供されます。
|
1.3 Button ブロックの設定。
| ブロック設定 | 設定 | 説明 |
|---|---|---|
| ボタン | ||
| ボタンラベル | ボタンに表示されるテキスト。 | |
| ボタンリンク | ボタンの URL。 | |
| ボタンのサイズ | ボタンのサイズを 3 つのオプションで調整します: 小、中、または大 | |
| アウトラインボタンスタイルを使用する | ボタンのアウトライン スタイルを使用します。 |
1.4 リンクブロックの設定。
| ブロック設定 | 設定 | 説明 |
|---|---|---|
| リンク | ||
| 文章 | ボタンのすぐ横に配置されるリンクのテキスト。 | |
| リンク | リンクしたいURLを追加します。 |
1.5 画像ブロックの設定。
| ブロック設定 | 設定 | 説明 | 画像 |
|---|---|---|
| 画像 | ブロックする画像を選択します。 | |
| 画像の幅 | 2 つの画像幅オプションのいずれかを選択します。
|
1.6 フォームブロックの設定。
カスタマイズ可能な設定はありません。
1.7 ソーシャルメディアアイコンブロックの設定。
ソーシャル メディア アカウントを表示するには、 テーマ設定でアカウントをリンクします。
1.8 空きスペースブロックの設定。
| ブロック設定 | 設定 | 説明 |
|---|---|---|
| 空きスペース | ||
| デスクトップの高さ | デスクトップ上で表示されるときの空きスペースの高さを決定します。 0px ～ 120px の範囲で、算術的に 4px ずつ増加します。デフォルトは 40px です。 | |
| モバイルの高さ | モバイルで表示するときの空きスペースの高さを決定します。 0px ～ 120px の範囲で、算術的に 4px ずつ増加します。デフォルトは 28 ピクセルです。 |
1.9 カスタム液体ブロックの設定。
独自の Liquid コードを追加してカスタム ブロックを作成できます。
3. パスワードフッター
このページのフッターには、パスワード フッター セクションのみが含まれています。
| セクション設定 | 設定 | 説明 |
|---|---|---|
| 透明なフッター スライドショーやテキストオーバーレイ付きの画像などの透明なフッターを許可するセクションを最後の位置に追加します。 | 文字の色 | テキストの色。 |
| セクション | ||
| 上部のパディング | セクションの上部内部空間の高さを決定します。 0px ～ 120px の範囲で、算術的に 4px ずつ増加します。 | |
| 底部のパディング | セクションの下部内部空間の高さを決定します。 0px ～ 120px の範囲で、算術的に 4px ずつ増加します。 | |
| カスタムCSS | このセクションにカスタム CSS を追加します。 | |
このセクションにはブロックを追加できません。
この記事がお役に立てば幸いです。この機能についてご質問やご不明な点がございましたら、お気軽に弊社チームのサポートまでお問い合わせください。
