魅力的な画像をサイトに追加する利点について説明します。

訪問者がサイトに到着して最初の数秒間に強い印象を与えるのは、やはり画像です。サイトに複数のギャラリーがある場合でも、いくつかの画像ブロックしかない場合でも、画像を効果的に使用する方法を学ぶことで、デザイン、メッセージ、コンテンツをレベル アップさせることができます。

以下の動画では、なぜ画像が重要なのかと、画像の書式設定や追加に関するガイドラインについて説明し、画像がお客様のブランドやソーシャル メディアでの存在感とどのように関連しているかを考察します。

画像の書式設定のベスト プラクティス

画像の見栄えを良くし、サイトの読み込み時間を遅くしないようにするためのガイドラインをご確認ください。これには、画像の種類、ファイル サイズの制限、Webにとって重要な書式設定オプションが含まれます。

詳細については、「Webで表示する画像の書式設定を行う」を参照してください。

画像を追加する

画像は、画像ブロック、ギャラリー セクション、自動レイアウト、ギャラリー ブロックを使ってサイトに追加できます。サイトのバージョンが7.0の場合は、ギャラリー ページも使用できます。

画像ブロック

画像ブロックは、ページ、ブログ投稿、その他のコンテンツ エリアに1つの画像を追加するために使用します。

詳細については、「画像ブロック」を参照してください。

ギャラリー セクション

ページに一連の画像を表示したい場合は、画像ブロックを多数追加するのではなく、ギャラリー セクションを作成すると、画像を印象的なレイアウトに自動的に整理することができます。

ギャラリー セクションはバージョン7.0では使用できません。代わりに、ギャラリー ブロックまたはギャラリー ページを使用してください。

詳細については、「ギャラリー セクション」をご参照ください。

自動レイアウト

自動レイアウトはバージョン7.0では使用できません。代わりに、ギャラリー ブロックまたはギャラリー ページを使用してください。

自動レイアウトはギャラリー セクションに似ていますが、テキストと画像を組み合わせる際の柔軟性が高く、チームのメンバーや一連のプロジェクトを紹介するのに最適です。自動レイアウトの各アイテムには、画像、タイトル テキスト、説明テキスト、ボタン リンクを含めることができます。

詳細については、「自動レイアウト」をご参照ください。

ギャラリー ブロック

ギャラリー ブロックは、さまざまなレイアウトのページやブログ投稿にギャラリーを追加するために使用します。ギャラリー ブロックでは、画像をアップロードしたり、動画を埋め込んだり、ストック画像のライセンスを取得したりできます。

この動画はバージョン7.0に適用されますが、ギャラリー ブロックは、ブログ投稿、個々のイベント、商品アイテムの追加情報エリアなど、バージョン7.1の一部のコンテンツ エリアでも使用できます。

詳細については、「ギャラリー ブロック」をご参照ください。

ギャラリーページ

ギャラリー ページでは、画像や動画をテンプレート固有の機能で表示します。

ギャラリー ページはバージョン7.1では使用できません。代わりに、ギャラリー セクションを使用してください。

詳細については、「バージョン7.0のギャラリー ページ」を参照してください。

ロゴとファビコンを追加する

画像はブランドのアイデンティティを自然に拡張します。ロゴ、ファビコン、ソーシャル共有ロゴをアップロードして、サイトをカスタマイズしましょう。

その他のリソース:

• サイト ロゴを追加する
• ファビコン (ブラウザー アイコン) を追加する
• ブラウザーのキャッシュをクリアする
• ソーシャル共有画像を追加する

ソーシャル共有とデザイン

画像を使用してソーシャル メディアでサイトをアピールしたり、バナー画像を使用して人目を引くデザインを作成したり、魅力的なホームページを作成したりできます。

この動画はバージョン7.1のソーシャル共有に適用されます。サイト デザインにおける画像の使用の詳細については、以下のリンクをご覧ください。

その他のリソース:

• ソーシャル共有画像を追加する
• アイキャッチ画像を追加する
• バナー画像を追加する
• Instagramブロック