Venture

Ventureは大規模な在庫を持つ高容量なストア向けにデザインされた、大胆かつミニマルなテーマです。エッジツーエッジのスライドショー、複数列のドロップダウンメニュー、プロモーション用バーなどの機能があります。

Ventureを使用したオンラインストアの例

以下の場合はVentureを用いるのが最適です。

  • 50点以上の商品
  • 5つ以上のコレクション
  • 大型メニュー

テーマエディタ

テーマエディタを使用して、テーマをカスタマイズします。テーマエディタのツールバーは、セクションテーマ設定に分かれています。

セクションとテーマ設定を表示するテーマエディタのツールバー

セクションを使用して、ストアの各種ページのコンテンツとレイアウトを変更できます。テーマ設定を使用して、ストアのフォントと色をカスタマイズし、ソーシャルメディアのリンクやチェックアウトの設定を変更することができます。

セクションは、オンラインストアの各ページのレイアウトを決定するカスタマイズ可能なコンテンツブロックです。

  • ホームセクションでは、スライドショーやメールマガジン登録といった機能が含まれており、追加、再配置、削除することができます。ホームページには最大25個のセクションを追加できます。

  • 各ページタイプには、独自のセクションが含まれています。たとえば、商品ページセクションで、オンラインストアの各商品ページのレイアウトを決定します。

  • ページセクションは常に、オンラインストアの特定の場所にあります。カスタマイズ可能ですが、再配置および削除することはできません。

  • 各テーマには、ヘッダーやフッターなどの固定セクションが含まれており、オンラインストアの各ページに表示されます。

独自のセクションの選択、およびビジネスに適したカスタマイズ方法を詳しく知ることができます。

Ventureには、以下の静的セクションが含まれます。

  • ヘッダー
  • スライドショー
  • フッター
  • 商品ページ
  • コレクションページ
  • コレクションリストのページ
  • ブログページおすすめ商品
  • 記事の内容
  • カートページ

動的セクション

動的セクションを追加並べ替え、あるいは削除して、ホームページのレイアウトをカスタマイズすることができます。各テーマには、選択可能な固有の動的セクションがあります。

Ventureには、以下の動的セクションが含まれます。

  • ブログ記事
  • コレクションリスト
  • 特集コレクション
  • ギャラリー
  • テキスト付き画像
  • テキストリンク付き画像
  • ロゴリスト
  • 複数のリンクのブロック
  • おすすめ商品
  • ニュースレター
  • マップ
  • 検索
  • リッチテキスト
  • お客様の声
  • 画像付きテキスト列
  • ビデオ
  • HTMLをカスタムする

ヘッダー

Ventureではストア上部にプロモーションバーを追加することができます。

ヘッダーセクションをカスタマイズするには、以下の操作を実行します。

  1. [セクション] タブをクリックします。

  2. [ヘッダー] をクリックします。

  3. ロゴ画像エリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。

- 管理画面にアップロード済みの画像を選択するには、[ライブラリー] タブをクリックします。 - ローカルコンピューターから画像を選択するには、[ライブラリー] タブをクリックし、次にプラスボタンをクリックします。

  1. カスタムロゴの幅 (ピクセル) フィールドにロゴの幅を入力します。

  2. ストアヘッダーに表示するナビゲーションメニューを、メニューリストから選択します。

  3. プロモーションバーを表示する場合は、[プロモーションバーを有効にする] をクリックのうえ次の操作を行います。

    1. プロモーションバーに表示するテキストを、プロモーションバーテキストフィールドに入力します。
    2. テキストをストアページにリンクさせる場合は、プロモーションバーリンクフィールドをクリックし、リストからページを選択します。
    3. テキストを他のウェブサイトにリンクさせる場合は、プロモーションバーリンクフィールドに、ウェブサイトのURLを貼り付けます。
  4. 保存をクリック

フッター

Ventureでは以下のアイテムをフッターに追加できます。

  • メニュー
  • 「フォローする」セクションのソーシャルメディアアイコン
  • 「よく知ってください」セクションのニュースレターのサインアップ
  • テキスト

ストアのフッターコンテンツをカスタマイズするには

  1. [セクション] タブをクリックします。

  2. [フッター] をクリックします。

  3. フッターコンテンツセクションをクリックして開きます。

  4. メニューリストから、ストアのフッターに表示するメニューを選択します。

