WordPress画像移行の手順と注意点を初心者向けに解説

ブログの引っ越し作業で最も手間がかかるのが画像の移行です。

記事本文は無事にインポートできても、画像だけが表示されない状態になってしまうことがあります。

この記事では、noteなどの無料ブログサービスからWordPressへ画像を正しく移行する具体的な手順と、途中で起こりがちなトラブルの対処法を詳しく解説していきます。

画像が表示されなくなる理由を理解する

ブログを引っ越したのに画像だけが表示されない経験をした人は多いはずです。

この問題が起こる背景には、画像ファイルの保存場所とURLの仕組みが関係しています。

画像ファイルは移行元のサーバーに残ったまま

記事をエクスポートしてWordPressにインポートしても、実は画像ファイル自体は元のブログサービスのサーバーに置かれたままになっています。

記事本文には、その画像がある場所を示すURL、つまり住所が書かれているだけです。

引っ越し後も元のブログを削除せずに残しておけば、画像は表示され続けます。

ところが元のブログを削除したり、サービス側がファイルを削除したりすると、その住所にはもう何もない状態になってしまいます。結果として、記事を開いても画像が表示されず、壊れた画像アイコンだけが残る状態になります。

記事内のURLは古い住所を参照している

もう一つの問題は、記事本文に埋め込まれたURLが古いままになっていることです。

インポートした記事を開いて画像部分のHTMLを確認すると、元のブログサービスのドメイン名が含まれた長いURLが書かれています。

これを新しいWordPressのサーバー上の画像を指すURLに書き換えない限り、いくら画像ファイルをアップロードしても表示されません。

記事が数本程度なら手作業でも対応できますが、何十本、何百本とある場合は、一つずつ書き換えていくのは現実的ではありません。

サーバーへ画像をアップロードする準備

画像を正しく表示させるには、まず画像ファイルそのものをWordPressのサーバーにアップロードする必要があります。

そのための準備を整えていきます。

エクスポートしたassetsフォルダの中身を確認する

noteなどのブログサービスからエクスポートした際、記事データと一緒にassetsという名前のフォルダがダウンロードされているはずです。

このフォルダを開くと、ブログで使っていた画像ファイルが全て保存されています。

ファイル名は元のブログサービスが自動的につけたもので、ランダムな英数字の組み合わせになっていることが多く、どの記事の画像なのか見分けがつきにくい状態です。

それでも、このフォルダに入っている画像を丸ごとサーバーにアップロードすることで、後から記事との紐付けができるようになります。

アップロード先のフォルダ構造を把握する

WordPressでは、画像やファイルは決まった場所に保存されるルールがあります。

具体的には、サーバー内のWordPressがインストールされているフォルダの中に「wp-content」というフォルダがあり、その中の「uploads」というフォルダが画像の保存場所です。

ConoHa WINGのようなレンタルサーバーを使っている場合、ファイルマネージャーという機能を使えば、ブラウザ上でこのフォルダ構造を確認できます。FTPソフトをインストールする手間もなく、ドラッグ&ドロップで簡単にファイルをアップロードできるため、初心者にとっては最も扱いやすい方法です。

ファイルマネージャーを使った画像のアップロード手順

準備が整ったら、実際にassetsフォルダをサーバーにアップロードしていきます。

この作業は慎重に進めることで、後のトラブルを避けられます。

ConoHa WINGの管理画面からファイルマネージャーにアクセスする

ConoHa WINGにログインしたら、管理画面のメニューから「サイト管理」を選び、その中に「ファイルマネージャー」という項目があります。

これをクリックすると、サーバー内のフォルダとファイルが一覧で表示されます。

最初に表示されるのは「public_html」というフォルダで、この中にWordPressのファイルが全て入っています。

フォルダをダブルクリックして開いていき、「wp-content」フォルダ、その中の「uploads」フォルダまで進んでください。この「uploads」フォルダが、画像をアップロードする最終的な場所になります。

assetsフォルダをそのままアップロードする

uploadsフォルダを開いたら、画面上部に「アップロード」というボタンがあるはずです。

これをクリックすると、パソコン内のファイルを選択する画面が開きます。

ここで重要なのは、assetsフォルダの中身を一つずつ選ぶのではなく、assetsフォルダそのものを選んでアップロードすることです。

