画像はブログを彩る重要な要素です。
文字だけのブログは味気ないものですから、適宜画像を使って記事を彩りましょう。

当記事では WordPress に画像を登録する方法を解説いたします。

投稿に画像を挿入するには「メディア」を経由する

WordPress では、投稿に画像を挿入する手順は次のとおりです。

  • 1.画像を「メディア」に登録する
  • 2.投稿の編集画面で「メディアライブラリ」を開く
  • 3.「メディアライブラリ」から挿入したい画像をせたくする

このように、投稿に直接画像を埋め込むのではなく、一旦「メディア」に登録する必要があります。


「メディア」については次をご覧ください。

[入門] 「メディア」とは ?
WordPress に画像を掲載するには「メディア」に画像を登録します。当記事では「メディア」について解説いたします。
WordPress の"ワ"の字から

「投稿」から画像を登録 (アップロード) する

当記事では「投稿」画面から画像を登録 (アップロード) する方法を解説いたします。
以降、アップロードと表記します。

画像の登録は複数の遷移があります。
「記事を書いている途中に画像をアップロードする」ことは最も頻繁に行いますから、当記事の操作ができればしばらく困ることはありませんよ。

投稿画面への遷移は次の記事をご覧ください。

[入門] 投稿とは ?
WordPress で最初に覚えたい機能が「投稿」です。投稿はブログ記事を追加・編集する機能です。当記事では投稿機能の概要について解説いたします。
WordPress の"ワ"の字から

準備:「メディアに追加」を開く

事前準備として、はじめに「投稿」画面に遷移します。
図 1 のように WordPress 管理画面メニューを「 1.投稿 > 2.新規追加 」の順にたどりクリックしてください。

図 1 : WordPress メニュー 投稿 > 新規追加
図 1 : WordPress メニュー 投稿 > 新規追加

図 2 に示す「投稿」画面に遷移します。

図 2 : WordPress 投稿
図 2 : WordPress 投稿

本文の入力欄上、図 3 に示す位置に「メディアに追加」ボタンがあります。
「メディアに追加」ボタンをクリックしてください。

図 3 : WordPress 投稿 「メディアに追加」
図 3 : WordPress 投稿 「メディアに追加」

すると、「投稿」画面に重なるように「メディア」が表示されます。

図 4 : WordPress 投稿 メディアライブラリ
図 4 : WordPress 投稿 メディアライブラリ

方法 1 : 「ドラッグ & ドロップ」で画像をアップロードする

マウスを使って「ドラッグ & ドロップ」で画像をアップロードする方法を解説いたします。

図 5 は、パソコン画面を撮影したものです。

図 5 : WordPress 投稿 「ファイルを追加」と「デスクトップ」
図 5 : WordPress 投稿 「ファイルを追加」と「デスクトップ」

図 5 に色を付けて、図 6 のようにしました。
ピンクが WordPress の画面、ブルーがパソコンのデスクトップです。

図 6 : WordPress 投稿 「ファイルを追加」と「デスクトップ」 色分けあり
図 6 : WordPress 投稿 「ファイルを追加」と「デスクトップ」 色分けあり

図 5 の右にある画像ファイルを WordPress の「メディア」にアップロードします。

デスクトップの画像ファイルをマウスの左ボタンでクリックします。
そして、 左ボタンは押したまま、WordPress に重ねるよう マウスを画面左に動かしてください。
この操作を「ドラッグ」といいます。

すると、図 7 のように、WordPress 画面全体が紺色になり「ファイをドロップしてアップロード」と表示されます。

図 7 : WordPress 画像をドラッグ
図 7 : WordPress 画像をドラッグ

図 7 の状態になっている時に、マウスの左ボタンを離してください。
この操作を「ドロップ」といいます。

アップロードが完了して操作した画像が WordPress に登録されました。

図 8 : WordPress 投稿 「ファイルを追加」 アップロードが完了
図 8 : WordPress 投稿 「ファイルを追加」 アップロードが完了

「ドラッグ & ドロップ」は直感的に操作できますが、不慣れな方にはとっつきにくいかもしれません。

方法 2 : ファイルを指定する

次にファイルをパソコンから指定するアップロード方法を解説いたします。

図 9 に示す「ファイルを選択」ボタンをクリックします。

図 9 :  WordPress 投稿 「ファイルを追加」 ファイルを選択
図 9 : WordPress 投稿 「ファイルを追加」 ファイルを選択

すると、図 10 のようにパソコンのファイル選択ウィンドウがひらきます。

図 10 : WordPress 投稿 「ファイルを追加」 ファイルを選択ウィンドウ
図 10 : WordPress 投稿 「ファイルを追加」 ファイルを選択ウィンドウ

目的のファイルを選択し決定するとアップロードが行われます。

図 11 : WordPress 投稿 メディアライブラリ アップロードが完了
図 11 : WordPress 投稿 メディアライブラリ アップロードが完了

まとめ

うぇぶろう

投稿に画像を挿入するには「メディア」に画像をアップロードし、その後「メディア」から画像を選択します。

また、今回は「投稿」中に「メディア」をアップロードする方法を解説いたしました。

アップロード手順は次でしたね。

  • 「投稿」画面に遷移する
  • 「メディアに追加」ボタンをクリックする
  • 「ファイルを選択」するか「ドラッグ & ドロップ」する

今回は手順も 2 つありちょっと複雑だったかもしれません。

難しいのは最初だけです。
WordPress を運用していく中で慣れていきましょう !

「アップロード」という言葉について補足いたします。

アップロードを平たくいうと「手元のパソコンのデータをインターネット (サーバ) に転送すること」です。
ダウンロードの逆ですね。