フッターの「フォローする」コンテンツをカスタマイズするには

  1. フォローするコンテンツセクションをクリックして開きます。

  2. [ヘッダーを表示する] にチェックを入れます。

  3. 見出しフィールドに、表示するテキストを入力します。デフォルトでは「フォローする」ですが、必要に応じて自由に変更できます。

  4. アイコンのアラインメントエリアで、見出し下に表示されるソーシャルメディアアイコンのアラインメントを選択します。

フッターにその他メニューを追加するには

  1. [コンテンツを追加する] をクリックします。

  2. [メニュー] をクリックします。

  3. メニューリストから、ストアのフッターに追加するメニューを選択します。

フッターにテキストを追加するには

  1. [コンテンツを追加する] をクリックします。

  2. [テキスト] をクリックします。

  3. 見出しに表示するテキストを見出しフィールドに入力します。

  4. テキストフィールドに本文テキストを入力します。

フッターにニュースレターのサインアップを追加するには

  1. [コンテンツを追加する] をクリックします。

  2. [メールマガジン] をクリックします。

  3. ニュースレターのフィールド (顧客がメールアドレスを入力する部分) の色およびニュースレターのテキストの色を選択するには、カラー見本をクリックしパレットから新しい色を選択します。

  4. ヘッダーに表示するテキストを見出しに入力します。デフォルトでは「よく知ってください」に設定されています。

  5. サインアップフォーム上部に表示するテキストをテキストフィールドに入力します。デフォルトでは「登録して最新のニュース、オファー、スタイルを受け取る」に設定されています。

スライドショー

Ventureでは、ホームページに大型のスライドショーを表示することができます。スライドショーはホームページのヘッダー下に必ず表示されます。スライドショーは、その他セクションのようにページ内で移動させることはできません。

各スライドには見出しと小見出しを含めることができます。またテキストはすべてのページにリンクさせることが可能です。

スライドショー画像の推奨サイズは1,800 x 1,000ピクセルです。Ventureのスライドショーはレスポンシブ型です。つまり、顧客がストアを閲覧する際に使用しているデバイスに応じて画像を動的にサイズ変更してトリミングします。画像の最適化の詳細については、「画像のベストプラクティス」を参照してください。

スライドショーを作成するには

  1. [セクション] タブをクリックします。

  2. [スライドショー] をクリックします。

  3. スライド画像をアップロードするには、[スライド] をクリックします。

  4. 画像エリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。

- 管理画面にアップロード済みの画像を選択するには、[ライブラリー] タブをクリックします。 - Shopifyのバーストストック画像コレクションからストック画像を選択するには、[無料の画像] タブをクリックします。ここに検索語を入力するか、画像カテゴリーを閲覧することができます。 - ローカルコンピューターから画像を選択するには、[ライブラリー] タブをクリックし、次にプラスボタンをクリックします。

  1. スライドショーで表示する画像の部分を変更するには画像の位置のドロップダウンをクリックします。

  2. スライドに表示する見出しを見出しフィールドに入力します。

  3. 小見出しフィールドに、見出しの下に表示する小見出しテキストを入力します。

  4. スライドのテキストをストアページにリンクさせる場合は、[スライドリンク] フィールドをクリックしページを選択します。

  5. スライド上のテキストをウェブサイトにリンクさせる場合は、ウェブサイトのURLをスライドリンクフィールドに貼り付けます。

  6. スライドショーに追加する画像に対し、ステップ3から9をそれぞれ実行します。

  7. 保存をクリック

設定はスライドショーセクションの上部に表示されます。これには以下のものが含まれます。*スライドの高さではスライドショーの高さを選択できます。*スライドの自動切り替えチェックボックスでは自動切り替えをオンにできます。オンの場合、お客様がスライドショーを手動でクリックする必要はなく、自動的に切り替わります。*スライドを変更する間隔では、自動切り替えがオンの場合に各スライドがどのくらいの時間表示されるかを選択できます。

コレクションリスト

デスクトップまたはタブレットでは、ホームページ上で最大6つの特集コレクションを表示できます。

