⑩画像を入れよう(アイキャッチ画像やブログに入れる画像)

こんにちは、natsukiです。

今日はいよいよブログに画像を入れてみたいと思います！
WordPressに画像を入れるのはとっても簡単です。

その前に、入れる画像を探したい方もいるかもしれないので、フリー画像リンク集をご紹介します。
ライセンスなどの変更もあるかもしれないので、使う前に、どんな条件で利用OKなのか確認して下さい。
写真素材なら「写真AC」無料（フリー）ダウンロードOK
ぱくたそ
 プロカメラマンの無料写真素材・フリー画像 pro.foto
女性モデルのフリー画像無料人物写真素材のモデル・フォト
 モデルピース(2016年12月閉鎖予定だそうです)

※補足：2018/12/06にワードプレスの投稿エディターがバージョンアップされてます。
この記事は、旧バージョン向けに書かれています。

ただ、アメブロ等のブログお書きなれてる方々は、旧バージョンの方が
使いやすいかもしれません^^;

新しい投稿エディターGutenbergの画面を、従来のエディター画面に変更する方法。
こちらに、旧エディターの使い方も追記しているので
ご参考にしてください^^

WordPressに画像をアップロードする

まずは左側のメニューから「投稿」＞「新規追加」を選んで、ブログの投稿画面を出します。
そして左上の「メディアを追加」をクリック。

「左上」の「ファイルをアップロード」を選択して、「ファイルを追加」ボタンをクリックします。
そうすると自分のパソコンの中のファイルが選べるようになるので、入れたい写真を選びます。

投稿にどのように画像を入れるか選ぶ

そうすると、右側にこの画像をどんな風にブログに入れるのかというのを選ぶことができます。
次の4つを設定しましょう。(他は今はそのままで大丈夫です)

③代替テキスト

写真を文字で説明して下さい。
もし何かのエラーで写真が表示できなかったときには、この文字が表示されます。
あとはSEO的に言うと、Googleさんにこの写真がどんな写真なのかを説明することになるので、重要だと言われています。

④配置

写真を左右真ん中、どこに入れたいのかを選びます。

左	画像が左によって、右側にあいた空間に文字や他の写真が入ります
中央	写真が中央に入り、空間があいていても文字や他の写真は入りません
右	画像が右によって、右側にあいた空間に文字や他の写真が入ります
なし	画像は文字と同じように左により、右側にあいた空間に文字や他の写真は入りません

⑤リンク先

他にもありますが、まずはこの２つのどちらかでOKです。

なし	写真をクリックしても何も起こりません(リンクなし)
メディアファイル	写真をクリックすると、フルサイズの画像が表示されます

⑥サイズ

入れたい写真のサイズを選びます。(このサイズは設定やテーマによって変わります)

サムネイル	150px×150px
中	幅の上限・高さの上限　300px
大	幅の上限・高さの上限　750px
フルサイズ	幅の上限・高さの上限　なし

このテーマの記事幅は750pxなので、サイズ大を選ぶと、ぴったりの大きさで表示されます。
フルサイズで入れても、幅750pxに縮小されます。

実際に画像を入れてみたところ

④配置：左/⑤リンク先：メディアファイル/⑥サイズ：小
左に画像が寄っているので、右に文章を書くことができます。
画像にリンクが張ってあるので、クリックすると大きく表示されます。

④配置：中央/⑤リンク先：なし/⑥サイズ：大
リンクはなしなので、画像をクリックしても何も起こりません。

色々試して入れてみて下さい。簡単に削除して入れなおすことができます！
やっているうちに段々イメージがつかめてくると思います。

WordPressの投稿にアイキャッチ画像を設定する

アイキャッチ画像って何？？

トップページやサイドに出てくる記事一覧で、タイトルや本文の隣りに表示されている画像。
コレがこの記事に設定されているアイキャッチ画像です。
また、このテーマでは記事のトップにもアイキャッチ画像が自動的に表示されるようになっています。
(アイキャッチ画像がどこでどんな風に表示されるかは、そのテーマによって異なります)