手動で焦点を設定して、画像の中心位置を設定します。

サイト上の多くの画像エリアには、焦点と呼ばれる中心設定機能が組み込まれています。焦点機能は画像の焦点を設定するもので、画像の中心位置を制御できます。

焦点がある画像

ほとんどの画像で焦点を調整できます。

バージョン7.1では、次の焦点を調整できます。

• 画像ブロック
• ギャラリー セクション
• アイキャッチ画像
• セクションの背景画像

バージョン7.1では、次の焦点を調整できます。

• 画像ブロック
• ギャラリー ブロック
• ギャラリーページ
• アイキャッチ画像
• バナー画像の大部分

注: 商品のアイキャッチ画像の焦点は編集できません。詳細については、「商品のアイキャッチ画像を変更する」を参照してください。

焦点は、次の場合は最適化されません。

• サイト スタイルにアップロードされたバージョン7.0の背景画像 - これらの画像には焦点がありません。画像の焦点とトリミングを調整するには、[位置] と [サイズ] のサイト スタイル微調整オプションを使用します。
• パララックス スクロールがある画像 - これらの画像には焦点があります。ただし、パララックス スクロールの仕組み上、変更しても画像の位置にはそれほど大きく影響しない場合があります。特に、短くて幅の広い画像の場合にこの傾向が顕著です。
• サイトの任意の領域に動画を追加します。

ヒント: 他の組み込みツールを使用して、画像の切り抜きやサイズ変更ができます。

焦点を設定する

1. ブロック、セクション、または画像を開きます。
2. 画像にカーソルを合わせると、焦点が小さな円のように表示されます。この例ではページのアイキャッチ画像を使用していますが、プロセスはどの焦点でも同様です。

3. 焦点をクリックしてドラッグし、中央の焦点エリアを設定します。

焦点によって設定された領域が、画像の中心として表示されるようになります。[保存] をクリックしなくても、新しい焦点は自動的に新しい位置に保存されます。

ヒント: 一部の画像では、焦点を画像の中心に非常に近い位置に設定しようとすると、焦点が画像の中心に移動することがあります。これは予期されたものであり、中心からの移動によって視覚的な違いが生じない場合にのみ発生します。

その他のヘルプ

画像のサイズと形状

画像の高さと幅、および画像が格納されるコンテナーの形状は、焦点が持つ効果の程度に大きく影響します。

たとえば、正方形として表示するように設定されている画像ブロックに横向きの画像を追加した場合、焦点に横方向の変更を加えると大きな違いが生じます。画像はコンテナーよりも幅が広いため、どちらの側にも中心位置を再設定する余地があります。

一方、画像のコンテナーと元の画像の基本的な形状とサイズが同じであれば、焦点を移動しても大きな違いはありません。

ヒント: 画像ブロックのコンテナーの高さを調整するには、トリミング ハンドルを使用します。

ギャラリーの画像

• メイン ギャラリー ページまたはギャラリー セクション エディターで焦点を調整できます。微調整するには、イメージ エディターを使用します。
• バージョン7.0では、ギャラリー ブロックを設定してギャラリー ページから画像を取得する場合、ギャラリー ページ内で焦点を変更します。

画像表示

画像がぼやけたり歪んだりする場合は、次のようにします。

• フォーマットのガイドラインに従っていることを確認します。
• レスポンシブ デザインがバナーやその他の画像にどのように影響するかを確認します。
• 画像ブロック、ギャラリー セクション、ギャラリー ページ、ギャラリー ブロック、アイキャッチ画像、またはバナー画像の詳細を確認し、それらがページ上でどのように表示されるか、また画像コンテナーのサイズをどのように調整できるかを確認します。