モバイル端末の特集コレクションセクションには、デフォルトでストアのメインメニューが表示されます。これにより顧客はモバイル端末上で、すべての在庫に手軽にアクセスすることができます。

[セカンダリーコレクション画像を使用する] にチェックを入れることで、タイトル全体をコレクション画像で塗りつぶすことができます。このオプションを選択するには、カラーテーマ設定で、特集コレクションタイトル色の変更が必要となる場合があります。

ホームページにコレクションを追加するには

  1. [セクション] タブをクリックします。

  2. コレクションリストをクリックします。

  3. コンテンツエリアで [コレクション] をクリックして開きます。

  4. コレクションリストから表示するコレクションを選択します。

  5. さらにコレクションを追加する場合は、[コレクションを追加] をクリックします。

  6. コレクション画像をタイトルに合わせて引き伸ばすには、[セカンダリーコレクション画像を使用する] にチェックを入れます。

  7. 保存をクリック

おすすめ商品

このセクションでは、強調したい商品のコレクションと各コレクションから表示する商品の行数を選択できます。

  1. [セクション] タブをクリックします。

  2. [特集コレクション] をクリックします。

  3. コレクションリストから特集したい商品を含むコレクションを選択します。

  4. スライダーを動かし、表示する商品の行数を選択します。

  5. 保存をクリック

ニュースレター

ホームページにニュースレターのサインアップを追加することができます。これにより、メールマーケティングキャンペーンのお客様のメールアドレスを収集できます。メールマーケティングについて詳しくは、Shopifyブログをご覧ください。

ウェブサイトにあるニュースレターのセクション。お客様がメールアドレスを入力するフィールドと「購読」と書かれたボタンがあります。

ホームページにニュースレターのサインアップを追加するには、次のとおりにします。

  1. Venture を検索して、[カスタマイズ] をクリックします。

  2. [セクション] をクリックします。

  3. [セクションを追加] > [ニュースレター] をクリックします。

  4. 見出しフィールドに、ニュースレターのサインアップの見出しを入力します。デフォルトの見出しは「ストアからのお知らせを受け取る」です。

  5. 見出しフィールドにニュースレターのサインアップの小見出しを入力します。デフォルトのテキストは、「プロモーション、新商品、セールについて、あなたの受信箱に直接知らせる。」です。

  6. 保存をクリック

テキスト付き画像

Ventureのテキスト付き画像セクションでは、顧客にカスタムメッセージ付き画像を表示することができます。

  1. [セクション] タブをクリックします。

  2. [テキスト付き画像] をクリックします。

  3. 画像を追加するには次の操作を行います。

    1. [画像] エリアをクリックして開きます。
    2. 画像エリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。 - 管理画面にアップロード済みの画像を選択するには、[ライブラリー] タブをクリックします。
    3. Shopifyのバーストストック画像コレクションからストック画像を選択するには、[無料の画像] タブをクリックします。ここに検索語を入力するか、画像カテゴリーを閲覧することができます。
    4. ローカルコンピューターから画像を選択するには、[ライブラリー] タブをクリックし、次にプラスボタンをクリックします。
  4. テキストを追加する場合は、次の操作を行います。

    1. [テキスト付き画像] エリアをクリックして開きます。
    2. 見出しフィールドに、表示する見出しのテキストを入力します。
    3. テキストフィールドに、見出しの下に表示するテキストを入力します。
    4. テキストのアラインメントエリアで、テキストと画像のアラインメント方法を選択します。
  5. 保存をクリック

商品ページ

商品ページセクションでは、以下の要素を追加したり削除したりできます。

  • 在庫が少なくなったときに在庫数を示すメッセージ
  • 動的チェックアウトボタン
  • 各種ソーシャル共有アイコン

また、お客様がカートに追加するボタンをクリックしたときにカートページに移動するのではなく商品ページにとどまるようにすることもできます。

