成功
ロゴアイテム
リンク付きのロゴまたはブランド画像を、オプションのテキストと柔軟なサイズ設定付きで表示します。
このブロックを使用して、オプションのテキストとリンク付きのロゴまたはその他のブランド画像を追加します。パートナーロゴ、取扱店リスト、認証、またはプレス掲載など、画像を中央に保ちつつ少し文脈があると役立つ場合に適しています。この内容がテーマ内でどのように位置づけられるかの概要については、セクションとブロックに関するShopifyドキュメントを参照してください。
まず画像を追加し、次にレイアウト内でロゴをどれだけ目立たせたいかに応じて最大幅を設定します。小さめの幅は複数ロゴの行でより適していることが多く、大きめの幅は単独の強調表示や余白の多いレイアウトに適しています。
最大画像幅を0に設定すると、画像はブロックで使用可能な幅いっぱいに広がります。これは細いレイアウトではうまく機能しますが、1つの項目が視覚的に強くなりすぎると、複数ロゴの行が不均一に見える場合があります。
短いラベルにはキャプションを、簡単な補足説明にはテキスト内容を使用します。どちらも簡潔に保ち、段落テキストと競合せずロゴが主役のままになるようにしてください。
ロゴをブランドページ、コレクション、キャンペーンのランディングページなど、顧客にとって有用な場所へ誘導したい場合はリンクを追加します。現在のページを残すことが本当に役立つ場合にのみ、新しいタブでリンクを開く設定を有効にしてください。
標準ブロック設定
Section titled “標準ブロック設定”表示コントロールを使用して、このブロックをすべてのデバイス、デスクトップのみ、またはモバイルのみで表示します。これは、小さな画面でよりシンプルなロゴ配置にしたい場合や、ブレークポイントごとにロゴ数を変える必要がある場合に特に便利です。設定の詳細については、セクションのカスタマイズに関するShopifyドキュメントを参照してください。
この設定グループの共通動作については、表示設定を参照してください。
使用上の注意
Section titled “使用上の注意”- きれいなロゴファイルを使用します。 コントラストがよく、余分な空白が少ない画像を選ぶと、他のロゴアイテムとより整然と並びます。
- ロゴサイズの見た目のバランスを取ります。 ファイルごとのピクセル値をそろえるのではなく、それぞれのロゴがどれくらい大きく見えるかに応じて幅を調整します。
- コピーは短く保ちます。 ロゴの識別や補足に役立つキャプションまたは短い補足テキストだけを使用します。
- 意図してリンクします。 各ロゴを、顧客が閲覧を続けたり、詳細を確認したりするのに役立つ関連先へ送ります。
- モバイルの構成を確認します。 一部のロゴが小さい画面で窮屈に見えたり重複して見えたりする場合は、表示設定を使ってレイアウトを簡略化します。
- 両方のブレークポイントを確認します。 デスクトップとモバイルの設定では、配置、表示、メディアの動作が異なる場合があるため、変更後は両方の表示を確認してください。
- メディアの上書きに注意します。 ブロックに周囲のスタイルを継承させたい場合は、色やメディアのオプションをデフォルトのままにします。明示的な上書きを行うとロゴアイテムの存在感が増し、行内での見え方が変わることがあります。