システムの更新情報をみる

ご利用中のSquare サービスに影響を及ぼす可能性のある問題が発生しています。詳細については、弊社のステータスページに随時更新いたします。

ホーム>コンテンツ

Square オンラインビジネスに画像を追加する

どんなオンラインサイトでも、画像はとても重要な要素です。たとえば、ウェブサイトにお店の個性を加えることでサイトの見た目の向上につながるだけでなく、商品の販売促進にもつながります。

Square オンラインビジネスでは、セクションに自動的に [おすすめ商品] セクションといったオンラインストアからの画像が含まれますが、ウェブサイトに画像を追加する方法は他にもいくつか方法があります。

  • Instagramのフィードセクションを使用するとInstagramアカウントに接続し、ウェブサイトに同期させる画像を選択できます。

  • フォトギャラリーのセクションを使用すると、複数の画像をアップロードし、様々なレイアウトスタイルを選択することができるようになります。

  • 「テキストと画像」の セクションでも、画像の追加が可能です。詳しくは後述します。

画像セクションを追加する

まず、画像を追加するページを選択するか、新しくまたは作成します。次に、[追加] ボタンをクリックしてセクションのメニューを開きます。

ep-add-pics-add-section

[一般] カテゴリ内にあるセクションの大半には画像が備わっています。任意のセクションをクリックすると、ページ上でどう見えるかを確認できます。これらのセクションは、タイトルの内容に関係なくどれでも使用することができます。たとえば、「当社のミッション」セクションを気に入った場合、どの画像にも使用できます。お好きなものが決まったら、[追加] をクリックするとページに適用されます。

セクションの設定を編集する

セクションを追加したら、設定を変更します。設定の内容はセクションごとに異なりますが、追加でレイアウトを足していく場合が大半です。お好きなレイアウトをクリックしてページの更新を確認し、ご希望に合わせて最適なレイアウトをお選びください。

ep-add-pics-section-groups

上記のようなレイアウトでは、セクションの一部をコピーでき、ページに別のセクションを追加しなくてもコンテンツを追加していくことができます。左上の [グループ] セクションに、現在のグループのリストが表示されます。上記の例では、3つのテキストと画像のグループがあります。 そのうちの2つはデフォルトのプレースホルダーテキストを使用しており、もう1つのグループにはカスタムテキストが入っています。

デフォルトのテキストを使用する新しい画像とテキストグループを挿入するには、[グループを追加] をクリックします。既存のグループをコピーするには、. . .をクリックしでて [複製] を選択します。

新しいグループやコピー済みのグループが、左のリストに表示されます。グループをドラッグしてリストの新しい場所にドラッグすると、ページ上のグループの順序を変更できます。

画像をアップロードする

リスト内のグループをクリックするかプレースホルダー画像を直接クリックして、左側の設定を開きます。 [画像] をクリックし、[画像を追加] ボタンを使用して画像を選択するか、アップロードします。

ep-add-pics-upload

画像を追加するには、いくつか異なる方法があります。

  • Instagramアカウントを連携させて画像をインポートする

  • 自分の画像から既存の画像を選択する

  • ストック画像用の無料写真を検索する

  • お持ちの画像ファイルをアップロードする

新しい画像をアップロードするには、リンクをクリックしてコンピューターからファイルを選択します。

アップロード可能な画像の形式は以下のとおりです。

  • .jpg

  • .png

  • .gif

幅72 PPI、高さが最低でも1,000ピクセルの画像を使用すると、最良の結果を得られます。sRGBカラープロファイルを使用して画像を保存することで色を均等に保つことができます。画像ファイルの容量が大きいとページの読み込み速度に影響を及ぼす可能性があるため、サイズが1MBを超える画像の使用はお控えください。

アップロードや無料写真の検索により追加した画像は[マイ画像]に保存され、後でかんたんに再利用できます。

画像を編集する

[編集] をクリックすると、ページ上の画像を水平にしたり、回転させたり、ズームのレベルを調整することができます。また、SEOおよびアクセシビリティの改善に役立つ「altテキスト」の追加や、画像へのリンク追加もこちらで行えます。

ep-add-pics-image-added

[切り取り] ボタンをクリックすると、画像周りのフレームの形を変更できます。これは、画像ファイル自体を編集するものではありません。[サイズ] ボタンをクリックすると、画像の表示サイズを変更できます。テキストおよびその他のコンテンツは、当該セクションに収まるように自動的に調整されます。この機能も、画像自体のサイズを変更するものではありません。

別の画像を選択またはアップロードするには、[. . .]をクリックして [置き換え] を選択します。または、画像を削除したい場合は [削除] を選択します。元の状態に戻したい場合は、エディタの上部にある「元に戻す」矢印を使用すると、1つ前の状態に戻ります。

画像の編集が完了したら、画面左上の [戻る] 矢印をクリックしてセクションの設定に戻ります。セクションにさらに画像を追加するには、同じ手順を繰り返します。