商品ページの設定を編集するには、以下の手順を実行します。

  1. トップバーのドロップダウンメニューから [商品ページ] を選択します。

  2. [セクション] をクリックします。

  3. [商品ページ] をクリックします。

  4. お客様がカートに追加するボタンをクリックしたとき、カートページに移動するのではなく商品ページにとどまるようにしたい場合は、[アイテムがカートに追加されたときに現在のページにとどまる] にチェックを入れます。

  5. 在庫が少なくなったときに在庫数を表示するには、[商品の在庫数が10個以下の場合は在庫を表示する] にチェックを入れます。このメッセージが実際に表示されるには、その商品の在庫追跡を有効にする必要があります。

  6. 動的チェックアウトボタンを表示するには、[動的チェックアウトボタンを表示する] をオンにします。

  7. 各種ソーシャル共有アイコンを表示するには、[商品の共有を有効にする] にチェックを入れます。

  8. 保存をクリック

コレクションページ

顧客が目当ての商品を見つけやすいように、コレクションページの絞り込みと並べ替えを有効にすることができます。

商品タグによる絞り込みを有効にするを実行すると、コレクションページ上部にメニューが追加されます。これにより顧客は選択したタグを含む、コレクションの商品のみを参照することができます。

商品タグによる絞り込みに関する詳細は、Shopifyヘルプセンターにお問い合わせください。

コレクションの並べ替えを有効にするを実行すると、コレクションページ上部に並べ替えメニューが追加されます。顧客はこのメニューを用いて、次の条件でコレクションの商品を並べ替えることができます。

  • オススメ
  • 売上順
  • A~Zのアルファベット順
  • Z~Aのアルファベット順
  • 価格の安い順
  • 価格の高い順
  • 新着順
  • 古い商品順

コレクションページの絞り込みと並べ替えを有効にするには

  1. テーマエディタで商品ページに移動します。

  2. [セクション] タブをクリックします。

  3. [コレクションページ] セクションをクリックします。

  4. 絞り込み方法メニューをコレクションページに追加する場合は、[タグでの絞り込みを有効にする] にチェックを入れます。

  5. 並べ替えメニューをコレクションページ追加する場合は、[並べ替えを有効にする] にチェックを入れます。

  6. 保存をクリック

カートページ

顧客は注文に関する特別な指示を注文メモに入力できます。注文メモに関する詳細は、Shopifyヘルプセンターにお問い合わせください。

注文メモを有効にするには

  1. カートに商品を追加し、テーマエディタのカートページに移動します。

  2. [セクション] タブをクリックします。

  3. [カートページ] セクションをクリックします。

  4. [注文メモを有効にする] にチェックを入れます。

  5. 保存をクリック

ブログページおすすめ商品

Ventureではコレクションから選択したおすすめ商品を、顧客がストアのブログページを閲覧している間に表示することができます。たとえば秋物ファッションに関するブログ記事の場合は、秋物コレクションの特集商品をページの下に表示することが可能です。

ブログページにコレクションを表示するには

  1. テーマエディタのブログページに移動します。

  2. [セクション] タブをクリックします。

  3. [おすすめ商品] セクションをクリックします。

  4. コレクションリストから、表示するコレクションを選択します。

  5. 保存をクリック

ビデオ

YouTubeまたはVimeoでホストされているビデオをホームページに追加できます。ビデオはお客様を引き込み、ビジネスへの関心を高めることができます。

ホームページにビデオを追加するには、次のとおりにします。

  1. Venture を検索して、[カスタマイズ] をクリックします。

  2. [セクション] をクリックします。

  3. [セクションを追加] > [ビデオ] をクリックします。

  4. [ボタンテキスト] フィールドにテキストを入力して、再生ボタンにテキストを追加します。

  5. ビデオリンクフィールドに、ビデオの共有リンクを入力します。

    YouTubeの共有リンクは次のようになります。https://youtu.be/OTJXAUZY9t0このYouTubeヘルプの記事では、YouTubeビデオの共有リンクをコピーする方法を学ぶことができます。

    Vimeoの共有リンクは次のようになります。https://vimeo.com/281332510このVimeoヘルプセンターの記事では、Vimeoビデオの共有リンクをコピーする方法を学ぶことができます。

  6. オプション: ビデオに表紙画像を追加するには、次のとおりにします。

    1. [画像を選択する] をクリックします。コンピューターから画像をアップロードするには、[アップロード] をクリックします。Burstから無料のストック画像を使用するには、[無料の画像] をクリックします。
    2. [画像の位置] ドロップダウンメニューから位置を選択し、表し画像のアラインメントを選択します。画像の位置を使用して、トリミングが発生したときに画像のどの部分を表示するかを選択することができます。
    3. [画像の高さ] ドロップダウンメニューから [低い] または [高い] を選択して、表紙画像の高さを設定します。
  7. オプション: ビデオにオーバーレイを追加するには、次のとおりにします。

