基本設定
Plain Jane Starter をインストールした後、ストアの基本設定を構成するためにこのガイドに従ってください。
ステップ 1: テーマ設定にアクセス
テーマエディタに移動
Shopify 管理 → オンラインストア → テーマカスタマイザーを開く
テーマの中から「Plain Jane Starter」を見つける
クリック 「カスタマイズ」 ボタン
これでテーマカスタマイザーが開きます
2025-07-17 に自動でキャプチャされました
ステップ 2: 必須設定の構成
アナウンスバーの設定
アナウンスバーはストアの上部に表示されます。
設定に移動
カスタマイザーで、クリック 「テーマ設定」 下部にある
見つける 「アナウンスバー」 セクション
アナウンスを構成
アナウンステキスト：メッセージを入力
例：「$50以上のご注文は送料無料」
アナウンスバーを表示：ON に切り替え
アナウンスバーの色：背景色を選択
アナウンステキストの色：読みやすさのためにテキスト色を設定
ベストプラクティス
テキストは短く行動を促すものにする
読みやすさのためにコントラストのある色を使用する
現在のプロモーションに合わせて定期的に更新する
タイポグラフィの設定
ストア全体のブランドフォントを設定します。
タイポグラフィセクションを見つける
テーマ設定で、探す 「タイポグラフィ」
フォントを構成
本文フォント：一般的なテキスト（段落、説明）用
ヘッダーフォント：見出しやタイトル用
ボタンフォント：ボタンのテキスト用
フォント選択のヒント
本文テキストには読みやすいフォントを選ぶ
見出しがブランドに合っていることを確認する
モバイルデバイスでテストする
フォントファミリーは最大1〜2つに抑える
時計の設定
一貫した時刻表示のためにストアのタイムゾーンを設定します。
時計設定にアクセス
見つける 「時計の設定」 テーマ設定内に
タイムゾーンを選択
ドロップダウンリストから選ぶ
ビジネスの所在地のタイムゾーンを選択してください
例：「America/New_York」「Europe/London」「Asia/Tokyo」
なぜ重要か
タイムスタンプの表示に影響する
国際的な顧客にとって重要
一貫した時間参照を確保する
ステップ 3: ストアロゴのアップロード
ブランドロゴを追加してアイデンティティを確立します。
ショップロゴに移動
見つける 「ショップロゴ」 テーマ設定内に
ロゴをアップロード
クリック 「ショップロゴ」 フィールド
ロゴファイルをアップロードしてください（PNG、JPG、SVG 推奨）
ロゴサイズ：範囲スライダーで調整（65〜165px）
ロゴに関するガイドライン
高解像度の画像を使用する
透過背景（PNG）が最適
さまざまなサイズでテストする
モバイルでの可読性を確認する
ステップ 4: 基本のショップレイアウト
コレクションページでの商品の表示方法を設定します。
ショップレイアウト設定を見つける
探す 「ショップレイアウト」 セクション
グリッドを構成
デスクトップの列数：2列または3列を選択
モバイルの列数：1列または2列を選択
カラム間隔：商品間の間隔
行間隔：垂直の間隔
商品表示オプション
商品画像のサイズ：コンテナの割合（60〜100%）
商品ボックス幅：コンテナサイズ（550〜780px）
商品ボックスをレスポンシブにする：推奨は ON
エンドレススクロールを有効化：無限読み込みを有効にする
レイアウトのヒント
商品数が多いストアには3列が適している
2列は商品詳細により多くのスペースを与える
モバイルは通常より少ない列を使用するべき
ステップ 5: 基本の SEO 設定
必須の SEO 要素を設定します。
SEO 設定にアクセス
見つける 「SEO 設定」 テーマ設定内に
アイコンをアップロード
ファビコン：ブラウザタブの小さなアイコン（32x32px）
Apple タッチアイコン：モバイルのブックマーク用（120x120px）
リッチスニペットを有効化
商品リッチスニペット：ON にする
記事リッチスニペット：ON にする
これらは検索エンジンでの可視性に役立ちます
ステップ 6: プレビューとテスト
基本設定の後：
変更をプレビュー
クリック 「プレビュー」 で変更を確認
デスクトップとモバイルでテストする
すべての重要なページを確認する
重要な機能をテストする
ナビゲーションが正しく動作する
ロゴが正しく表示される
フォントが適切に見える
レイアウトがレスポンシブである
設定を保存
クリック 「保存」 カスタマイザー内で
変更は自動的に保存されますが、保存することで何も失われないようにします
よくある設定の問題
ロゴが表示されない
ファイル形式を確認する（PNG、JPG、SVG）
ファイルサイズが大きすぎないか確認する
ブラウザのキャッシュをクリアする
フォントが正しく見えない
別のフォントの組み合わせを試す
モバイルでフォントが読み込まれているか確認する
ブラウザのキャッシュをクリアする
レイアウトの問題
商品ボックス幅を調整する
レスポンシブのトグル設定を確認する
実際のモバイル端末でテストする
次のステップ
基本設定が完了したら、詳細なカスタマイズに進みます：
👉 次へ: 必須の構成 - ストアの外観と機能を微調整します。
簡易チェックリスト
先に進む前に、以下を完了していることを確認してください：
✅ アナウンスバーを設定済み
✅ フォントを選択してテスト済み
✅ タイムゾーンを正しく設定済み
✅ ロゴをアップロードしてサイズ調整済み
✅ ショップレイアウトを設定済み
✅ SEO 設定を有効化済み
ヘルプが必要ですか？
💬 Discord のコミュニティに参加してください： https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ： [email protected]
💻 ライブチャット： 月〜金、現地時間（EST）10:00〜18:00 に当社ウェブサイトで直接利用可能
✅ モバイルとデスクトップでプレビューをテスト済み
最終更新