記事に画像を追加する

広告

ブロックエディタを使って記事の本文に画像を追加する方法について解説します。なお画像や動画などのメディアの扱いについては「画像と動画」にて詳しく解説していますのでこのページでは画像を追加する手順のみ解説します。

※ 画像ブロックの詳細な使い方は「画像ブロック」を参照されてください。

画像を追加する

ブロックエディタで記事に画像を追加するには「画像」ブロックを使用します。実際に試してみるために、次のように新しい記事を作成して「段落」ブロックを一つだけ追加してあります。

画像を挿入する(1)

画像ブロックを追加します。画面左上にある「+」アイコンをクリックし、一般ブロックの中にある「画像」ブロックをクリックしてください。

画像を挿入する(2)

画像を挿入する(3)

「画像」ブロックが記事に追加されました。

画像を挿入する(4)

次に表示する画像を選択します。既に WordPress にアップロード済みの画像を使用する場合は「メディアライブラリ」をクリックして画像を選択してください。今回は新規にアップロードするために「アップロード」をクリックします。

画像を挿入する(5)

ファイル選択ダイアログが表示されますので、アップロードする画像を選択し「開く」をクリックしてください。

画像を挿入する(6)

アップロードが完了すると、「画像」ブロックの中に画像が表示されました。

画像を挿入する(7)

プレビューを表示してみると、次のように表示されます。

画像を挿入する(8)

画像に対して外部サイトへのリンクを設定する

記事に挿入した画像に対して外部サイトへのリンクを設定することができます。リンクを設定するには「画像」ブロックを一度クリックして選択したあと、ツールバーオプションの中から「リンクを挿入」アイコンをクリックして下さい。

画像に対して外部サイトへのリンクを設定する(1)

リンク先の URL を入力する画面が表示されます。 URL を入力したあとで [Enter] キーを押してください。

画像に対して外部サイトへのリンクを設定する(2)

画像に対して外部サイトへのリンクを設定する(3)

画像に対するリンクの設定が完了しました。

画像に対して外部サイトへのリンクを設定する(4)

では確認してみます。プレビューを表示したあと、画像をクリックしてください。リンク先に設定したサイトが表示されます。

画像に対して外部サイトへのリンクを設定する(5)

画像に対して外部サイトへのリンクを設定する(6)

画像に対して画像ファイルへのリンクを設定する

記事に挿入した画像に対して WordPress 内に保存されているオリジナル画像ファイルへのリンクを設定することができます。リンクを設定するには「画像」ブロックを一度クリックして選択したあと、ツールバーオプションの中から「リンクを挿入」アイコンをクリックして下さい。

画像に対して画像ファイルへのリンクを設定する(1)

リンク先を設定する画面が表示されたら「メディアファイル」をクリックしてください。

画像に対して画像ファイルへのリンクを設定する(2)

画像に対するリンクの設定が完了しました。

画像に対して画像ファイルへのリンクを設定する(3)

では確認してみます。プレビューを表示したあと、画像をクリックしてください。オリジナルの画像ファイルが表示されます。

画像に対して画像ファイルへのリンクを設定する(4)

画像に対して画像ファイルへのリンクを設定する(5)

画像を削除する

記事に挿入した画像を削除するには、「画像」ブロックを一度クリックして選択したあと、ツールバーオプションの中から「?」アイコンをクリックして下さい。

画像を削除する(1)

表示されたメニューの中から「ブロックを削除」をクリックしてください。

画像を削除する(2)

画像ブロックが削除されました。

画像を削除する(3)

-- --

ブロックエディタを使って記事の本文に画像を挿入する方法について解説しました。

( Written by Tatsuo Ikura )

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

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。