WordPressの使い方：記事の本文に画像を挿入する

2016年12月29日 Web, Wordpress, WordPressの使い方

WordPressの投稿記事中に記事の内容にちなんだ画像や補足説明のための挿入することで、文章だけの記事よりもより記事の内容が伝わるようになります。記事の全体構成としてもメリハリが出てきて、飽きがこないので離脱率も軽減します。

今回はブログ記事に効果的な画像の挿入方法について説明します。

WordPressで画像の挿入

まず画像を挿入するためには、画像を挿入したい場所に入力カーソルを合わせます。

次に「メディアを追加」ボタンをクリックします。

「メディアを挿入」のウィンドウが表示されます。

「ファイルを選択」ボタンから挿入したい画像を選択するか、画像ファイルを「ファイルをアップロード」タブ内にドラック＆ドロップで移動することで画像ファイルをサーバーにアップロードすることができます。

メディアライブラリからすでにサーバー上にある画像ファイルを挿入する画像として選択することもできます。

画像がアップロードできると以下のようなメディアライブラリのタブが表示されます。

タイトル
キャプション
代替テキスト
説明
配置
リンク先
サイズ

を設定することができます。

代替テキストは画像のaltの設定になりSEOとして必要なので設定しておくとよいです。

必要に応じて設定をして「投稿に挿入」ボタンをクリックします。

選択した画像が記事内に挿入することができました。

テキストエディタで確認すると次のようなタグになっていることが確認できます。

ブログを公開すると画像が挿入されていることが確認できました。

画像を編集する

次に挿入した画像を編集する方法について説明します。

画像を挿入した状態から画像を選択してクリックします。

「編集」アイコンをクリックします。

画像詳細のポップアップウィンドウが表示され、「キャプション」「代替テキスト」「配置」「サイズ」「リンク先」を編集することができます。

「上級者向け設定」で「画像タイトル属性」「画像CSSクラス」「リンクrel「リンクCSS」クラスを設定することができます。

「オリジナルを編集」ボタンをクリックすると「画像を編集」のウィンドウが表示されます。

「画像の向きを変更」「サイズ変更」「縦横比」を設定することができます。

画像の編集が終わったら「更新」ボタンをクリックして編集した内容を反映します。