日々の雑記から役に立つ知識など

WordPressで投稿記事内に画像を入れる方法【初心者向け】

 
この記事を書いている人 - WRITER -
札幌に住むエンジニアです。 小学生と双子の育児に日々、試行錯誤の日々です。 WordPressを使ったWEBサイト構築が楽しくて、独学で調べているうちに 自分メディアを持ち、自分が勤める会社のホームページも構築しました。 IT関連技術に関する情報や育児に関する情報など、役に立つ情報をわかりやすくお届けしたいと思います。

WordPressの使い方がちんぷんかんぷんなあなたへ

【初心者-WordPress入門】です。

本日は、WordPressの記事に画像を入れる方法について解説します。

 

記事内に画像を入れるメリットは何?

ブログは、文章だけと思っていませんか?

画像を文章の要所で活用する事で、

  • 文章のメリハリが聞く
  • 見ている人が直感的にイメージしやすくなる
  • SEO効果が高まる

と言った効果が期待出来ます。

 

 

文章のみで記事を書いた場合

 

文章と画像で記事を書いた場合

 

 

文章の好きな場所に画像を追加する方法

1.まずは投稿画面へ

 

2.記事を入力します

 

上記の、任意文章の中にある

(ここに女性の絵が貼ります)

という部分

 

今回は写真AC様から素材をダウンロードさせていただき

コチラの女性画像を記事内に挿入してみます。

 

 

3.好きな場所で、「メディアの追加」ボタンをクリック

 

4.記事に挿入したい画像をドラッグアンドドロップする

 

5.投稿に挿入ボタンをクリック

 

6.投稿に画像が入る

7.プレビューで画像を確認してみる

 

投稿された記事を見てみましょう。

 

画像ファイルの編集あれこれ

1.画像の表示サイズを変更する方法

画像の表示サイズを変更する事が可能です。

画像のサイズは以下のサイズ指定となります。

 

サイズを変更する画像を選択し、赤いえんぴつマーク部分をクリックしてください。

1-1 画像の詳細画面が表示

1-2 サイズを指定する

以下のサイズを変更可能です。

 

 

画像のサイズは以下の指定が可能です。

 

サムネイル

150px × 150pxの画像です。

 

300px × 200pxの小さな画像です。

 

フルサイズ

元の画像の大きさで表示します。

 

カスタム

自分で任意に画像の大きさを変更出来ます。

 

1-3 画像の大きさをマウスで変える方法

マウスで画像の表示サイズを変更する事も可能です。

 

 

2.画像を中央寄せで表示する方法

 

 

 

 

見事に中央寄せで画像が表示されましたね。

 

3.画像にリンクを貼る方法

「リンク先」を選択します

 

「カスタムURL」を選択します

 

カスタムURLにリンク先のURLを入力します。

保存ボタンをクリックします。

 

確認してみよう

 

 

クリックしてみると

画面が遷移しました。

 

まとめ

いかがでしたか?

今回はWordPressで記事内に画像を挿入する方法についてご紹介しました。

今後も、WordPress初心者が分かりやすく操作が学べる記事を

書いていきたいと思います。

ぜひ、参考にしてみてくださいね。

この記事を書いている人 - WRITER -
札幌に住むエンジニアです。 小学生と双子の育児に日々、試行錯誤の日々です。 WordPressを使ったWEBサイト構築が楽しくて、独学で調べているうちに 自分メディアを持ち、自分が勤める会社のホームページも構築しました。 IT関連技術に関する情報や育児に関する情報など、役に立つ情報をわかりやすくお届けしたいと思います。

- Comments -

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Copyright© KiyoPress , 2017 All Rights Reserved.