🎨テーマ設定

Plain Jane Starter は、シンプルで管理しやすいままブランドアイデンティティを確立するための基本的なテーマカスタマイズオプションを含みます。

利用可能な設定カテゴリ

Plain Jane Starter で利用可能なテーマ設定は次のとおりです。アクセスするには、へ移動してください オンラインストア > テーマ > テキストの > テーマ設定 (歯車アイコン)。

スライドアウト式ショッピングカートパネルを構成します。背景色、テキスト色、ボタンのスタイル、ドロワー幅、通貨表示、およびオプションの背景画像をカスタマイズできます。

ストア全体で一貫した時刻参照を行うためのタイムゾーン表示を構成します。包括的な世界のタイムゾーン一覧から選択できます。

コレクションページでの商品の表示方法を制御します。ページあたりの表示商品数、テキストの配置、ベンダー表示オプションを設定してください。

ナビゲーションとブランディングのためのフッターを完全にカスタマイズします。色、メール登録フォーム、ソーシャルメディアアイコン、支払い方法アイコンを構成できます。

メインナビゲーションメニューの外観と挙動を制御します。配置、色、検索アイコンの表示を調整できます。

ブランドロゴをアップロードして表示を設定します。ヘッダー内でのロゴサイズと位置を設定してください。

ボタン、リンク、その他のアクセント要素に使用されるテーマ全体のプライマリカラーを設定します。

ストアのタイポグラフィに使える 100 種類以上の Google フォントから選択できます。見出し用と本文用に別々のフォントを設定し、サイズやウェイトを調整できます。

必須の検索エンジン最適化ツール。メタディスクリプション、ソーシャル共有画像、ファビコンのアップロードを構成します。

Starter に含まれていないもの

Plain Jane Starter はシンプルさを保つために意図的に複雑な設定を除外しています。次の設定は利用できません:

  • アニメーション制御 - 複雑なモーション設定

  • カーソルのカスタマイズ - カスタムカーソル効果

  • ミュージックプレーヤー - オーディオ統合

  • アナウンスメントバー - スクロールするプロモーションメッセージ

  • ホーム画面をスキップ - 高度なナビゲーション制御

  • 多言語対応 - ロケール管理

より高度なカスタマイズオプションを求める場合は、へのアップグレードを検討してください Plain Jane または Plain Jane Interactiveへ.

設定へのアクセス

テーマ設定にアクセスするには:

  1. Shopify 管理画面オンラインストアテーマ

  2. クリック: 「カスタマイズ」 Plain Jane Starter 上で

  3. 左パネルの 歯車アイコン 左側のサイドバーの を開くために テーマ設定

構成ワークフロー

ステップ 1:基礎(15 分)

ブランドを定義する必須の視覚要素から始めます:

  1. 設定する タイポグラフィarrow-up-right (見出しと本文用のフォント)

ステップ 2:レイアウトと機能(10 分)

ストアの動作方法を構成します:

  1. を設定します コレクションレイアウトarrow-up-right (ページあたりの製品数、配置)

  2. テキストの カートドロワーarrow-up-right (色、幅、挙動)

  3. 設定する グローバルメニュー設定arrow-up-right (配置、色)

ステップ 3:フッターと SEO(10 分)

ストアのセットアップを完了します:

  1. を設定します フッター設定arrow-up-right (色、メール登録、ソーシャルリンク)

  2. 設定する SEO設定arrow-up-right (メタディスクリプション、ファビコン、ソーシャル画像)

  3. 設定する: 時計設定arrow-up-right (ビジネス用のタイムゾーン)

総構成時間:30~45 分

ベストプラクティス

開始前に

構成を開始する前にブランド資産を準備してください。ロゴファイルを用意(透過 PNG を推奨)。ブランドカラーパレット(16 進コード)を把握。希望するフォントを選択(またはサンプルを用意)。ファビコン(32x32 ピクセル)を準備してください。

構成のヒント

まずタイポグラフィから始めてください。これはストア全体の印象に影響します。色の選択は十分なコントラストと可読性があるかテストしてください。公開前にプレビューモードで変更を確認してください。デザインはシンプルかつ一貫性を保ってください。必ずモバイルデバイスでのテストを行ってください。

避けるべき一般的なミス

あまりに多くの異なるフォントを使用する(1~2 ファミリーに留める)。テキストと背景の色のコントラストが不十分。モバイル最適化を無視する。デザインを過度に複雑にする。カートドロワー機能のテストを怠る。ローンチ前に SEO 設定を行わない。

クイックリファレンス

設定
目的
構成にかかる時間
優先度

ロゴ

ブランドアイデンティティ

2 分

メインテーマカラー

アクセントカラー

1 分

タイポグラフィ

ブランドフォント

5 分

コレクションレイアウト

商品表示

3 分

カートドロワー

ショッピング体験

5 分

グローバルメニュー

ナビゲーション

3 分

フッター

信頼とリンク

5 分

SEO

検索での表示性

5 分

Clock

タイムゾーン

1 分

サポートを受ける

各設定にはステップバイステップの手順、ベストプラクティスの推奨事項、および一般的なトラブルシューティングのヒントを含む詳細なドキュメントがあります。

追加サポートについて:


ヘルプが必要ですか?

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

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

💻 ライブチャット: 月〜金、現地時間午前10時〜午後6時(EST)に当社ウェブサイトで直接対応

始める準備はできましたか?まずはから始めてください ロゴ設定arrow-up-right でブランドロゴをアップロードしてください。

最終更新