必須の構成

基本設定を完了した後、このガイドではPlain Jane Starterストアを最終化するための残りの必須設定を扱います。

パスワードページの設定

ストアをパスワードで保護する必要がある場合(近日公開モード、プライベートセールなど)、パスワードページの設定を行ってください。

パスワード保護を使うタイミング

  • 事前公開(プレローンチ):オープン前にメールを収集する

  • プライベートセール:VIP顧客向けの限定アクセス

  • メンテナンス:更新中に一時的に閉鎖する

  • 季節休業:休業期間中

パスワードページを設定する

  1. パスワードページ設定にアクセスする

    • テーマ設定で、見つけてください 「パスワードページ設定」

  2. ストアログイン設定

    • ストアオーナーのラベル色:パスワードフィールドのラベルの文字色

    • パスワード入力の背景色:パスワード入力フィールドの背景色

    • パスワード文字色:パスワードフィールド内の文字色

    • 送信ボタンの背景:送信ボタンの背景色

    • 送信ボタンのテキスト:送信ボタンの文字色

  3. メールフォームのサインアップ設定

    • フォームヘッダー:メイン見出し(例:「店舗は今閉まってます…」)

    • フォームの内容:閉鎖を説明する説明文

    • メールフィールドのラベル:メール入力のラベル

    • メール入力のプレースホルダー:メールフィールドのプレースホルダーテキスト

    • 送信ボタンのテキスト:メールサインアップボタンのテキスト

    • 成功メッセージ:サインアップ成功後のメッセージ

  4. メールフォームの色設定

    • ヘッダーの色:メイン見出しの色

    • 背景色:メールフォームの背景色

    • コンテンツテキストカラー:説明文の色

    • メールラベルの色:メールフィールドラベルの色

    • プレースホルダーテキストの色:プレースホルダーテキストの色

    • メールフィールド入力色:メール入力の背景色

    • 成功メッセージの色:成功メッセージの色

    • 送信ボタンの色:送信ボタンの背景色

    • 送信ボタンの文字色:送信ボタン上の文字色

  5. メールフォームの不透明度

    • メールフォームの不透明度:フォームの透過率(0〜1)

パスワードページのベストプラクティス

  • 明確で親しみやすいメッセージを使う

  • いつ再開するかを説明する

  • メールサインアップを目立たせる

  • メール収集が機能するかテストする

  • ブランドに合った色を使用する

フッターの設定

フッターはナビゲーション、信頼性、SEOにとって重要です。

フッター設定の概要

  1. フッター設定にアクセスする

    • 見つけてください 「フッター設定」 をテーマ設定で

  2. フッターコンテンツの設定

    • フッターロゴ:フッター用のロゴバージョンをアップロードする

    • フッターヘッダー:メインナビゲーション見出し(例:「Plain Jane リンク」)

    • フッターのメール見出し:ニュースレターセクションの見出し

    • フッター送信ボタンテキスト:メールサインアップボタンのテキスト

    • フッター著作権テキスト:著作権表示

  3. フッターの色設定

    • 背景:フッターの背景色

    • ヘッダーテキスト:セクション見出しの色

    • フッターリンク:ナビゲーションリンクの色

    • フッターホバー背景:リンクにホバーしたときの背景色

    • フッターホバーテキスト:リンクにホバーしたときの文字色

    • メールヘッダーの色:ニュースレター見出しの色

    • メール入力ボックスの色:メールフィールドの背景色

    • メール入力の文字色:メールフィールド内の文字色

    • メールプレースホルダーテキスト:プレースホルダーテキストの色

    • 送信ボタン:メールサインアップボタンの背景色

    • 送信テキスト:メールサインアップボタンの文字色

    • 著作権テキスト:著作権テキストの色

  4. フッターのサイズ設定

    • フッターロゴのサイズ:ロゴのサイズ(ピクセル、60〜140px)

    • フッターリンクサイズ(デスクトップ/タブレット):リンクのフォントサイズ(6〜21px)

    • フッターリンクサイズ(モバイル):モバイルのリンクフォントサイズ(6〜15px)

    • フッターヘッダーサイズ(デスクトップ/タブレット):見出しのフォントサイズ(6〜21px)

    • 著作権フォントサイズ:著作権テキストのサイズ(9〜13px)

  5. 表示に関するコントロール

    • フッターを表示する:フッターのオン/オフ切替

    • コレクションでフッターを非表示にする:コレクションページで非表示にするオプション

    • フッターの著作権を表示する:著作権セクションの切替

    • メールフッター登録を表示:ニュースレターサインアップの切替

    • フッターロゴを表示する:フッターロゴの切替

