WordPressの投稿や固定ページで画像を挿入する方法
MENU
  1. HOME
  2. WordPress / 基本操作
  3. WordPressの投稿や固定ページで画像を挿入する方法

最近の作業実績

  • 2020年11月09日子テーマの導入で発生した不具合を修正いたしました。
  • 2020年11月09日LPサイトのレイアウトの崩れを修正いたしました。
  • 2020年11月04日カスタム投稿のアーカイブページで発生していた不具合を修正いたしました。
  • 2020年11月04日WordPressサイトのSEO対策に関するアドバイスをご提供いたしました
  • 2020年11月04日WordPressで構築されたサイトのトップページのデザイン一新しました
  • 2020年11月04日ループ部分のデザインを変更いたしました。
  • 2020年10月28日カスタム投稿専用のカレンダーウィジェットを実装いたしました。
  • 2020年10月28日内部SEO対策を最適化いたしました。
  • 2020年10月28日WordPressサイトのサーバー移管を行いました。
  • 2020年10月28日新規サイト(WordPress)を制作いたしました
  • 2020年10月10日既存サイトをWordPressで再構築いたしました。
  • 2020年10月04日WordPress各ユーザーのユーザー名を変更いたしました。
  • 2020年10月04日PHPのバージョンアップに伴うデータベース確立エラーを解消いたしました。
  • 2020年10月04日WordPressサイトのサーバー移管を担当いたしました。
  • 2020年10月04日複雑怪奇なテーマ構造の一部を分かりやすく再構築いたしました。
  • 2020年10月04日既存サイトにWordPressを導入いたしました。
  • 2020年09月29日WordPress、プラグイン、テーマ、PHPのバージョンアップを行いました。
  • 2020年09月29日WordPressのセキュリティ対策を導入いたしました。
  • 2020年09月22日WordPressのパスワードをデータベースから直接変更いたしました。
  • 2020年09月21日WordPressテーマにオリジナルのPHPファイルを実装いたしました。
  • このエリアには直近の制作実績を一部掲載しております。
  • 制作実績はリアルタイム反映ではありません。
  • 2019/05/05

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

この投稿は2019/05/05に加筆修正いたしました。

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の投稿や固定ページで画像を挿入する方法をご紹介いたしました。

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

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

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

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

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

詳細を確認する


著者:takaya kondo

岡山在住のWordPress専門フリーランサーです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。

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

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

コメントを残す

(必須)

CAPTCHA