FTPでアップロードした画像ファイルがWordPressのメディアライブラリで表示されない現象と対処法

浜辺 お小遣いブロガーQA

 FTPでアップロードした画像ファイルがWordPressのメディアライブラリで表示されない現象が起きました。原因を突き止め解決するまで苦労した。そこで今回は、この不具合を考えてみます。

 

原因を突き止めるまで苦労した

 この不具合、ググっても、なかなかピンとくる記事を見つけられず、複雑だったので原因がわかり、解決するまで苦労しました。

 そんなこともあり、いちおう備忘録としてまとめました。参考にしてください。

 

 -PR-

 

この記事の対象者

 この記事の対象者は、WordPressでブログをしていて、ある程度、ネットワークやサーバー、またはコンピュータの知識がある人を対象とします。

まあ、中級者レベルといったところでしょうか。

 

僕はいちおう元SEだったので、簡単なコンピュータ知識などはあります

 

 

僕の事例

 僕の事例としては、今まで運営していたブログサイトがあり、そのドメインを新しく変更したくなった。

そこで、新ドメインを取得して、WordPressをインストールして作り替え。移転していた。その一環で今回の不具合が発生しました。

 

[関連記事]
1件目以降の新ドメインを取得するときの注意事項(新ドメイン取得の知識)
忘れがち!WordPressでFTP接続するときのパスワード確認と設定方法

 

 

時系列でお話し

 この記事ですが、今回は時系列でお話ししていきます。なので、対処法は最後の方になります。

一読して全体を理解していただけたらと思います。それでは一連の流れをスタート。

 

 

サイトの移転作業

 サイトのドメイン変更によるWordPressの移転。まず旧サイトで以下のバックアップ作業をしました。

 

[旧サイトでのバックアップ作業]

① FTPによる画像フォルダー(uploads)のダウンロード
② 記事データのエクスポート

 

 次にローカルPCで以下の変更をしました。

 

[ローカルPCでの修正作業]

① 画像フォルダー(uploads)はそのまま
② 記事データ内のURL部分を旧ドメインから新ドメインへ一括置換

 

 そのあと、新サイトにコンテンツをアップロードしました。

 

[新サイトでのアップロード作業]

① FTPによる画像フォルダー(uploads)のアップロード
② 記事データのインポート

 

移転作業は上記のことをしました。

 

 

新サイトでの確認作業

 新サイトへの移転作業が終わり、簡単に確認をしてみました。

 

① 新サイトの表示確認
 → 普通にトップ画面が表示されました。(問題なし)

 

② 記事データの表示確認
 → 新ドメインのURLの画像ファイルが表示され問題ありませんでした
   (ソースコード確認済み)
 → 記事データの表示は特に問題ありませんでした

 

特に新ドメインと記事との連携は問題なさそうでした。

 

 

メディアライブラリで画像ファイルが表示されない!

 新サイトで、新ドメインとの連携で、サイト表示や記事表示で問題なさそうなので一安心。

そして、何気なくWordPressのメディアライブラリで画像ファイルを確認してみたら、がっくり・・。

 

メディアライブラリでの画像一覧表示が全く表示されていませんでした。


(こんな感じ)

 

なんか、不具合が起きているんだろうなと思いました。

 

 

不具合現象の僕の考え

 今回、画像フォルダーをFTPでアップロードして、WordPressのメディアライブラリで見ると表示されない。

 

 しかし、投稿記事を見ると、記事内の画像ファイルは問題なく表示されている。

このことから、アップロードした画像フォルダーの場所や新URL(パス)については問題ないと判断しました。

 

(ちなみにアップロードした画像ファイルの場所はデフォルトの場所です。/wp-contentの直下のuploadsフォルダーにアップロードしました)

画像フォルダー(サーバー内)とWordPressのメディアライブラリ間で何らかの不具合が生じていると現象からみて判断しました。

 

この判断、当たっていました

 

 

原因を特定するための確認方法/テスト方法

 画像ファイルがメディアライブラリで表示されない不具合の原因がわからない。そこで、ググって情報を得て、いろいろとトライしてみました。

 

① ネット上でのいろいろ考えられる原因の例

 ネット上では、画像ファイルがメディアライブラリに表示されない原因と思われるものがいくつかありました。その例を上げてみます。

 

(1) 画像フォルダーのパスが違う
 → デフォルトのフォルダーのところに画像ファイルをアップロードしたし、サーバーの画像フォルダーのパスも、WordPressをインストールしたばかりなので変更していない。なのでこれは違うと判断しました。

 

(2) リフレッシュやキャッシュクリアー
 → なんとなく今回の不具合には当てはまらないと判断しました。

 

