画像の追加と編集

Webサイトのテーマを選択する場合、画像はあらかじめ収録されていますが、 独自の画像をサイト上に表示したいとお考えの方もおられるでしょう。 Website Builder v7では、独自の画像を追加および編集できます。 リンクを画像に追加するには、 テキストまたは画像のリンク付け

画像は.jpg、.jpeg、.gif、または.pngファイル形式で指定する必要があります。 各ファイルでアップロードできる画像サイズの上限は30MBです。 アップロードできる最大画像サイズは5000 x 5000ピクセルですが、1920 x 1080サイズを超える画像は表示されません。

画像を追加するには

  1. Website Builderアカウントにログインします。
  2. サイトを編集」をクリックします。
  3. 左側のツールバーから、「画像」ツールを押しながらドラッグし、画像をページ上に表示する場所に配置します。
    画像ツールを押しながらページ上にドラッグする
  4. 写真を選択」ウィンドウから、次のいずれかのオプションを選択します。
    フォトソースの選択
    • マイフォト - グリッド内のいずれかの画像をクリックするか、「参照」をクリックして自分のコンピューターからアップロードする画像を選択し、「開く」をクリックします。
    • テーマの写真 - サイトにすでにインストールされているWebサイトビルダーv7のテーマに収録されている画像のいずれかをクリックして選択します。
    • 無料画像 - 無料画像が納められたライブラリから画像を選択するには、検索用語を入力してライブラリから特定の画像を見つけるか、「すべてのカテゴリ」メニューからカテゴリを選択します。
    • Facebook - Facebook®アカウントから直接画像をインポートするには、「Facebookに連携」をクリックしてFacebookアカウントにログインし、「Facebookを使用してログイン」をクリックします。

      後でFacebookからログアウトするには、Facebookのアカウント設定に移動し、「アプリ」をクリックし、Website Builderの横にある「X」をクリックします。

    • Instagram - Instagram®アカウントから直接画像をインポートするには、「Instagramに連携」をクリックしてInstagramアカウントにログインし、「Instagramを使用してログイン」をクリックします。
  5. 使用する画像を選択したら、「挿入」をクリックします。
  6. 画像の位置を変更するには、画像を押しながらページ上にドラッグします。
  7. サイズ変更を行う場合は、青色の四角形をクリックし、画像の端に沿ってドラッグします。 画像の比率はそのままです。
    画像のサイズを変更するには、青色の四角形をクリックしてドラッグする
  8. 別の方法で画像を調整する場合は、以下の「Webサイトビルダーv7を使用して画像を編集するには」を参照してください。 それ以外の場合は、「OK」をクリックします。
  9. 変更作業を完了したら、「公開」をクリックしてサイトをオンラインで更新します。

注: テキストボックスを使用し、画像にラベルを付けることができます。 テキストボックスを画像の横(または上部)にドラッグアンドドロップします(詳細を表示)。 テキストはいつでも編集または移動できます (ビジネスおよびビジネスプラスのWebサイトビルダープランでは、詳細エディタを使用してテキストを画像に直接追加できますが、テキストを保存した後に変更または削除することはできません)。

画像を編集するには

  1. Website Builderアカウントにログインします。
  2. サイトを編集」をクリックします。
  3. 画像をダブルクリックし、拡大とトリミングツールを表示します。
  4. 拡大」スライダーをドラッグし、画像の一部のみを全体的な比率を保ちながら表示します。
    拡大スライダーをドラッグする

    写真を「拡大する前の」サイズに戻すには、スライダーを一番左までドラッグします。 その横のボタンをクリックすると、画像はファイルの元のサイズにリセットされますが、一般には画像ツールで作成したフレームよりも大きいです。
    画像を拡大しない場合は、横にある「リセット」ボタンでなく、拡大スライダーを使用します。

  5. 画像を元の比率に関係なくトリミングするには、画像の隅をクリックしてドラッグします。 (元の比率を保つには、Shiftキーを押したまま、画像の隅をドラッグしてください。)
    画像をトリミングするには、画像の隅のフレームを押しながらドラッグします。
  6. トリミングまたは拡大フレーム内で画像の位置を変更するには、画像を押しながらドラッグします。

    Webサイトビルダー内で画像を回転することはできません。 この操作は、デフォルトの画像エディタ内で画像をアップロードする前に行ってください。

  7. 拡大またはトリミングを完了したら、「OK」をクリックします。
  8. 画像に別の変更を加えるには、画像をクリックし、画像ツールバーのボタンをクリックします。
    画像をクリックすると、画像ツールバーが表示されます。
    画像エディタツールバー
    ボタン 名前 措置
    画像の置き換えボタン 画像の置換 「写真の選択」ウィンドウを開きます(上記の「Website Builder v7を使用して画像を追加」で説明)。
    画像のトリミングボタン 画像のトリミング 画像をトリミングします(上記のステップ5で説明)。
    画像エディタボタン 画像エディタ 「詳細な画像エディタ」を開きます。このツールは、ビジネスおよびビジネスプラスのWebサイトビルダープランでのみご利用いただけます。 背景色、罫線、丸角、透明度、余白などの効果が得られます。
    画像の複製ボタン コピーの作成 画像を複製し、コピーを元のテキストボックスに重なるページに配置します。
    設定ボタン 設定 設定」ウィンドウを開きます。このウィンドウでは、「画像設定」タブを使用して、画像をページにリンクするか、さまざまな端のスタイルを適用することができます。 または、ウィンドウの「詳細」タブを使用して、上記で説明した詳細な画像エディタを開きます。
    画像の削除ボタン 削除 画像を削除します。
    その他の選択ボタン その他 画像のレイヤーを制御、ページをロック、モバイルサイトで非表示、または「設定」ウィンドウの「詳細」タブを開くためのメニューが表示されます。
  9. 公開」をクリックし、サイトをオンラインで更新します。

次の手順


この記事は役に立ちましたか。
フィードバックへのご協力ありがとうございました。 お客様サービススタッフとお話しになりたい場合は、上記のサポート用電話番号またはチャット機能をご利用ください。
お役にたてて光栄です! 何か他にできることはありませんか。
それはすみません。 わかりにくい点や、解決策で問題が解決できなかった理由等を教えてください。