WordPressの投稿や固定ページで画像を挿入する方法
  • 記事公開:2016/01/12
  • 最終更新:2019/05/05

WordPressの投稿や固定ページで画像を挿入する方法

WordPressの投稿や固定ページに画像を挿入する方法をご紹介しています。画像の挿入は操作の基本中の基本です。WordPressを利用される方は漏れなくこのコンテンツを確認してください。1分で画像の挿入方法をマスターすることができます。

この記事は約 3 分で読めます。

WordPressのカスタマイズはお任せください。

WordPressのカスタマイズを格安で代行いたします。ご希望のカスタマイズがあればご相談ください。

投稿に画像を挿入する手順

投稿に画像を挿入する手順を説明していきます。

固定ページも投稿と同じやり方でOKです。
ビジュアルエディタ、テキストエディタ共に画像の挿入手順は同じです。

それでは、解説していきます。

画像をアップロードする。

まずは、投稿に挿入したい画像をアップロードしましょう。

uhopup

画像を挿入したい位置にカーソルを合わせます。

asgryaer

【メディア追加】をクリックします。

dudtruiyiu

ポップアップでメディアの管理画面が表示されます。
挿入したい画像をこの画面上にドラッグ&ドロップします。

gkufuyio

上記の様に画像のサムネイルが表示されれば、アップロードは正常に完了しています。

altなどを設定する。

画像のアップロードができたら、続いてalt属性を設定しましょう。

fdutrudrtu

アップロードした画像のサムネイルをクリック(選択)します。
サムネイルにチェックが入っている状態が選択されている状態です。

gfdjyjy

alt属性の設定は、ポップアップ右側の部分で行うことが出来ます。

いくつか設定項目がありますが、今回はalt属性の設定だけ解説します。
alt属性の設定は【代替テキスト】の部分で行います。

代替テキストとは、altテキストの事で、この部分に入力したテキストから検索エンジンは、この画像が何の画像であるのかを認識することが出来ます。

代替テキストを入力しておかないと、検索エンジンは何の画像なのか判断することが出来ません。
これは、SEO対策の面からみて勿体ないです。

また、何らかの理由で画像が表示されない場合、このテキストが画像の代わりに表示されます。
代替テキストを設定しておけば、画像が見れなくても何の画像であったのか判断することが出来ます。

代替テキストの部分に、画像の説明文を入力してください。

表示内容を設定する。

最後にやることは、画像の表示方法を決めることです。

fdhjtrjutry

配置=左寄せ、中央寄せ、右寄せなど画像の配置を設定する項目です。
リンク先=画像のリンク先の設定する項目です。
サイズ=画像サイズを選択する項目です。選択できるサイズは利用テーマによって異なります。

画像を挿入する。

最後に画像を挿入しましょう。

sdrytu

【投稿に挿入】をクリックすればOKです。

aryery45ry

ビジュアルエディタであれば、上記の様に挿入した画像をエディタ上で確認することが出来ます。

dryery

テキストエディタの場合は、画像のコードが表示されます。

まとめ

WordPressの投稿や固定ページで画像を挿入する方法をご紹介いたしました。

画像の挿入は必ず利用する機能の一つだと思います。
覚えてしまえば簡単な操作ですので、この機会に覚えてしまってください。

著者:takaya kondo

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • 2019/05/04

    【WordPress】カテゴリーページのURLから【category】を消す3つの方法

    WordPressのカテゴリーページ(URL)から【category】の文字列を消す3つの方法をご紹介します。いずれの方法も3分程度で導入できる簡単なものばかり。ご自身の環境にあったものを選択して実装してください。 記事を読む

  • 2019/04/21

    EWWW Image OptimizerでWordPressの画像を自動的に最適化する!

    画像を自動的に最適化してくれるプラグイン「EWWW Image Optimizer」を詳しくご紹介しています。サイトの規模が大きくなっていくと、サイトの表示速度が徐々に遅くなっていきます。このプラグインで画像を最適化すれば、サイト速度を改善することができます。 記事を読む

  • 2019/05/05

    お問い合わせプラグイン「Contact Form 7」にサンクスページを導入する方法

    今回はWordPressのメリットとデメリットをまとめてみました。WordPressに出会った頃にも色々と調べた記憶があるのですが、今回はイチから調べ直しました。改めて調べてみて分かりましたが、WordPressって本当に便利なシステムですね。使わない手は無いと本気で思います。 記事を読む

  • 2019/05/04

    【WordPress】Search Regexの検索対象にカスタム投稿を含める方法

    Search Regexの検索対象にカスタム投稿を含める方法をご紹介いたします。Search Regexでカスタム投稿も検索したい方。今回のカスタマイズをお役に立ててください。 記事を読む

  • 2019/05/05

    WordPressの管理画面にログインする方法とログアウトする方法

    WordPress管理画面にログインする方法とログアウトする方法をご紹介します。どちらも基本的な操作方法で、WordPressに触れる中で最も多く行う作業です。この機会にログインとログアウトの方法を覚えてください。 記事を読む

コメントを残す

(必須)

CAPTCHA