![SSLってなに?企業のホームページにSSLを導入するべき理由と確認方法について](https://lexa.co.jp/wp-content/uploads/webliteracy190605-min-1.jpg)
![ブログ内に画像を挿れてみよう](https://lexa.co.jp/wp-content/uploads/media.png)
ブログ内に画像を挿れてみよう
この記事では、WordPress(ワードプレス)で画像を挿入する方法やそれに関連した設定の方法などを解説していきます。
画像をいれてみよう
まずは、基本的な画像の追加方法です。必要に応じて読み飛ばしてください。
![media01](/wp-content/uploads/media01-300x300-1.jpg)
![media02](/wp-content/uploads/media02-300x300-1.jpg)
![media03](/wp-content/uploads/capture60-300x300-1.jpg)
画像をアップロードしてみよう
さきほどご紹介した、2種類の画像の追加方法について見ていきましょう。
アップロードする
![image04](/wp-content/uploads/image04-300x229-1.png)
![image02](/wp-content/uploads/image02-300x300-1.jpg)
サイト内の画像から選択する
![image03](/wp-content/uploads/image03-300x300-1.jpg)
詳細設定をしよう
画像の追加方法がわかったところで、つぎは画像の各種設定についてみていきます。
![image05](/wp-content/uploads/image05-300x300-1.jpg)
タイトル
![image07](/wp-content/uploads/image07-300x300-1.jpg)
![image06](/wp-content/uploads/image06-300x300-1.jpg)
![image08](/wp-content/uploads/image08-300x300-1.jpg)
キャプションと説明
続いて、「キャプション」と「説明」部分についてです。こちらもSEOには関係ないので、基本的には空欄のままで構いません。さくっとみていきましょう。
キャプション
実際に表示される画像のすぐ下に、短い解説文をつけることができます。
![image09](/wp-content/uploads/image09-300x300-1.jpg)
説明文
ブログを読んでいる人には一切表示されません。タイトルに入りきらなかった補足などがあれば入力しましょう。
代替テキスト
代替テキストも他の人から見えない点は変わりませんが、Googleなどの検索エンジンが画像の内容を判断するときに見ています。Googleに知らせる用の画像タイトルといったイメージです。
![image10](/wp-content/uploads/image10-300x300-1.jpg)
SEO対策にもなるので、できるだけわかりやすく、画像が見えない場合でも内容がわかるような代替テキストを入力するように意識してみましょう。
表示設定をしよう
最後に表示設定を見ていきます。こちらの設定も、特に必須というわけではありません。必要に応じて設定してください。
![添付ファイルの表示設定](/wp-content/uploads/capture82-300x300-1.jpg)
配置を変えてみよう
まずは配置の変更です。どのように表示されるか、実際に例をみてみましょう。
配置なし
![](/wp-content/uploads/capture85-300x300-1.jpg)
左配置
![](/wp-content/uploads/capture86-300x300-1.jpg)
中央配置
![](/wp-content/uploads/capture87-300x300-1.jpg)
右配置
![](/wp-content/uploads/capture88-300x300-1.jpg)
全ての配置で言えることですが、サイトを見ている液晶のサイズや画像の大きさによって横に入る文字数は変動します。
「パソコンでちょうどよくなるように調整したのに、スマホで見たらおかしな形になってしまった!」ということはよくあるので、長い文章を画像に添えたい場合、基本的には画像の横は避けたほうが無難です。
リンク先の設定をしよう
次にリンク先の設定です。
![image11](/wp-content/uploads/image11-300x300-1.jpg)
メディアファイル
![メディアファイル①](/wp-content/uploads/click02-300x300-1.jpg)
![メディアファイル②](/wp-content/uploads/click03-300x300-1.jpg)
たとえば「本文中には小さめに表示したいけど、クリックすれば特大サイズで見られるようにしたい」という場合に設定するといいでしょう。
添付ファイルのページ
では『添付ファイルのページ』に設定するとどうなるのでしょうか。
![添付ファイルページ](/wp-content/uploads/file-300x300-1.jpg)
カスタムURL
最後に、カスタムURLの設定です。画像をクリックすると、自分で指定した好きなページへ飛ぶようにすることができます。これは見たことがある方も多いのではないでしょうか。
![カスタムURL①](/wp-content/uploads/customurl01-1-300x300-1.jpg)
![カスタムURL②](/wp-content/uploads/customurl02-300x300-1.jpg)
リンク先を別タブで開きたいときは?
![あとから編集](/wp-content/uploads/edit01-300x300-1.jpg)
※ちなみに左側にはさきほど紹介した配置の変更ボタンもあります。後から配置変更をしたい場合は、こちらも活用してみてください。
![リンクを新しいタブで](/wp-content/uploads/customurl03-300x300-1.jpg)
元のページを開いたまま別ページに移動できるのは便利ですが、使いすぎには気をつけてください。毎回別タブで開くようにしていると、ブログを読んでいる人はうっとうしく感じてしまう場合もあります。
『ブログ内の移動なら通常リンクで、まったく別のサイトへの移動なら別タブで』など、使い分けをして必要なときにだけ設定するようにしましょう。
画像サイズを変えてみよう
最後に、画像のサイズ変更です。
![画像サイズ](/wp-content/uploads/madiasize01-300x300-1.jpg)
![カスタムサイズ](/wp-content/uploads/mediasize-300x300-1.jpg)
まとめ
以上、WordPress(ワードプレス)を使ったブログへの、画像の追加方法や設定についての解説でした。
たくさんの項目があり一度に覚えるのは大変なので、はじめは余分な設定はしなくても構いません。まずは、画像をいれてみることからはじめ、少しずつ慣れていきましょう。
- Index目次