(3) プラグインの競合
 → WordPressをインストールしたばかりだし、プラグインもそんなに追加していない。これも違うと判断しました。

 

(4) javaスクリプトや.htaccessの追記
 → メディアライブラリで画像ファイルが表示されないとき、ある特定の1行文(制御文)を入れると直るというのがありました。でも、これも違うかなと思いました。

 

ちょっとネットでググってみたけど、ピンとくる答えを見つけられませんでした。

 

② パーミッションを変更してみる

 また気を取り直してググってみる。そうしたら「パーミッションを変更すれば直る」というのがありました。この記事を読んで原因はこれかもと思いました。

 

参考記事
 → WordPress :アップロードしたはずの画像が表示されない時の原因。

 

 確かに旧サイトと新サイトのフォルダーのパーミッションを見比べたら違っていました。

なので、旧サイトと同じようにフォルダーのパーミッションを一緒にしてみました。しかし、メディアライブラリで画像ファイルが表示されませんでした。

 

あとフォルダーのパーミッションを変更するとき、こちらの記事が、たいへん役に立ちました。

 

参考記事
 → パーミッションを変更するには

 

結果的には、パーミッションは関係ありませんでした

 

でも、パーミッションの変更方法などが学べて勉強になりました

 

③ 「Add From Server」で関連付けしてみる

 パーミッションを変更してもメディアライブラリの画像ファイルは表示されませんでした。違う原因があるのではないかと、またググってみました。

 そうしたら気になる記事を見つけました。それがこちらです。

 

参考記事
 → WordPress移行したら画像が表示されない【対処方法まとめ】

 

WEBトマトさんの記事、たまにお世話になります。今回もお世話になりました。ありがとうございます。 m(_ _)m

 

 こちらの記事で僕が注目したのは、「FTPを使って画像を直接移行した時」という項目でした。

 こちらの記事によると、FTPによる画像ファイル(画像フォルダー)のアップロードのとき、関連付けがされていないとのこと。

 

メディアライブラリ(WordPress)とサーバー内の画像ファイルを関連付けするには、

「Add From Server」というプラグインを使って関連付けをするとよいとのことでした。

 

関連付けをすれば、メディアライブラリに画像ファイルが表示されるとのことでした。この記事を読み、なるほどこれかもと思いました。

 

 実際に「Add From Server」というプラグインをインストールして、画像ファイルの関連付けをしてみました。

 そうしたら、お見事、メディアライブラリで関連付けした画像ファイルが表示されました。

 

やっと原因がわかりました。

 

 

今回のメディアライブラリで画像ファイルが表示されない原因

 今回のメディアライブラリで画像ファイルが表示されない原因ですが、いろいろなテストをしてみて、やっとわかりました。

 サーバー内の画像ファイルとメディアライブラリ(WordPress)の関連付けがされていないのが原因でした。

 

 画像ファイルとの関連付けをすることにより、問題が解決されました。WordPressのメディアライブラリで画像ファイルが表示されるようになりました。

ごの原因を突き止めるまで、苦労しました。時間を費やしました。

 

■メディアライブラリで画像ファイルが表示された一例

 

 

画像ファイルのFTPアップロードで分かったこと

 原因がわかってからなのですが、画像ファイルのFTPアップロードで分かったことが2つありました。

 

① 画像ファイルをFTPでアップロードするとフォルダーや画像ファイルのパーミッションが変わってしまう。

(なぜパーミッションが変わってしまうのかはわかりません)
(でも、この問題には関係ありませんでした)

 

② サーバーの画像ファイルとWordPress間で関連付けがされない

(これも原因はよくわかりません)

(たぶん、WordPressから画像ファイルを追加した場合は関連付けされる。それはWordPress経由だから。しかし、FTP経由で画像ファイルをアップロードしたときは関連付けしない、または、されない仕組みだと思います)

 

上記のこと勉強になりました。

 

 

通常のWordPressでの画像ファイル追加で分かったこと

 いろいろなテストをしていて、わかったことがもう一つありました。

それは通常のWordPressで、画像ファイルを追加したとき、ドラッグして画像ファイルの追加をします。

 

 このときドラッグした画像ファイルしか見ため上は追加されません。

しかし、内部的には画像ファイルを追加したと同時に、複数種類のサムネイル画像も生成されて、画像フォルダー(Uploads)に保管されるのがわかりました。

 

 自分はブログ記事などで、サムネイル画像を使うとき、記事に取り込むときにサムネイル画像が生成されると思っていました。

でも、実際は違っていました。画像ファイルをメディアライブラリで追加したときに、複数のサムネイル画像が生成されることを知りました。

 

正直、WordPressのこういう仕組み知りませんでした

 

【備考】

 実際にWordPressで画像ファイルを追加して、そのあと、すぐにFTPで確認してみるとわかります。


(新規に画像ファイルを追加する)

 


(そのあとFTPで画像ファイルを確認してみる)
(複数のサムネイル画像が自動的に生成されている)

 

 

 

「Add From Server」でのサムネイル画像の関連付けは必要ない

 「Add From Server」で、はじめて画像ファイルの関連付けをしたとき、サムネイル画像も関連付けしてしまいました。

そうしたらエライことになりました。こうなりました。

 

 このことから、「Add From Server」で関連付けをするときは、マスターとなる画像ファイルだけ関連付けしたほうがよいです。

 

マスターとなる画像ファイルだけ関連付けするとこうなります。

 

これがいつも使っているイメージと一緒かな・・

 

 

「Add From Server」でタイムアウトが発生した

 「Add From Server」でけっこう大量の画像ファイルを選択して、関連付け作業をしました。そうしたらタイムアウトが発生しました。

 「Add From Server」で関連付けの作業をするときは、大量の画像ファイル選択は、やめたほうが無難です。

 

■タイムアウト

 

 

「Add From Server」で気になること

 「Add From Server」で関連付けをするとメディアライブラリに画像ファイルが表示されました。

 でも、このとき一つ気になることがありました。それは・・

 

ファイル名が「xxxxxxx-scaled.jpg」となってしまうことでした。

この「-scaled」、「ハイフン スケールド」って何と思いました。

 

でもこれは、「Add From Server」で関連付けをするとこうなってしまうようです。こういう仕様のようです。僕としては、あきらめました。

 

 

対処法で「Add From Server」か手で1個1個戻すか悩む

 「Add From Server」で関連付けをすると、いちおう前のようにメディアライブラリに画像ファイルが表示されました。

 しかし、ちょっと復元操作がめんどい。それなら手で一つ一つ、また画像ファイルの追加をしようかなとも考えました。

 

 しかし、画像ファイルを一つ一つ追加すると、今度は記事データとの画像ファイルのURLの整合性が取れなくなってしまう。

 そう考えたので、最終的には「Add From Server」で関連付けして対応することにしました。

 

どっちでやるにしても、煩わしい作業だ・・ (ToT)/ 

 

 

最終的な対処法

 今回のFTPで画像ファイルをアップロードして、メディアライブラリで画像ファイルが表示されないときの対処法ですが、以下の対処をしました。

 

① マスターとなる画像ファイルだけを「Add From Server」により関連付けをする

② 関連付けするとメディアライブラリで画像ファイルが表示される。しかし、ファイル名が「xxxxxxx-scaled.jpg」となってしまうが気にしない。

③ 画像ファイルが多ければ多いほど、修正作業に時間がかかってしまうが、気にしない。 (というか、あきらめる)

 

この対策が、今後を考えても安全で無難かと思いました。

 

 

「Add From Server」プラグインのインストール

 インストールは簡単なので割愛します。(自分でトライしてみてください)

 

 

「Add From Server」の操作方法

「Add From Server」の操作方法について簡単に説明しておきます。

 

① 画像ファイルの表示
「Quick Jump」の「Uploads Folder」を選択する

 

② 関連付け
目的のファイルのボックスにチェックして、「Import」ボタンを押す

 

③ フォルダーの画面遷移
3-1 上位フォルダーに遷移する場合
「Parent Folder」を選択する
(親フォルダーっていう意味だね)

 

3-2 下位フォルダーに遷移する場合
表示画面上のフォルダーを選択する

 

 とりあえず、画像ファイルの関連付けをする場合は、この3つの操作を覚えておけば十分かと思います。

 

 

復元作業が終わったら・・

 メディアライブラリの表示復元作業が終わったら「Add From Server」がプラグインとしてあるのは構いませんが、

「Add From Server」をオフ(停止)にしておいたほうが、何かとよいかと思います。

 

 

復元作業、時間がかかった

 画像ファイルが多かったので復元作業に時間がかかった。仕方ないか・・。

 

 

まとめ

 FTPで画像ファイルをアップロードしたら、メディアライブラリで画像ファイルが表示されず困りました。

やっとの思いで原因を突き止め対処しました。苦労しました。

 

そのため備忘録として書き残しました。この記事が僕と同じ問題となっている人の参考になればと思います。

 

 

 

●最後まで読んでいただきありがとうございました。

 

おしまい

 

タイトルとURLをコピーしました