フッターのベストプラクティス

  • 必須リンクを含める(会社情報、問い合わせ、プライバシーポリシー)

  • マーケティングのためにニュースレター登録を追加する

  • 読みやすいフォントサイズを使用する

  • 十分な色のコントラストを確保する

  • モバイルでのレスポンシブ性をテストする

  • 著作権表示を最新に保つ

スクロールバーのカスタマイズ

Plain Jane Starterには独自のスクロールバーのスタイルオプションが含まれています。

スクロールバーを設定する

  1. スクロールバー設定にアクセスする

    • 見つけてください 「スクロールバー設定」 をテーマ設定で

  2. スクロールバーのスタイリング

    • スクロールバーの色:スクロールバー親指(つまみ)の色

    • スクロールバーの背景色:スクロールバートラックの色

    • スクロールバーの角丸:角の丸み(0〜5px)

    • スクロールバーの距離:端からの距離(10〜50px、ショップページのみ)

  3. スクロールバーのヒント

    • ブランドに合う色を選ぶ

    • 背景に対して視認性があることを確認する

    • 異なる画面サイズでテストする

    • 距離設定はショップ/コレクションページにのみ影響します

検索ページのスタイリング

検索結果の見た目を構成します。

検索ページ設定

  1. 検索ページ設定にアクセスする

    • 見つけてください 「検索ページ」 をテーマ設定で

  2. 検索のスタイリング

    • 検索アイテムカードの色:検索結果カードの背景色

    • 検索アイテムヘッダーの色:結果タイトルの色

    • 検索アイテムの説明色:結果説明の色

    • 検索ボタンの色:検索ボタンの背景色

    • 検索ボタンの文字色:検索ボタンの文字色

検索に関するベストプラクティス

  • 可読性のために高コントラストを使用する

  • 全体のカラースキームに合わせる

  • さまざまな検索語でテストする

  • モバイル互換性を確保する

最終設定チェックリスト

公開前にすべての設定を確認してください:

必須設定 ✅

テスト ✅

コンテンツ ✅

ローンチ準備

必須の設定が完了したら:

  1. 最終レビュー

    • 顧客の立場で各ページを確認する

    • ショッピング体験を通してテストする

    • モバイルでのレスポンシブ性を確認する

  2. コンテンツの追加

    • 商品を追加する

    • コレクションを作成する

    • 魅力的なページコンテンツを書く

    • 高品質な画像をアップロード

  3. 公開する

    • テーマを公開する

    • ライブサイトをテストする

    • 問題がないか監視する

さらに機能が必要ですか?

Starterに含まれていない機能が必要な場合:

次のステップ

あなたのテーマは今や完全に設定されました!次に探検してください:


ヘルプが必要ですか?

💬 Discordでコミュニティに参加: https://discord.gg/hcc2GvgZc6

📧 メールでお問い合わせ: [email protected]

💻 ライブチャット: 月曜〜金曜、午前10時〜午後6時(EST)に当社ウェブサイトで直接利用可能

🎉 おめでとうございます! あなたのPlain Jane Starterストアは設定され、コンテンツを受け入れる準備が整いました。

最終更新