[教學]解決升級WordPress 4.4 媒體庫、網站破圖問題(srcset)

發表時間：

新版WordPress 4.4 最近推出，有些使用者斷然的升級後發現網站居然破圖了！而且媒體庫破圖、網站也破圖，但是查看FTP，圖檔確實是存在耶？！事實上這問題國外也有發生，主要是因為WordPress 4.4版本支持RWD的圖片縮放，讓網站的圖片可以從媒體庫內的各尺寸抓出活用，但是並非每一個網站一開始都是採用RWD版型，可能是中途更換，那麼舊文章可能就造成破圖了。

另外，有些使用者會為了避免媒體庫裡面產生三種尺寸的圖片，會去把媒體庫自動裁切圖片設定為0，也因此造成另外兩種尺寸圖片不存在，但是WordPress4.4似乎是自動產生圖片連結，因此產生出的連結卻是圖片檔案不存在，因此也會造成網站破圖。基於以上種種原因，國內外都陸續出現哀號，也因此這樣，在WordPress官方網站討論區中有網友提出了解決方法。

想要解決WordPress 4.4 媒體庫、網站破圖的問題，可透過不用WordPress核心程式的方式就是利用hook、filter方法去跳出該設定。再次說明一下媒體庫(Media)、網站版型(Theme)、特色圖片(feature image)破圖的原因是因為WordPress 4.4支援RWD的媒體載入(Srcset)，官方開發者一篇文章有說明關於此設定的部分「Responsive Images in WordPress 4.4」，透過一些WordPress新增的function可以去做到支援到HTML5的「Srcset」語法支援。

[教學]解決升級WordPress 4.4 媒體庫、網站破圖問題(srcset)

雖然WordPress搶先支援Srcset，支援srcset可以有效的在網站效能、圖片呈現上可以在RWD內完善表現，但對於網站不使用RWD或者是圖片缺檔案、使用圖床外掛(Hacklog Remote Attachment、upload to ftp)、使用外部圖床搭配媒體庫的使用者來說，卻是一大災難。依照官方討論區國外網友提供的語法，現階段可以解決破圖問題，只要將以下語法放置於functions.php或者是版型內適當位置，即可解決此問題。

如果您是SSL網站，可以參考這篇解決方法，記得確保網站亮綠燈即可。