1. [オーバーレイを表示する] をクリックします。 2. オーバーレイの色を設定するには、オーバーレイ見本をクリックして色を選択します。 3. 不透過率スライダーから割合を選択して、オーバーレイの不透過率を設定します。

  1. 保存をクリック

HTMLをカスタムする

カスタムHTMLセクションでは、HTMLコードを使用してホームページのカスタムコンテンツを作成できます。たとえば、HTMLを使用してテキストブロックの書式を設定し、表を作成し、外部のウェブサイトからコンテンツを埋め込んだりすることができます。

カスタムHTMLをホームページに追加するには

  1. Venture を検索して、[カスタマイズ] をクリックします。

  2. [セクション] をクリックします。

  3. [セクションを追加] をクリックします。

  4. 高度なレイアウトエリアで、[カスタムHTML] > [追加] をクリックします。

  5. [カスタムHTML] をクリックし、ホームページに追加するHTMLコードを入力します。

  6. 保存をクリック

テーマ設定。テーマ設定を使用して、オンラインストアの色と文字体裁をカスタマイズすることができます。ソーシャルメディアアカウントへのリンクを設定したり、カートの設定を編集したり、ファビコンを追加することもできます。

Ventureには、次のテーマ設定が含まれています。

  • 文字体裁
  • コレクションページ
  • SNS
  • ファビコン
  • チェックアウト

オンラインストアのさまざまな部分のカラーを選択できます。

色の設定をカスタマイズする

  1. *の隣にある *[カスタマイズする] をクリックします。

  2. [テーマ設定] をクリックします。

  3. [カラー] をクリックします。

  4. コンテンツのタイプごとに、カラー見本をクリックしてカラーピッカーを使用します。

    テーマエディタのカラーピッカー

- 最近選択されたエリアには、あなたが最近テーマで選択したカラーが表示されます。 - 現在使用されているエリアには、あなたがテーマの別の部分で現在使用しているカラーが表示されます。

カラーを透明に設定するには、[なし] をクリックします。

  1. 保存をクリック

文字体裁

オンラインストアのテキストのフォントスタイルとサイズを設定できます。

文字体裁の設定をカスタマイズする

  1. *の隣にある *[カスタマイズする] をクリックします。

  2. [テーマ設定] をクリックします。

  3. [文字体裁] をクリックします。

  4. テキストのタイプごとに、[変更] をクリックしてフォントピッカーを使用します。

    フォントピッカーの「変更」ボタン

  5. 検索フィールドを使用するか、[さらに読み込む] をクリックしてフォントを検索します。

    利用可能なフォントをすべて表示するには、「Shopifyのフォントライブラリー」を確認してください。

  6. 使用するフォントの名前をクリックします。

  7. フォントを太字や斜体などの別のスタイルに変更するには、[標準] をクリックします。次に、使用するスタイルをクリックし、[選択] をクリックします。

    フォントピッカーで使用可能なフォントウェイトの選択

  8. 保存をクリック

SNS

商品やブログ記事用のソーシャル共有ボタン、ソーシャルメディアアカウントへのリンクを追加することができます。

ソーシャルメディアの設定をカスタマイズするには

  1. Venture を検索して、[カスタマイズ] をクリックします。

  2. [テーマ設定] をクリックします。

  3. [ソーシャルメディア] をクリックします。

  4. ソーシャル共有画像をアップロードするには、ソーシャル共有画像エリアで、[画像を選択する] または [無料の画像を探す] をクリックします。

  5. ソーシャルメディアアカウントへのリンクを追加するには、アカウントエリアで、所定フィールドにアカウントへのリンクを入力します。https://instagram.com/shopifyhttps://twitter.com/shopify 等の完全なリンクを入力してください。

    ソーシャルメディアアカウントへのリンクは、オンラインストアのフッターに表示されます。

  6. 商品やブログ記事にソーシャル共有ボタンを追加するには、共有エリアでチェックボックスのいずれか、またはすべてをオンにします。

    次の共有ボタンを追加できます。

