WordPressで写真を入れる方法｜アップロード・表示されない時の対処法まで初心者向けに解説
はじめに
WordPressでブログ記事や固定ページを作成する時、写真を入れることで内容が伝わりやすくなり、読者にとっても見やすいページになります。文章だけの記事よりも、写真がある記事のほうがイメージしやすく、商品紹介、店舗紹介、旅行記、料理レシピ、ポートフォリオなど、さまざまな場面で効果的です。
一方で、初心者の方にとっては「WordPressに写真をどうやってアップロードするのか」「記事内に写真を表示するにはどうすればいいのか」「写真が表示されない時はどこを確認すればいいのか」といった疑問も多いでしょう。
この記事では、WordPressで写真を入れる基本手順から、アップロードできない時の対処法、写真が表示されない原因、きれいに見せる設定、SEOに強くするコツまで初心者向けにわかりやすく解説します。
1. WordPressで写真を入れる基本手順
WordPressで写真を入れる方法は、大きく分けると「写真をアップロードする」「記事やページに挿入する」という2つの流れです。まずは、WordPressが写真をどのように管理しているのかを理解しておくと、後のトラブルにも対応しやすくなります。
1-1. 写真を入れる前に知っておきたいWordPressの画像管理の仕組み
WordPressでは、アップロードした写真や画像ファイルは「メディアライブラリ」で管理されます。メディアライブラリとは、WordPress内にアップロードした画像、動画、PDFなどのファイルを一覧で確認できる場所です。
たとえば、記事作成中に写真をアップロードすると、その写真は記事内に表示されるだけでなく、メディアライブラリにも保存されます。後から別の記事に同じ写真を使いたい場合も、メディアライブラリから選択して挿入できます。
また、WordPressは画像をアップロードした際に、元画像とは別に複数サイズの画像を自動生成することがあります。サムネイル、中サイズ、大サイズなどが作られ、表示場所に応じて適切なサイズが使われます。
この仕組みを知っておくと、「記事から写真を削除したのにメディアライブラリには残っている」「メディアライブラリから削除したら記事内の画像が表示されなくなった」といった状況を理解しやすくなります。
1-2. 投稿・固定ページに写真を追加する流れ
WordPressで写真を記事に入れる基本的な流れは次の通りです。
まず、WordPress管理画面にログインし、「投稿」または「固定ページ」を開きます。新しい記事を作る場合は「新規追加」をクリックし、既存の記事に写真を追加する場合は編集したい記事を開きます。
次に、写真を入れたい場所にカーソルを合わせ、画像ブロックを追加します。ブロックエディターを使っている場合は、「＋」ボタンから「画像」を選択します。
その後、パソコンやスマホ内にある写真をアップロードするか、すでにアップロード済みの写真をメディアライブラリから選びます。写真を選択すると、記事内に画像が挿入されます。
最後に、写真のサイズや配置、代替テキストなどを必要に応じて設定し、記事を保存または公開します。
1-3. メディアライブラリに写真をアップロードする方法
写真を先にメディアライブラリへアップロードしておく方法もあります。複数の写真をまとめて管理したい場合や、後から複数の記事で使いたい場合に便利です。
管理画面の左メニューから「メディア」→「新しいメディアファイルを追加」をクリックします。画面に表示されるアップロードエリアへ写真をドラッグ＆ドロップするか、「ファイルを選択」ボタンから写真を選びます。
アップロードが完了すると、その写真はメディアライブラリに保存されます。メディアライブラリでは、アップロード日、ファイル名、画像サイズ、添付ファイルの詳細などを確認できます。
写真をアップロードする前には、できるだけファイル名を英数字にしておくことをおすすめします。たとえば「IMG_001.jpg」よりも「wordpress-photo-upload.jpg」のように、内容がわかるファイル名にすると管理しやすくなります。
1-4. アップロード済みの写真を記事に挿入する方法
すでにメディアライブラリにアップロード済みの写真を記事に挿入する場合は、記事編集画面で画像ブロックを追加し、「メディアライブラリ」を選択します。
表示された画像一覧から使いたい写真をクリックし、必要に応じて代替テキスト、タイトル、キャプションなどを入力します。その後、「選択」または「挿入」ボタンをクリックすると、記事内に写真が表示されます。
過去に使った写真を再利用したい場合も、この方法で簡単に挿入できます。ただし、同じ写真を何度も使う場合は、読者にとって違和感がないか、記事内容に合っているかを確認しましょう。
2. WordPressの記事内に写真を表示する方法
WordPressでは、画像ブロックを使うことで簡単に記事内へ写真を表示できます。写真はただ挿入するだけでなく、サイズや配置、リンク、キャプションなどを調整することで、より読みやすく見栄えのよい記事になります。
2-1. ブロックエディターで画像ブロックを使う方法
現在のWordPressでは、ブロックエディターを使って記事を作成するのが一般的です。ブロックエディターでは、文章、見出し、画像、ボタン、表などをそれぞれ「ブロック」として追加します。
写真を入れるには、記事編集画面で写真を入れたい位置にカーソルを置き、「＋」ボタンをクリックします。ブロック一覧から「画像」を選択すると、画像ブロックが追加されます。
画像ブロックでは、「アップロード」「メディアライブラリ」「URLから挿入」のいずれかを選べます。パソコン内の写真を新しく入れる場合は「アップロード」、すでにWordPressに保存されている写真を使う場合は「メディアライブラリ」を選びます。
写真が挿入されたら、記事内でどのように表示されるかをプレビューで確認しましょう。編集画面では問題なく見えていても、実際の公開ページではテーマや画面幅によって見え方が変わることがあります。
2-2. 写真のサイズ・配置・リンク設定を変更する方法
写真を挿入した後は、サイズや配置を調整できます。画像ブロックをクリックすると、画面右側の設定パネルや画像上部のツールバーから設定を変更できます。
写真の配置は、左寄せ、中央寄せ、右寄せ、幅広、全幅などから選べます。ただし、使用しているテーマによっては幅広や全幅が反映されない場合もあります。
サイズは、サムネイル、中、大、フルサイズなどから選択できます。大きすぎる画像をそのまま表示するとページの読み込みが遅くなることがあるため、記事内では必要以上に大きなサイズを使わないようにしましょう。
リンク設定では、画像をクリックした時の動作を指定できます。リンクなし、メディアファイルへのリンク、添付ファイルページへのリンク、任意のURLへのリンクなどがあります。特に理由がなければ、画像に不要なリンクは設定しないほうが読者にとってわかりやすいです。
2-3. 複数の写真をギャラリー表示する方法
複数の写真を並べて表示したい場合は、ギャラリーブロックを使うと便利です。旅行記、イベントレポート、施工事例、商品紹介など、写真をまとめて見せたい時に向いています。
ギャラリーを作るには、記事編集画面で「＋」ボタンをクリックし、「ギャラリー」ブロックを選択します。その後、複数の写真をアップロードするか、メディアライブラリから複数枚を選択します。
ギャラリーブロックでは、カラム数や画像の切り抜き設定を変更できます。たとえば、3列表示にすれば写真を整然と並べられます。ただし、スマホでは画面幅が狭いため、パソコン表示とスマホ表示の両方を確認することが大切です。
写真の枚数が多すぎるとページが重くなるため、必要な写真だけを厳選しましょう。すべての写真を載せるよりも、記事内容に合う写真を選んだほうが読者に伝わりやすくなります。
2-4. カバー画像やアイキャッチ画像として写真を使う方法
WordPressでは、記事内に写真を入れるだけでなく、カバー画像やアイキャッチ画像として写真を使うこともできます。
カバー画像は、文字を重ねて大きく表示できる画像ブロックです。記事の冒頭やセクションの区切りで使うと、視覚的なインパクトを出せます。カバーブロックを追加し、背景にしたい写真を選択すれば設定できます。
アイキャッチ画像は、記事の代表画像として使われる写真です。ブログ一覧ページ、関連記事、SNSでシェアされた時の表示などに使われることがあります。設定するには、投稿編集画面の右側にある「アイキャッチ画像」から写真を選択します。
アイキャッチ画像は記事の第一印象を左右する重要な要素です。記事内容と関係のある写真を選び、文字が入っている場合は小さな画面でも読みやすいか確認しましょう。
3. WordPressに写真をアップロードできない時の原因と対処法
WordPressに写真を入れようとしても、アップロードできないことがあります。原因は、画像ファイルの形式や容量、ファイル名、サーバー設定、プラグインやテーマの影響などさまざまです。まずは原因を一つずつ確認していきましょう。
3-1. 画像ファイルの形式や容量を確認する
写真をアップロードできない時は、まず画像ファイルの形式を確認しましょう。WordPressでは一般的にJPEG、PNG、GIF、WebPなどの画像形式が使われます。ただし、環境によっては一部の形式が正しく扱えない場合があります。
スマホやカメラで撮影した写真は、容量が非常に大きいことがあります。たとえば、1枚あたり数MBから十数MBになることもあり、サーバーのアップロード上限を超えるとエラーが発生します。
アップロードできない場合は、写真をJPEGやWebPなどの扱いやすい形式に変換し、容量を小さくしてから再度アップロードしてみましょう。画像編集ソフトやオンライン圧縮ツールを使えば、見た目を大きく損なわずに容量を減らせます。
3-2. ファイル名に日本語や記号が含まれていないか確認する
写真のファイル名に日本語、空白、特殊記号が含まれていると、アップロードや表示で問題が起きることがあります。特に、サーバー環境やプラグインによっては、文字化けやリンク切れの原因になる場合があります。
たとえば「旅行 写真①.jpg」のようなファイル名は避け、「travel-photo-01.jpg」のように半角英数字とハイフンで構成すると安全です。
ファイル名を変更する時は、アップロード前にパソコンやスマホ上で変更しておくのが基本です。すでにWordPressへアップロードした画像のファイル名を後から変更する場合は、画像URLが変わる可能性があるため注意しましょう。
3-3. サーバーのアップロード上限を確認する
WordPressでは、サーバー側でアップロードできるファイルサイズの上限が決まっています。上限を超える写真をアップロードしようとすると、「アップロードしたファイルは php.ini で定義された upload_max_filesize を超過しています」などのエラーが表示されることがあります。
アップロード上限は、WordPress管理画面の「メディア」→「新しいメディアファイルを追加」で確認できる場合があります。そこに「最大アップロードサイズ」が表示されていれば、その容量を超えるファイルはアップロードできません。
対処法としては、写真の容量を圧縮する、サーバーの設定を変更する、レンタルサーバーの管理画面から上限を引き上げるなどがあります。自分で設定変更が難しい場合は、利用しているサーバー会社のヘルプを確認しましょう。
3-4. プラグインやテーマの影響を確認する
画像アップロードの不具合は、プラグインやテーマが原因で発生することもあります。特に、画像最適化プラグイン、セキュリティプラグイン、キャッシュプラグインなどは、アップロード処理に影響する場合があります。
原因を確認するには、まず最近追加・更新したプラグインがないかを思い出しましょう。心当たりがある場合は、一時的にプラグインを無効化して、写真をアップロードできるか確認します。
テーマが原因の可能性がある場合は、標準テーマに一時的に切り替えて確認する方法もあります。ただし、公開中のサイトでテーマを変更すると見た目に影響が出るため、できればバックアップを取ったうえで慎重に作業しましょう。
4. WordPressで写真が表示されない時の原因と対処法
WordPressに写真をアップロードできても、記事内やトップページで写真が表示されないことがあります。画像が真っ白になる、リンク切れアイコンが出る、スマホだけ表示されないなど、症状によって原因は異なります。
4-1. 写真のURLや保存場所が間違っていないか確認する
写真が表示されない時は、まず画像URLが正しいか確認しましょう。記事内の画像は、WordPressに保存されている画像ファイルのURLをもとに表示されています。そのURLが間違っていると、ブラウザは画像を読み込めません。
画像を右クリックして「画像アドレスをコピー」または「新しいタブで画像を開く」を試してみると、画像URLが確認できます。新しいタブで画像が表示されない場合は、URLや保存場所に問題がある可能性があります。
サイト移転やドメイン変更を行った後に写真が表示されなくなった場合は、古いドメインのURLが記事内に残っていることがあります。その場合は、データベース内のURL置換や、移行プラグインの設定を見直す必要があります。
4-2. メディアライブラリから画像が削除されていないか確認する
記事内に写真を表示していても、元の画像ファイルがメディアライブラリやサーバー上から削除されると、画像は表示されなくなります。
記事編集画面で画像が表示されていない場合は、メディアライブラリを開き、該当する写真が残っているか確認しましょう。削除されている場合は、同じ写真を再アップロードし、記事内の画像を差し替える必要があります。
注意したいのは、記事から画像ブロックを削除しても、メディアライブラリの画像ファイルは通常そのまま残るという点です。一方で、メディアライブラリから完全に削除すると、その画像を使っていた記事では表示されなくなります。
4-3. キャッシュが原因で反映されない場合の対処法
写真を差し替えたのに古い写真が表示される、画像を追加したのに画面に反映されないという場合は、キャッシュが原因かもしれません。
キャッシュとは、一度読み込んだデータを一時的に保存し、次回以降の表示を速くする仕組みです。ブラウザ、WordPressのキャッシュプラグイン、サーバー、CDNなど、複数の場所でキャッシュが使われることがあります。
対処法としては、まずブラウザの更新ボタンを押す、シークレットウィンドウで確認する、ブラウザキャッシュを削除するなどを試します。次に、キャッシュプラグインを使っている場合は、プラグインの設定画面からキャッシュを削除します。
サーバー側やCDN側のキャッシュが原因の場合は、レンタルサーバーの管理画面やCDNサービスの設定画面からキャッシュをクリアしましょう。
4-4. HTTPS化や混在コンテンツによる画像非表示の対処法
サイトをHTTPS化した後に写真が表示されない場合は、混在コンテンツが原因の可能性があります。混在コンテンツとは、HTTPSのページ内でHTTPの画像やスクリプトを読み込んでいる状態のことです。
たとえば、サイトURLは「https://」になっているのに、画像URLが「http://」のままだと、ブラウザによっては画像が正しく表示されない場合があります。
対処法としては、WordPressの一般設定で「WordPressアドレス」と「サイトアドレス」がhttpsになっているか確認します。さらに、記事内やデータベース内に古いhttpの画像URLが残っている場合は、httpsに置き換えます。
SSL化プラグインやURL置換プラグインを使う方法もありますが、誤った置換を行うとサイト表示に影響するため、必ずバックアップを取ってから作業しましょう。
4-5. テーマやCSSの影響で写真が見えない場合の確認方法
画像ファイル自体は存在しているのに、ページ上で写真が見えない場合は、テーマやCSSの影響で非表示になっている可能性があります。
たとえば、CSSで画像に「display: none;」が設定されていたり、透明度が0になっていたり、親要素の高さがなくなっていたりすると、画像が存在していても画面上では見えません。
確認するには、ブラウザの検証ツールを使う方法があります。画像部分を右クリックして「検証」を選ぶと、HTMLやCSSの状態を確認できます。初心者には少し難しいかもしれませんが、テーマを変更した直後やCSSをカスタマイズした後に画像が見えなくなった場合は、この原因を疑いましょう。
一時的に別テーマへ切り替えて表示されるか確認する方法もあります。ただし、本番サイトでのテーマ変更は見た目に大きく影響するため、慎重に行う必要があります。
5. WordPressの写真をきれいに見せる設定
WordPressに写真を入れるだけなら簡単ですが、きれいに見せるにはサイズ、縦横比、トリミング、スマホ表示、軽量化などを意識することが大切です。写真の見せ方を整えることで、記事全体の印象が大きく変わります。
5-1. 写真の推奨サイズと縦横比
WordPressで使う写真のサイズは、表示する場所によって変えるのが基本です。記事内に横長で表示する写真なら、横幅1200px前後を目安にすると扱いやすいです。アイキャッチ画像の場合は、テーマが推奨しているサイズに合わせるのが理想です。
縦横比も重要です。記事内で複数の写真を使う場合、縦長、横長、正方形が混在しすぎると見た目が不揃いになります。特にギャラリー表示や記事一覧では、縦横比をそろえると整った印象になります。
よく使われる縦横比には、16:9、4:3、1:1などがあります。ブログ記事のメイン画像には16:9、商品写真には1:1、説明用の写真には4:3が使いやすいでしょう。
5-2. 画像のトリミング・リサイズ方法
写真をきれいに見せるには、不要な部分を切り取るトリミングや、適切なサイズに縮小するリサイズが役立ちます。
WordPressのメディア編集機能でも、簡単なトリミング、回転、反転、縮尺変更ができます。メディアライブラリで画像を選択し、「画像を編集」をクリックすると編集画面が表示されます。
ただし、細かい加工や画質調整をしたい場合は、アップロード前に画像編集ソフトやアプリで調整しておくほうがきれいに仕上がります。明るさ、色味、傾き、余白などを整えてからWordPressにアップロードすると、記事全体の品質が上がります。
リサイズする際は、実際に表示するサイズよりも極端に大きな画像を使わないようにしましょう。たとえば、記事内で横幅800px程度に表示する写真に、横幅4000pxの画像を使う必要はありません。
5-3. スマホでも見やすい写真表示にするポイント
現在はスマホでブログを読む人が多いため、写真もスマホ表示を前提に確認することが大切です。パソコンではきれいに見えていても、スマホでは写真が小さすぎたり、文字入り画像の文字が読めなかったりすることがあります。
スマホでも見やすくするには、写真の主題を中央に配置し、細かすぎる情報を詰め込まないことがポイントです。特にアイキャッチ画像やカバー画像に文字を入れる場合は、小さな画面でも読める大きさにしましょう。
また、横長すぎる写真はスマホで高さが小さくなり、印象が弱くなることがあります。必要に応じて、スマホでも見やすい縦横比に調整しましょう。
記事公開前には、WordPressのプレビュー機能や実際のスマホで表示を確認することをおすすめします。画像が画面からはみ出していないか、読み込みが遅くないか、タップしにくい部分がないかを確認しましょう。
5-4. 写真の画質を保ちながら軽量化する方法
写真の画質を保ちながらページを軽くするには、画像圧縮が欠かせません。容量の大きい写真をそのまま使うと、ページの読み込みが遅くなり、読者が離脱しやすくなります。
軽量化の基本は、まず適切なサイズにリサイズすることです。そのうえで、画像圧縮ツールや画像最適化プラグインを使って容量を減らします。
JPEGは写真に向いており、圧縮しても比較的自然な見た目を保ちやすい形式です。PNGは透過画像や図解に向いていますが、写真に使うと容量が大きくなりやすいです。WebPは高画質と軽量化を両立しやすいため、対応環境であれば積極的に活用したい形式です。
ただし、圧縮しすぎると写真がぼやけたり、ノイズが目立ったりすることがあります。画質と容量のバランスを見ながら調整しましょう。
6. WordPressの写真をSEOに強くするコツ
WordPressの写真は、見た目を良くするだけでなく、SEOにも関係します。画像検索からの流入、ページ表示速度、ユーザー体験、アクセシビリティなどに影響するため、写真を入れる時はSEOを意識した設定を行いましょう。
6-1. 画像のファイル名をわかりやすくする
画像のファイル名は、写真の内容がわかる名前にしておくと管理しやすく、SEOの観点でも有利です。
たとえば、WordPressで写真をアップロードする手順を説明する画像なら、「wordpress-photo-upload.jpg」のようなファイル名にします。「IMG_1234.jpg」や「スクリーンショット 2026-01-01.png」のような名前では、画像の内容がわかりにくくなります。
ファイル名は、半角英数字とハイフンを使うのがおすすめです。日本語や空白、記号を含むファイル名は避けたほうが安全です。
画像をアップロードした後にファイル名を変更するのは手間がかかるため、WordPressに入れる前に整理しておきましょう。
6-2. alt属性を設定する
alt属性とは、画像の代替テキストのことです。画像が表示されない時や、スクリーンリーダーでページを読み上げる時に、画像の内容を伝える役割があります。
WordPressでは、画像を選択した時に「代替テキスト」を入力できます。ここに写真の内容を簡潔に説明する文章を入れましょう。
たとえば、WordPressのメディアライブラリ画面の写真なら、「WordPressのメディアライブラリで写真を選択している画面」のように具体的に書きます。
ただし、SEOキーワードを不自然に詰め込む必要はありません。「ワードプレス 写真 ワードプレス 写真 アップロード」のような不自然なalt属性は避け、画像の内容を正確に説明することを意識しましょう。
6-3. 写真の容量を圧縮して表示速度を改善する
写真の容量が大きいと、ページの表示速度が遅くなります。表示速度が遅いページは、読者にストレスを与え、離脱率が高くなる原因になります。
SEOを意識するなら、写真の容量はできるだけ軽くすることが重要です。アップロード前に画像を圧縮する、WordPressの画像最適化プラグインを使う、必要以上に大きな画像を使わないなどの対策を行いましょう。
特に、スマホ回線で閲覧する読者を考えると、1ページ内に大きな写真を何枚も入れるのは避けたいところです。写真を多く使う記事では、画像の枚数と容量の両方を確認しましょう。
6-4. WebP形式を活用する
WebPは、画像の品質を保ちながら容量を小さくしやすい画像形式です。JPEGやPNGより軽くできる場合が多く、ページ表示速度の改善に役立ちます。
WordPressでは、環境によってWebP画像をアップロードして使うことができます。また、画像最適化プラグインを使えば、JPEGやPNGをWebPに変換して配信できる場合もあります。
ただし、WebPを使う場合も、元画像の管理には注意が必要です。古いブラウザや一部の環境で表示に問題がないか、使用しているテーマやプラグインとの相性を確認しましょう。
初心者の場合は、まずJPEGやPNGを適切に圧縮して使い、慣れてきたらWebP対応を進めるのもよい方法です。
6-5. 画像サイトマップや構造化データの基本
画像SEOをさらに強化したい場合は、画像サイトマップや構造化データも意識しましょう。
画像サイトマップは、検索エンジンにサイト内の画像情報を伝えるための仕組みです。SEOプラグインを使っている場合、通常のサイトマップに画像情報が含まれることがあります。
構造化データは、ページの内容を検索エンジンにわかりやすく伝えるためのマークアップです。たとえば、レシピ記事、商品レビュー、イベント情報などでは、画像が構造化データの一部として使われることがあります。
初心者のうちは難しく感じるかもしれませんが、SEOプラグインやテーマが対応している場合もあります。まずは、画像のファイル名、alt属性、容量圧縮、表示速度の改善といった基本をしっかり行うことが大切です。
7. WordPressの写真管理を効率化する方法
WordPressで記事を増やしていくと、メディアライブラリ内の写真もどんどん増えていきます。写真が増えると、目的の画像を探しにくくなったり、不要な画像が容量を圧迫したりします。日頃から整理しやすい状態を作っておきましょう。
7-1. メディアライブラリで写真を整理する方法
WordPressのメディアライブラリでは、アップロードした写真を一覧で確認できます。表示形式はグリッド表示とリスト表示があり、用途に応じて切り替えられます。
写真を探す時は、検索欄にファイル名やタイトルを入力すると見つけやすくなります。そのため、アップロード時にわかりやすいファイル名やタイトルを付けておくことが重要です。
標準のWordPressでは、メディアライブラリをフォルダ分けする機能は限られています。大量の写真を扱うサイトでは、メディア管理プラグインを使ってフォルダ風に整理する方法もあります。
たとえば、商品写真、ブログ用写真、アイキャッチ画像、ロゴ・バナーなど、用途ごとに整理できると、後から画像を探す時間を減らせます。
7-2. 不要な写真を削除する時の注意点
メディアライブラリに不要な写真が増えたら削除したくなりますが、削除前には注意が必要です。メディアライブラリから画像を完全に削除すると、その画像を使っていた記事や固定ページで表示されなくなります。
特に、過去の記事で使っている写真かどうかを確認せずに削除すると、気づかないうちにリンク切れ画像が発生することがあります。
削除する前には、画像がどの記事で使われているかを確認しましょう。WordPressの管理画面だけでは完全に把握しにくい場合もあるため、画像管理プラグインやリンク切れチェックツールを使うと便利です。
また、削除前にはバックアップを取っておくと安心です。誤って必要な写真を削除してしまった場合でも、バックアップがあれば復元できる可能性があります。
7-3. 写真管理に役立つプラグイン
WordPressには、写真管理を効率化するためのプラグインが多数あります。用途に応じて導入すると、メディアライブラリの整理や画像最適化がしやすくなります。
画像圧縮プラグインを使えば、アップロード時に自動で写真を圧縮できます。過去にアップロードした画像をまとめて最適化できるプラグインもあります。
メディアフォルダ系のプラグインを使えば、写真をフォルダのように分類できます。大量の写真を扱うサイトや、複数人で運営しているサイトでは特に便利です。
リンク切れチェック系のプラグインを使えば、表示されなくなった画像や壊れたリンクを見つけやすくなります。
ただし、プラグインを入れすぎるとサイトが重くなったり、不具合の原因になったりすることがあります。本当に必要な機能を見極め、信頼できるプラグインを選びましょう。
7-4. バックアップを取ってから写真を整理する重要性
写真を大量に削除したり、画像最適化プラグインで一括圧縮したりする前には、必ずバックアップを取りましょう。
画像ファイルは、記事本文と同じくらい大切なサイト資産です。特に、自分で撮影した写真、商品写真、施工事例、ポートフォリオ画像などは、失ってしまうと再取得が難しい場合があります。
バックアップは、WordPress全体のバックアップだけでなく、uploadsフォルダなど画像が保存されている場所も含めて行う必要があります。レンタルサーバーの自動バックアップ機能や、バックアッププラグインを活用すると安心です。
画像整理は、サイトを軽くしたり管理しやすくしたりするために有効ですが、誤削除のリスクもあります。作業前のバックアップを習慣にしましょう。
8. WordPressに写真を入れる時の注意点
WordPressに写真を入れる時は、操作方法だけでなく、著作権、個人情報、ページ速度などにも注意が必要です。写真は便利な一方で、使い方を誤るとトラブルにつながる可能性があります。
8-1. 著作権・利用規約を確認する
インターネット上にある写真は、自由に使えるとは限りません。他人が撮影した写真、企業サイトの商品画像、SNSに投稿された画像などには、基本的に著作権があります。
無断で写真を使用すると、著作権侵害になる可能性があります。ブログ記事に写真を入れる場合は、自分で撮影した写真、利用許可を得た写真、商用利用可能な素材サイトの写真などを使いましょう。
フリー素材サイトを使う場合でも、利用規約を必ず確認してください。商用利用の可否、クレジット表記の必要性、加工の可否、再配布の禁止など、サイトごとにルールが異なります。
8-2. フリー素材や自分で撮影した写真を使う時の注意点
フリー素材を使う場合は、記事内容に合った写真を選ぶことが大切です。きれいな写真でも、記事の内容と関係が薄いと読者に違和感を与えます。
また、フリー素材は多くのサイトで使われているため、他サイトと似た印象になりやすいというデメリットもあります。独自性を出したい場合は、自分で撮影した写真や、オリジナルの図解を使うのがおすすめです。
自分で撮影した写真を使う場合も、写り込んでいる人物、店舗、商品、看板などに注意しましょう。許可なく人物がはっきり写っている写真を公開すると、プライバシーや肖像権の問題になることがあります。
8-3. 個人情報や位置情報が写り込んだ写真への配慮
写真には、意図せず個人情報が写り込むことがあります。たとえば、車のナンバープレート、表札、名札、書類、パソコン画面、郵便物、学校名、位置情報がわかる看板などです。
ブログに写真を掲載する前に、個人情報が写り込んでいないか確認しましょう。必要に応じて、モザイク加工やトリミングを行います。
また、スマホやカメラで撮影した写真には、位置情報などのメタデータが含まれている場合があります。自宅や職場など、公開したくない場所で撮影した写真を使う場合は、位置情報が削除されているか確認すると安心です。
8-4. 写真を入れすぎるとページが重くなる理由
写真を多く入れると、記事は見やすくなりますが、入れすぎるとページが重くなります。画像ファイルはテキストよりもデータ量が大きいため、枚数が増えるほど読み込みに時間がかかります。
ページが重いと、読者が表示を待てずに離脱する可能性があります。特にスマホ回線では、写真が多いページほど読み込みに時間がかかりやすくなります。
写真を多く使う場合は、画像を圧縮する、必要な写真だけに絞る、遅延読み込みを活用する、ギャラリー表示にするなどの工夫をしましょう。
写真は記事をわかりやすくするためのものです。読者にとって本当に必要な写真を選び、文章とのバランスを意識することが大切です。
9. WordPressの写真に関するよくある質問
ここでは、WordPressで写真を入れる時によくある疑問に答えます。初心者がつまずきやすいポイントを確認しておきましょう。
9-1. WordPressで使える画像形式は？
WordPressでは、一般的にJPEG、PNG、GIF、WebPなどの画像形式が使われます。写真にはJPEGやWebP、透過画像やロゴにはPNG、簡単なアニメーションにはGIFが使われることが多いです。
ただし、使用しているWordPressのバージョン、サーバー環境、プラグインによって扱える形式が異なる場合があります。アップロードできない画像形式がある場合は、JPEGやPNGなど一般的な形式に変換して試してみましょう。
9-2. 写真の適切な容量はどれくらい？
写真の適切な容量は、表示する場所や画像の内容によって異なりますが、記事内画像ならできるだけ軽くすることが基本です。目安としては、1枚あたり数百KB程度に抑えられると扱いやすいです。
ただし、画質を重視するポートフォリオサイトや写真ギャラリーでは、ある程度の画質も必要です。画質と表示速度のバランスを見ながら調整しましょう。
重要なのは、カメラやスマホで撮影した大容量の写真をそのままアップロードしないことです。アップロード前にリサイズや圧縮を行い、Web表示に適した状態にしておきましょう。
9-3. アイキャッチ画像と記事内画像の違いは？
アイキャッチ画像は、記事の代表画像として使われる写真です。ブログ一覧、関連記事、SNSシェア時の画像などに表示されることがあります。
記事内画像は、本文の中に挿入する写真です。説明を補足したり、手順をわかりやすくしたり、読者の理解を助けたりする役割があります。
アイキャッチ画像は記事全体の印象を決める画像、記事内画像は本文の内容を補足する画像と考えるとわかりやすいです。どちらも記事内容と関連性の高い写真を選びましょう。
9-4. スマホからWordPressに写真を入れられる？
スマホからでもWordPressに写真を入れることはできます。スマホのブラウザでWordPress管理画面にログインし、投稿編集画面から画像をアップロードできます。
また、WordPressの公式アプリを使えば、スマホで撮影した写真をそのまま記事に挿入することも可能です。外出先でブログを更新したい場合や、撮影した写真をすぐに投稿したい場合に便利です。
ただし、スマホで撮影した写真は容量が大きいことがあります。アップロード前にリサイズや圧縮を行うと、ページが重くなりにくくなります。
9-5. 写真を差し替えても表示が変わらない時はどうする？
写真を差し替えたのに表示が変わらない場合は、キャッシュが原因の可能性があります。まずはブラウザを更新し、シークレットウィンドウや別の端末で確認してみましょう。
それでも変わらない場合は、WordPressのキャッシュプラグイン、サーバーキャッシュ、CDNキャッシュを削除します。
また、同じファイル名で画像を上書きした場合、古い画像がキャッシュに残りやすくなります。確実に差し替えたい場合は、新しいファイル名でアップロードし、記事内の画像を選び直す方法がおすすめです。
まとめ
WordPressで写真を入れる方法は、基本を覚えれば難しくありません。記事編集画面で画像ブロックを追加し、写真をアップロードまたはメディアライブラリから選択すれば、簡単に記事内へ表示できます。
ただし、写真をきれいに見せたり、トラブルを防いだり、SEOに強くしたりするには、いくつかのポイントを押さえる必要があります。画像のファイル名をわかりやすくする、alt属性を設定する、容量を圧縮する、スマホ表示を確認する、著作権や個人情報に配慮するなど、基本的な対策を行いましょう。
また、写真がアップロードできない時や表示されない時は、ファイル形式、容量、ファイル名、サーバー設定、キャッシュ、HTTPS設定、テーマやプラグインの影響を一つずつ確認することが大切です。
WordPressの写真は、記事の読みやすさや印象を大きく左右します。適切な写真を選び、正しく設定し、読者にとってわかりやすく快適なページを作りましょう。