はてなブログで画像サイズを変更する

はてなブログを始めて、最初に詰まったことで探してもあまりなかったため、試行錯誤していたら解決したので、そのやり方について残しておきたいと思います。

まず画像を挿入するには、編集画面右の「写真を投稿」のタブから、新しく写真を投稿を選択、もしくは選択した写真を貼り付けのどちらかからできます。

おそらく初期状態だと「貼り付け時に詳細を設定する」にチェックが入っていると思います。その状態で新しく画像を挿入すると、次のようなポップアップが表示されます。

ここで一旦キャプションとして文章などを入力してから「記事編集画面に貼り付ける」を選択すると、

写真

このようにキャプションが追加されます。 この状態のままだと、画像を選択しても、四隅に画像サイズを変更するためのマークが表示されません。

ここから、四隅をドラッグして画像サイズを変更するには、まず「HTML編集」のタブに移動します。

そこで該当の画像の、figureタグとfigcaptionタグを削除します。

 imgタグはそのまま残しておきます。

すると下のようにドラッグで画像サイズを変更できるようになります。