フォルダごとアップロードすることで、後から記事内のURLを書き換える際に、パスの構造が分かりやすくなります。

アップロードには時間がかかることがあります。

画像の枚数が多ければ多いほど時間がかかるため、途中でブラウザを閉じたり、他の操作をしたりせず、完了するまで待ちましょう。

アップロードが完了すると、uploadsフォルダの中にassetsフォルダが新しく表示されます。

記事内の画像URLを一括で書き換える方法

画像ファイルをサーバーにアップロードしただけでは、記事には表示されません。

記事本文に書かれた古いURLを、新しいサーバー上のURLに書き換える作業が必要です。

Better Search Replaceプラグインをインストールする

URLの書き換えを手作業で行うのは非現実的なため、専用のプラグインを使います。

WordPressの管理画面から「プラグイン」メニューを開き、「新規追加」をクリックしてください。

検索窓に「Better Search Replace」と入力すると、該当するプラグインが表示されます。

「今すぐインストール」をクリックし、インストールが完了したら「有効化」ボタンを押してください。これでプラグインが使える状態になります。

古いURLと新しいURLを正確に入力する

プラグインを有効化すると、「ツール」メニューの中に「Better Search Replace」という項目が追加されます。

これを開くと、URLを置き換えるための入力画面が表示されます。

「Search for」という欄には、元のブログサービスでの画像URLを入力します。

noteの場合であれば、「https://assets.st-note.com/」のような形式です。

エクスポートした記事ファイルをテキストエディタで開いて確認すると、画像のURLがどのような形式になっているか分かります。

「Replace with」という欄には、新しいWordPressでの画像URLを入力します。

これは「https://あなたのドメイン名/wp-content/uploads/assets/」という形式になります。

最後のスラッシュまで忘れずに入力してください。

「Select tables」という項目では、「wp_posts」にチェックを入れます。

これは記事本文が保存されているデータベースのテーブルを指定するものです。

最初は必ず「Run as dry run?」にチェックを入れた状態で「Run Search/Replace」ボタンを押してください。

これはテスト実行で、実際にはデータを書き換えず、どれだけの箇所が置き換えられるかを確認できます。

結果が表示されたら、置き換え対象の件数が想定通りか確認しましょう。

問題がなければ、「Run as dry run?」のチェックを外して、もう一度「Run Search/Replace」ボタンを押します。

これで実際にデータベース内のURLが書き換えられます。

移行後の確認作業と注意点

URL書き換えが完了したら、実際に記事を開いて画像が正しく表示されているか確認していきます。

この確認作業を怠ると、後から大きな問題に気づくことになります。

複数の記事を開いて画像の表示を確認する

WordPressの管理画面から「投稿一覧」を開き、いくつかの記事をランダムに選んで表示してみてください。

画像がある記事を優先的に選び、画像が壊れたアイコンになっていないか、正しく表示されているか確認します。

もし一部の画像が表示されない場合、URLの書き換えがうまくいっていない可能性があります。

その記事の編集画面を開き、画像部分のHTMLコードを確認してください。画像のsrc属性に書かれているURLが、新しいサーバー上のパスになっているかチェックします。

元のブログサービスは移行完了まで削除しない

画像の移行が完了し、全ての記事で画像が正しく表示されることを確認するまでは、元のブログサービスのアカウントを削除してはいけません。

万が一、移行作業に失敗していた場合、元のブログに戻って画像を再取得する必要が出てくるからです。

完全に移行が完了し、数週間から1ヶ月程度運用して問題がないことを確認してから、元のブログの削除を検討しましょう。

それまでは、元のブログを非公開にしておくだけで十分です。

おわりに

画像の移行は、ブログ引っ越しの中で最も手間がかかる作業の一つですが、手順を正しく理解して進めれば、確実に完了できます。

ファイルマネージャーでのアップロードとプラグインを使ったURL書き換えという2つのステップを踏むことで、元のブログと同じように画像が表示される状態を作り出せます。

移行作業は一度きりのものですが、その後のブログ運営においては、画像が正しく表示されることが記事の質を大きく左右します。

時間をかけてでも丁寧に作業を進め、読者にとって快適な閲覧環境を整えることが、長期的なブログの成功につながっていきます。