icon
icon

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

WordPress(ワードプレス)で記事に【画像を入れる方法】を初心者向けに紹介した記事です。WordPressの基礎中の基礎の操作ですので、覚えておくようにしましょう。画像には「代替テキスト」も入力しておくことをおすすめします。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

WordPressを使い始めたばかりという超初心者向けの記事です。

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

なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。

 

大石ゆかり

田島メンター!!WordPressの記事に画像を入れたいんですけど、どうしたらいいんですか〜?

田島悠介

WordPressはメディアという画面で画像を管理しているんだ。画像の使い方を教えるね!

大石ゆかり

はい、お願いします!

 

WordPressで画像を挿入する方法

まずはWordPress管理画面の左にある「投稿」メニューの中の「新規追加」を押して「新規投稿の追加」画面を開きましょう。

wp_gazou1

 

 

本文の画像を挿入したい位置にカーソルを持っていったら「メディアを追加」ボタンを押します。

wp_gazou2

 

すると「メディアを挿入」の画面が開くので、記事に挿入したい画像ファイルをドラッグ&ドロップします。

この時、「ファイルをアップロード」にタブを切り替えて、「ファイルを選択」から画像を選んでも同じです。

wp_gazou3-3

 

アップロードした画像一覧に今ドラッグ&ドロップした画像ファイルが追加され、選択できる状態になります。

wp_gazou4

ここで画像の「タイトル」 「キャプション」「代替テキスト」などが入力できます。

代替テキストは「altタグ」としてソースコードに入力されるので、画像を説明した内容を入力するようにしましょう。

 

「配置」では、記事の左寄り、真ん中寄せ、右寄りなどが選択できます。「リンク先」では、画像をクリックしたリンク先を設定できます。

また、右下の「サイズ」はドロップダウンリストから画像サイズを選択できます。

wp_gazou5-2

 

最後に「投稿に挿入」ボタンを押して画像の挿入は完了です。

wp_gazou6

 

記事の投稿画面でこのように表示されれば成功です。

画像をうまく取り入れて魅力的な記事を増やしていきましょう。

 

まだWordPressの使い方がよくわからないという場合は、WordPressで記事を投稿する方法もご覧ください。

 

大石ゆかり

画像を入れると記事の印象が変わりますね!

田島悠介

そうだね。画像の表示する大きさも変えられるから、用途に応じて使い分けると良いね。

大石ゆかり

はい♪

 

[お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学で学習していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」

こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料相談を予約する