- サイト編集
- ブログ
- ブログ記事に画像を挿入する方法と、画像のサイズ（最大幅）を変更する方法を教えてください。
ブログの編集画面から、以下の手順で画像の挿入とサイズ調整が可能です。
基本的には画像を挿入するだけで、ブログコンテンツの幅に合わせて自動で可変表示されます。
画像を小さく表示したい場合は、後半の「画像の最大値を設定する方法」をご参照ください。
【画像の挿入方法】
- ブログ記事の編集画面を開き、入力ブロックの下にでてくる**「画像挿入」アイコン（山のマークの丸ボタン）**をクリックします。
- 画像の選択画面が開くので、パソコン内の画像ファイルをドラッグするか、クリックしてファイルを追加します。
- 追加された一覧から、挿入したい画像をクリックすると本文に挿入されます。
※基本的にはこれで操作は完了です。ブログコンテンツの幅に応じて自動でサイズが調整されます。
【画像の最大値を設定したい場合（画像を小さく表示したい場合）】
- 本文内に挿入した画像をダブルクリックすると、画像設定モーダル（設定画面）が表示されます。
- 「幅」の項目に、表示したい最大幅の数値を入力します。（※設定した幅を最大値として、それ以降はブログの幅に応じて可変するようになります）
- 【重要】 幅を設定すると「高さ」も自動で計算されて設定されますが、そのままにするとスマートフォン等で見た際に画像の比率がおかしくなる場合があります。
- 幅設定の右横にあるロックマーク（鍵アイコン）をクリックしてロックを解除します。
- 「高さ」の入力欄を書き換え、**「100%」**と打ち込んでください。（※これにより、画像の縦横比を保ったまま綺麗に可変させることができます）
- 最後に「OK」ボタンを押して設定完了です。
