ブログ準備

WordPress画像挿入方法まとめ!サイズ変更や代替テキストを入力するには?

サイトの記事に
画像を挿入する方法を紹介します。

また、画像サイズを変更するhtmlコードや
画像をクリックするとリンク先を開くようにするhtmlコード、
リンクタグの使い方を紹介します。

WordPressの画像挿入方法

今回は以下の画像を例にして、
WordPressの記事に画像を挿入する方法を紹介します。
※画像に特に意味はありません。
猫
 

ダッシュボードの「投稿」
→「新規追加」で記事の作成を行います。
投稿
 

画像を挿入したい位置にカーソルを合わせ、
「メディアを追加」をクリックします。

メディア
 

「メディアを挿入」画面が開きますので、
「ファイルをアップロード」タブをクリックします。
メディア2
 

「ファイルを選択」をクリックします。

※下の画像に記載してあるように、
画像ファイルをドラッグ&ドロップする
ことによってもアップロード
できます。
メディア3
 

挿入したい画像を選択し、「開く」をクリックします。
メディア4
 

画像がサーバーへアップロードされ、
メディアライブラリに画像が表示されます。
メディア5

ちなみにメディアライブラリで以下のように
検索窓にキーワードを入力すると、

タイトルにキーワードが
入っている画像が抽出されます。

※過去の画像を検索する場合に便利です。
メディア9

挿入したい画像を選択し、
画面右の「添付ファイルの詳細」を確認します。

タイトルには「猫」と入力して
代替テキストにも「猫」と入力してください。

猫2
 

上記の入力が終わったら、画面を下へスクロールします。

そうすると、「添付ファイルの表示指定」があります。

添付ファイルの表示指定では
「▼」で指定して
配置は「なし」
サイズは「フルサイズ」を選択して「投稿に挿入」をクリックします。
メディア6
 

そうすると以下のように画像挿入コードが記事作成画面に入力されます。
メディア8
 

実際の記事でどのように表示されるか確認するために
「プレビュー」をクリックします。
プレビュー
 

以下のように表示されます。
猫3