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

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

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

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

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

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

固定ページも投稿と同じやり方で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サイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

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

詳細を確認する

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

  • 2016/04/14

    WordPressのカスタム投稿タイプでアイキャッチを有効にする方法

    wordpressのカスタム投稿タイプでアイキャッチを有効にする方法を解説します。カスタム投稿を有効にすれば、アイキャッチも当然有効になると考えていたので、ちょっとビックリしました。やり方を調べたので参考にしてください。 記事を読む

  • 2015/09/15

    【WordPress】プラグインを使わず検索機能に絞り込み機能を実装しよう。

    WordPressの検索機能にカテゴリーやタグを指定した絞り込み機能を実装する方法をご紹介します。コピペで簡単に実装できますので、興味のある方は参考にしてください。 記事を読む

  • 2015/11/14

    WordPress管理者必見!アクセス解析からサイト管理者を除外する方法

    WordPressサイトに設置したアクセス解析からサイト管理者を除外する簡単な方法をご紹介します。このコンテンツで紹介している方法ならコピペだけで管理者をアクセス解析から除外できます。興味のある方は、3分間だけコンテンツを見てください。 記事を読む

  • 2015/09/14

    WordPressの最大行表示エディターを利用している方に便利な小技

    WordPressの最大行表示エディターを利用している方に便利な小技をご紹介します。最大行表示エディターを使っていると、ページのTOPに戻るのが面倒ですよね。そんな時に便利な小技です。意外と知られていない小技かも・・・。 記事を読む

  • 2019/03/05

    WordPress管理画面のダッシュボードを1カラムにカスタマイズする方法

    WordPress管理画面のダッシュボードを1カラムにカスタマイズする方法をご紹介します。ダッシュボードを1カラムに変更したい方は参考にしてください。たった1分でダッシュボードを1カラムに変更することができます。 記事を読む

コメントを残す

(必須)

CAPTCHA