- Facebookでシェアする - Twitterに投稿する - Pinterestでピンする (ブログ記事共有には使用できません)

  1. 保存をクリック

ファビコン

お気に入りアイコン「ファビコン」をアップロードし、次の場所にロゴを表示させることで、オンラインストアのブランディングに役立てることができます。

  • ウェブブラウザーのタブ
  • ウェブブラウザーの履歴
  • デスクトップのアイコン
  • ブックマークされたオンラインストア名の横

Ventureで使用するファビコンの推奨サイズは、128 x 128ピクセルの正方形画像です。

ファビコンをアップロードするには

  1. [テーマ設定] タブをクリックします。

  2. [ファビコン] をクリックします。

  3. ファビコン画像エリアで [画像を選択する] をクリックのうえ、次のいずれかの操作を行います。

- 管理画面にアップロード済みの画像を選択するには、[ライブラリー] タブをクリックします。 - ローカルコンピューターから画像を選択するには、[ライブラリー] タブをクリックし、次にプラスボタンをクリックします。

  1. 保存をクリック

チェックアウト

このセクションでストアのチェックアウトをカスタマイズすることができます。ストアのチェックアウトページに関する詳細については、こちらをクリックしてください。

ナビゲーションメニューのコレクションを特集

Ventureのナビゲーションメニューでは、顧客がリンクをクリックしてコレクションを参照する前に、コレクションの一部商品を表示することができます。これにより顧客は気に入った商品があった場合に、アイテムをコレクション内で探すことなく、直接商品ページにアクセスすることができます。

商品を表示するコレクションメニュー作成するには

  1. メインナビゲーションで機能させたいコレクションのメニューを作成します。

    "男性"という名前の新しいメニューがあるメニューページを追加する

  2. 新しいメニューにはリンクを1つ以上追加してください。コレクションを特集すると、コレクション内の個々のタグにリンクしやすくなります。

    同じ名前の商品にリンクする"デッキシューズ"という新しいメニュー項目。

  3. 新しいコレクションメニューを保存するには、[メニューを保存] をクリックしてください。

  4. 作成したコレクションメニューと同じ名前のリンクを、メインメニューで作成してください。

    [メニュー項目を追加] ボタンが強調表示されたメインメニュー画面

  5. メインメニューのコレクションリンクを、コレクションメニューで強調表示するコレクションにリンクするよう設定します。

  6. メニューの保存をクリック

メインナビゲーションには、作成したコレクションリンクのほかに、コレクションの冒頭商品がいくつか表示されます。

メインメニューの消去

メインメニューのリンクが1行に収まらない場合、メニューはメニューボタンに置き換えられます。顧客がボタンをクリックすると、すべてのメインメニューリンクを含むスライドアウトパネルが開きます。

メインメニューをボタンに折りたたみたくない場合には、以下の対処方法をお試しください。

  • メインメニューから一部のリンクを削除します。メニューからアイテムを削除することで、数を減らしスペースを設けることができます。
  • メインメニューのリンクを書き換えて文字数を削減します。たとえば「よくある質問」を「FAQ」に変更します。
  • 幅の狭いフォントをメニューアイテムに使用します。テーマエディタタイポグラフィーで「本文」オプションを編集し、メニューアイテムに使用するフォントを選択することができます。

スライドショーでのテキストの使用

顧客はあらゆるサイズのデバイスでテーマを参照します。ブラウザーサイズによっては、スライドショー画像の一部しか参照できない場合もあります。このためスライドショーでテキスト付き画像を使用するのは適切ではありません。もし画像内のテキストが切り取られたり、テキストの一部が隠れてしまったりすると、顧客はこれを読むことができません。

スライドショーにテキストを追加する場合は、見出しテキストおよび小見出しテキストとして入力してください。

スライドに見出しおよび小見出しテキストを追加するには

  1. Ventureテーマで [カスタマイズ] をクリックします。

  2. [セクション] タブをクリックします。

  3. [スライドショー] をクリックします。

  4. スライドショーの各スライドに、見出しテキストおよび小見出しテキストをそれぞれ追加することができます。スライドショー画像に表示するテキストをすべて追加してください。

  5. 保存をクリック

Shopifyで販売を開始する準備はできていますか?

無料体験を試す