ヒーローバナーのサイズを変更する

GemPagesでヒーローバナーのサイズを変更する方法

ステップ1: ヒーローバナーを選択する

• 追加していない場合は ヒーローバナー まだページに追加されていない場合は、左サイドバーからドラッグ＆ドロップしてください。 このガイド ヒーローバナーを挿入する方法について説明します。

• 既存のヒーローバナーを変更する場合は、それをクリックして、画面の左側にある設定パネルを開きます。

ステップ2: サイズ設定を見つける

設定パネルで下にスクロールして サイズ のセクションから無料でダウンロードできます。 ここでは、バナーのサイズを調整するためのさまざまなオプションが表示されます。

ステップ3: バナーのサイズを調整する

ノーザンダイバー社の フレーム ドロップダウンには、ヒーローバナーのサイズを変更する 2 つのオプションがあります。

1. バナーソースとして（自動調整）

選択した場合 「バナーソースとして」 バナーは、アップロードされた画像のサイズに基づいて自動的にサイズを調整します。

これにより、画像が引き伸ばされたり歪んだりすることなく、最適な解像度で表示されます。

2. カスタムサイズ（手動調整）

バナーのサイズを完全に制御したい場合は、 "カスタム" ドロップダウンメニューから選択します。

2 つの入力フィールドが表示され、次の値を入力できます。

幅（Width） （ピクセルまたはパーセンテージ）

• フル（100%として）
• デフォルト（1200 ピクセル）。

バナーの高さ （ピクセルまたはパーセンテージ）

• コンテンツに合わせる（自動）
• フィットスクリーン（100vh）

ページのデザインに合わせてこれらの値を調整します。

画像品質のベストプラクティス

• バナーの見た目を美しくするには、バナーのサイズに合った高解像度の画像を使用してください。 最適な画像サイズに関する推奨事項.
• 希望するバナー サイズを設定したら、ページをプレビューして、変更が期待どおりになっていることを確認します。
• さまざまな画面サイズにわたって応答性を維持するために、必要に応じて寸法をさらに調整します。