ウェブサイトに画像を追加

Strikinglyでは、画像の追加やサイトデザインのカスタマイズが簡単にできます。様々なセクションに画像を追加したり、背景に設定することができます。ここでは、その方法をステップバイステップでご紹介します:

 

1. セクションに画像を追加します

 

サイトに画像を追加するには、サイトエディターで利用可能な画像とビデオセクションを使用することができます。

 

1. サイトエディターで、画面左側の「セクションを追加」をクリックします。

 

Screenshot_020425_063123_AM.jpg

 

2.「画像&ビデオ」カテゴリーでは、以下のオプションが表示されます。

  • ビッグ・メディア  :このセクションは、人目を引く大きな画像を表示するために使用します。目立たせたい一枚の画像を表示するのに最適です。
  • バナースライダー(PRO機能): このセクションでは、回転する画像バナーを作成することができます。複数の画像をスライドショー形式で追加するのに最適です。
  • グリッド :グリッドセクションでは、複数の画像を整然としたレイアウトで表示できます。

3. セクションを選択したら、画像をアップロードし、必要に応じて設定を調整してください。イメージエディターの詳細はこちらをご覧ください。

 

2. 他のセクションに画像を追加します

 

また、メディアアップロードをサポートする他のセクションに画像を追加することもできます。以下は、画像を追加できるその他のセクションです:

 

  • ギャラリーセクション: 美しく整理されたレイアウトで画像のコレクションを紹介しましょう。ギャラリーに画像を追加するには、「ギャラリーを管理する」 > 「画像とビデオをインポート 」をクリックし、アップロードしたファイルやStrikinglyのライブラリから画像を選択するか、デバイスから新しい画像をアップロードするか、ウェブから画像をアップロードするリンクを追加します。完了したら 「保存 」をクリックするのをお忘れなく。

 

Screenshot_020425_080034_AM.jpg

 

  • チームセクション: チームメンバーの写真を名前と役割とともに表示し、サイトをパーソナライズできます。
  • お客様の声セクション: 顧客や取引先の声を画像で掲載することで、より信頼性の高い魅力的なデザインになります。
  • 特徴リストセクション: 紹介する各特徴に画像を追加して、コンテンツを視覚的にアピールしましょう。
  • ポートフォリオセクション: 仕事、スキル、製品を、専門性を強調する画像で紹介するのに最適です。
  • ストアセクション: ストアセクションの商品リストに画像を追加して、顧客を惹きつけ、販売している商品を分かりやすく表示しましょう。
  • ブログセクション: ブログ記事にカバー画像として、または記事自体に画像を追加して、テキストを分断し、より魅力的なものにする。

 

3. 背景に画像を追加します

 

サイトをより視覚的にアピールするために、背景部分に画像を追加することもできます:

 

1. サイトエディターで、編集したいセクションの「背景」をクリックします。
2.「画像アップロード」をクリックし、背景として使用したい画像をアップロードします。

 

Screenshot_020425_100032_AM.jpg

 

3. 画像がうまく収まるように、位置や拡大縮小などの設定を調整し、洗練された見た目にする。

 

詳しくはこちらの記事をご覧ください: 背景画像の追加

 

ヒント:

 

  • アップロードする画像は、高品質で適切なサイズであることを確認してください。詳しくはこちらの記事をご覧ください: アップロードする画像の適正サイズ
  • セクション内のコンテンツを補完する背景画像を使用して、全体のデザインを向上させましょう。
この記事は役に立ちましたか?
1人中1人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください