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

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

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

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

WordPressサイトの常時SSL化はお任せください。

ADhttps://wordpress-supporters.com/wordpress-ssl/

常時SSL化されていないサイトにGOOGLEが警告文を表示させるまであと僅か!
今すぐにでも必要なWordPressサイトの常時SSL化は、プロに丸投げしてください。
今だけ20,000円OFF、GOOGLE対策、リミット間近、サポート充実。

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

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

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

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

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

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

uhopup

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

asgryaer

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

dudtruiyiu

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

gkufuyio

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

altなどを設定する。

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

fdutrudrtu

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

gfdjyjy

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

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

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

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

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

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

表示内容を設定する。

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

fdhjtrjutry

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

画像を挿入する。

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

sdrytu

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

aryery45ry

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

dryery

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

まとめ

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

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

今回のコンテンツに関する疑問点、WordPressの操作方法やプラグインに関するご質問など、下記の無料メールサポートからお気軽にお問い合わせください。

回答できるお問い合わせには、全て回答をさせていただきます。

無料メールサポート

必須メールアドレス
必須サポートを希望する内容

確認事項

上記で入力していただいたメールアドレスに回答メールをお送りいたします。メールを受信できるメールアドレスをご記入ください。

質問に対する回答は、基本的に24時間以内の返信を心がけておりますが、質問が集中した場合、最長で返信に72時間のお時間を頂戴いたします。

当方で回答できる質問には全て回答をさせていただきます。ただし、全ての質問に対して明確な回答をご提供できるわけではありません。

個人情報保護法その他の法令に基づき開示が認められる場合を除き、あなたの個人情報を第三者に開示することはありません。個人情報保護法及び行政書士法に基づき個人情報等を厳重に管理し機密保持に努めるものとします。ただし、情報の漏洩、消失、他者による改ざん等が完全に防止されることについての保証は一切行いません。

ご記入いただいた個人情報は、質問に対する回答の送信と、メールマガジンの配信にのみ使用させていただきます。

上記のフォームから無料メールサポートご利用された方は、定期的または不定期に、Wordpress関連の最新情報、Wordpressのカスタマイズ方法、Wordpress関連のプレゼント企画や、広告などが掲載された「takayakondo.com」が発行するメールマガジンが配信されることに同意したものとします。

メールマガジンへは、「takayakondo.com」運営者によって後日に代理登録をさせていただきます。代理登録されるまでに、しばらく時間を要する場合がございます。

メールマガジンは、利用者の判断でいつでも購読を解除することができます。

この記事が気に入ったら【いいね】しよう!

WordPressサイトの常時SSL化はお任せください。

ADhttps://wordpress-supporters.com/wordpress-ssl/

常時SSL化されていないサイトにGOOGLEが警告文を表示させるまであと僅か!
今すぐにでも必要なWordPressサイトの常時SSL化は、プロに丸投げしてください。
今だけ20,000円OFF、GOOGLE対策、リミット間近、サポート充実。

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

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

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

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

詳細を確認する

現在、上記サービスは別ドメインで運用しております。
ドメインは異なりますが、わたしが提供させていただいているサービスです。

著者:takaya kondo

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

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

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

  • 2016-08-28

    セキュリティ強化!WordPressのユーザー名をadminから別のユーザー名に変更する手順

    WordPressのユーザー名をadminから別のユーザー名に変更する手順をご紹介します。adminというユーザー名を使っていると不正ログインをされる確立が高まります。3分間だけ時間時間をください。WordPressのユーザー名を変更する方法をお伝えします。 記事を読む

  • 2015-02-13

    【WordPress】記事へのコメントを送信した後にサンクスページを表示させる方法

    WordPressで構築したサイトの記事へコメントを送信した後にサンクスページを表示させる方法をご紹介します。思いつきで調べてみたカスタマイズ方法ですが、どなたかのお役に立つとうれしいです。 記事を読む

  • 2015-02-14

    Contact Form 7のよくあるカスタマイズが解説された必読スライドショー。

    Contact Form 7をかっこよくカスタマイズしたい方はいませんか?私もContact Form 7を使い始めた頃にお世話になったContact Form 7のよくあるカスタマイズ方法が解説されたスライドショーをご紹介します。 記事を読む

  • 2015-10-06

    【WordPress】ユーザーの総数を表示する方法

    WordPressで管理しているユーザーの総数を表示する方法をご紹介します。複数の人間で運営している場合などで、何人で運営しているかを表示したいときなどに使えるカスタマイズです。参考にしてください。 記事を読む

  • 2015-02-12

    【WordPress】サイト上に自動更新される今日の日付を表示する方法

    WordPressで構築したサイトに今日の日付を表示する方法をご紹介します。基本的にカスタマイズの1つです。参考にしてください。 記事を読む

コメントを残す


(必須)