記事に画像を挿入する

広告

記事の本文の中に画像を挿入する方法について解説します。なお画像や動画などのメディアの扱いについては「メディア(画像、動画)の利用」にて詳しく解説していますのでこのページでは挿入する手順のみ解説します。

新しい記事に画像を挿入してみます。新しい記事の作成画面を表示して下さい。

p9-1

画像を挿入したい位置にカーソルを置き、その後で「メディアを追加」と書かれたリンクをクリックして下さい。

p9-2

「メディアを追加」画面が表示されます。

p9-3

挿入する画像はあらかじめアップロードしておいたメディアから選択することもできますが今回はローカルにある画像ファイルを選択してみます。「ファイルをアップロード」タブの画面で「ファイルを選択」をクリックして下さい。

p9-4

挿入する画像を選択するウィンドウが表示されますので、挿入したい画像を選択し「開く」ボタンをクリックして下さい。

p9-5

選択したファイルのアップロードが行われます。アップロードが完了すると次のような画面が表示されます。画面右下に表示されている「投稿に挿入」をクリックして下さい。

p9-6

画像が記事の中のカーソルがあった位置に挿入されました。

p9-7

テキストエディタに切り替えて確認してみると次のようなコードが挿入されていました。

<img class="alignnone size-medium wp-image-60" 
src="http://www.kuroobi.jp/travel/wp-content/uploads/2018/05/pic06-300x200.jpg" 
alt="" width="300" height="200" />

画像の挿入に関してより詳細な操作方法に関しては「メディア(画像、動画)の利用」をご参照下さい。

記事に挿入した画像に対して外部サイトなどへのリンクを設定することができます。リンクを設定するには画像を一度クリックし、表示されたメニューの中から「編集」をクリックして下さい。

p9-8

「画像詳細」の画面が表示されます。

p9-9

「設定を表示」のブロックにある「リンク先」の右にあるドロップダウンメニューをクリックして下さい。外部のサイトやブログへのリンクを設定する場合は、表示されたメニューの中から「カスタムURL」をクリックして下さい。

p9-10

リンク先を入力するためのテキストボックスが表示されます。リンク先のURLを入力して下さい。

p9-11

設定を変更した場合には、画面右下に表示されている「更新」をクリックして下さい。

p9-12

画像へのリンクの設定が完了しました。

テキストエディタに切り替えて確認してみると次のようなコードが挿入されていました。

<a href="http://www.yaeyama.or.jp/">
<img class="alignnone wp-image-60 size-medium" 
src="http://www.kuroobi.jp/travel/wp-content/uploads/2018/05/pic06-300x200.jpg" 
alt="" width="300" height="200" />
</a>

記事に挿入した画像を削除するには、画像を一度クリックし表示されたメニューの中から「削除」をクリックして下さい。

p9-13

記事に挿入されていた画像が削除されました。

p9-14

-- --

記事に画像を挿入する基本的な手順について解説しました。

WordPressの使い方の他の記事を見てみる

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)