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

WordPressの投稿に画像を入れよう

こんにちは、natsukiです。

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

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

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

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

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

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

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

③代替テキスト

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

④配置

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

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

⑤リンク先

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

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

⑥サイズ

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

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

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

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

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

WordPressの投稿に画像を入れよう④配置:中央/⑤リンク先:なし/⑥サイズ:大
リンクはなしなので、画像をクリックしても何も起こりません。

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

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

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

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

アイキャッチ画像の設定

アイキャッチ画像設定

記事を書いている画面の右下に、「アイキャッチ画像」というメニューがあります。ここの「アイキャッチ画像を設定」をクリック。

アイキャッチ画像を設定
既にアップロードしている画像なら、選んで「アイキャッチ画像を入れる」ボタンをクリックするだけです。
今から新しい画像をアップしたい場合は、先ほどの「WordPressに画像をアップする」の手順と同じく、「ファイルをアップロード」を選択して、「ファイルを追加」ボタンからアップロードして下さい。

アイキャッチ画像設定
管理画面にアイキャッチ画像が入りました。これで更新すると、トップページなどの記事一覧などにこの写真が表示されます。
簡単なんですけど、言葉で説明すると面倒ですね…
よく分からなくても、色々試しにやってみて下さい。
慣れればめちゃくちゃ簡単です!

PROFILE

natsukiWEBクリエイター
WordPressでサイトを作ってます。
とにかく面白いコトが好き。面白い人には簡単についていきます。
福井在住。東京に時々出没。3児のシングルマザー。

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA