日々の考察

[wordpress]メディアライブラリから画像を消してしまうと、記事で画像が表示されなくなる[注意]

更新日:

最近一生懸命過去記事をリライトしているんですけど、文章の下手くそさ以外に、とある問題が散見されました。

それは、

「画像が・・・画像が消えている!!!」

 

(携帯から見ても同様です。)

スポンサーリンク

なぜだ・・・確かに記事を書いた後には文章と画像がちゃんと正しく表示できているかチェックしているのに・・・。

 

自分の場合、問題はメディアライブラリにありました。

「確かに少し前には表示できていたのに消えてしまった・・・」という人は僕と同じ状態になっているかもしれません。お気をつけください。

 

最初は理系とーくの記事執筆で見つかった現象だった

今思えば、この現象を初めて見たのは今回の自分のサイトのリライトではありませんでした。

 

先日紹介しましたように、最近理系とーくという多人数で記事を書いているサイトでライティングさせていただいているんですよね。

理系とーくのライターになった。今はぷちケムステ。でも未来は科学系情報サイトを超えた理系のHUBになる。
最近、このブログ以外で記事を書いていました。 「いっちょまえにサブブログか?」 いえいえ、僕のサイトではないん…

そこで初めての記事を公開し、携帯でチェック。

すると、なんと綺麗に画像の部分だけ抜けている。

(???。。。なんかハイフン入ってたりとか変なファイル名になってたかな・・・いや、でもそうなってたらそもそもエラーでそうなもんだけどな・・・)

ですがとりあえず(特に変な名前にはなっていなかったけど)再度ファイル名をアルファベットのみにし、アップロードし直し。

→ちゃんと表示されている。

(ふぅ・・・なんか結局原因はわからんかったけどまあいいか。)

 

根本原因を探らずアクションに移す、わかりやすくダメな問題解決法でしたね(笑)

ただこのときはそれで済ましてしまいました。

 

自分の記事でも同じ現象が起きた。原因はメディアライブラリから使用画像を消去したこと

そして冒頭に戻ります。

過去の記事で一部画像が抜け落ちていました。そしてそこでも画像をアップロードし直すと元に戻る。

そこでピンときました。

 

「なんとなーくメディアライブラリから画像を消したのが原因では。。。」

 

そう、なんかいっとき掃除したくなって画像消してたんですよね。

だって、メディアライブラリってこんな感じじゃないですか。

一言で言って「きたない」

それで、いつでも写真を撮り直してあげられそうなものを消したりしてたんです。

 

この時点で理系とーくでも同じ原因だったことに気づきます。

同じ「理系とーく」というサイトで記事を書くので、各ライターが同じメディアライブラリを使っているんですよね。

ですので、自分が画像を記事に上げようとするときは必然的に他の人の使った画像とかを見ることになります。なんとなく人の作業場にお邪魔させていただいてるみたいで面白かったんですけど、逆にそういう公共のスペース感を感じていたので、あまり汚さないようにと自分の使った画像をライブラリから消していました。

その結果、描像としてはおそらくこうなっていました。(この辺の知識には疎いので誤りがあったら教えていただけると幸いです)

 

正常な場合

・PCからサーバー(メディアライブラリ)にアップロード

・記事ではURLをつかってそのライブラリの位置を指定してあげることで表示

スポンサーリンク

今回の失敗

・メディアライブラリから記事が消える

・記事で元々画像のあった場所を指定してあげても何もないから何も表示されない。

 

これ・・・きっとWebサイトの仕組みをよくわかってる人からしたらすんごく変なことしていたんじゃないかと思います・・・笑

僕はこのツイートを思い出しました。

店=メディアライブラリ。

マジで無意味。

でもIT初心者なんてこんなもんですよね・・・。

 

でもメディアライブラリが汚いのはなんか気になる・・・使っていないゴミ画像は消したい・・・。

うかつにメディアライブラリから画像を消してはいけないことはわかりましたが、なんかお掃除しときたい、使ってないやつ消したい。

そういうときはメディアライブラリのタブから「未添付」を選びましょう。

すると使われていない子が出てくるので選んで削除でOKです。

 

まとめ:メディアライブラリの画像を迂闊に消すと画像が表示されない

というわけで僕の今回のトラブルの原因はメディアライブラリでした。

画像そのものには問題ないはずなんだけどな〜という時には一度疑ってみると良いかもしれません。

 

-日々の考察

Copyright© ぽてはじめ , 2020 All Rights Reserved Powered by AFFINGER4.

pocket line hatebu image gallery audio video category tag chat quote googleplus facebook instagram twitter rss search envelope heart star user close search-plus home clock update edit share-square chevron-left chevron-right leaf exclamation-triangle calendar comment thumb-tack link navicon aside angle-double-up angle-double-down angle-up angle-down star-half status