【本文】画像の挿入方法

本文への画像の挿入方法を解説します。

動画解説はこちら

目次

画像の挿入方法

本文に画像を挿入する場合は、この手順に従って行ってください。

少々面倒ですが、慣れれば数分でできる作業です。

画像挿入の手順
  • 挿入したい画像を保存、またはスクショする
  • tiny pngで容量を小さくする→ダウンロードする
  • ダウンロードした画像に適切な名前をつける
  • ③でダウンロードした画像をワードプレスに挿入する
  • プレビューで画像が表示されているか確認する

以下詳しく手順を解説します。

動画で実演しているのでこちらも御覧ください。(編集中)

挿入したい画像を保存またはスクショする

まず挿入したい画像を保存(できないものはスクショ)します。

スクショのやり方はこちらの記事を参考にしてください。

スクショした画像に適切な名前をつける

スクショした画像に応じて、PC上で適切な名前を英語で付けます。

例えば二宮和也さんの奥さんに関する画像なら、【ninomiyakazunari-wife】

ミスチルのライブチケットの取り方に関する画像なら、【mr.children-how-to-get-ticket】などが望ましいです。

同じテーマの画像が複数枚あるときは、

  • 【ninomiyakazunari-wife1
  • 【ninomiyakazunari-wife2
  • 【ninomiyakazunari-wife3

など、数字で区別してください。

tiny pngで容量を小さくする→ダウンロードする

名前を付けて保存したら、『tiny png』というサイトで画像の容量をサイズダウンします。

画像は記事の中でも容量が大きくなる原因です。

容量が大きい=記事の表示スピードが落ちる=広告の表示が遅くなり、収益も落ちる

というリスクがあるので、必ずこの作業を行ってください。

やり方は次の通りです。

  • Tiny PNGのサイトを開く
  • 名前を付けた画像をドラッグ&ドロップする
  • 圧縮が完了したら『DOWNLOAD』をクリック

ダウンロードした画像がPCにあることを確認してください。

③でダウンロードした画像をワードプレスに挿入する

ここまで完了したら、ワードプレスに画像を挿入します。

やり方は次の通りです。

  • 画像を挿入したい行にカーソルを合わせておく
  • 『+』>メディアの『画像』をクリックし、画像ブロックを表示させる
  • 『アップロード』を選択し、ファイルから画像を選択して挿入
  • キャプションに出典元のテキストとリンクを追加する(出典元:〜〜〜)
  • 幅を500〜600pxに調節する

プレビューで画像が表示されているか確認する

『まとめ』まで編集が終わり、最後の記事の見直しの際に合わせて画像表示のご確認をお願いいたします!

目次