wordpress在使用插入媒體 > 選圖片後都會自帶 width和 height的值(value)，對於行動裝置的使用者是比較需要圖片可以自適應效果，當使用都使用手機時，自動刪除文章內容中圖片的 width 和 height 屬性，以達到自適應的效果。
在當前主題的 functions.php 中加入以下PHP代碼
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | // 自適應圖片刪除width和height function ludou_remove_width_height_attribute($content){ preg_match_all("/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png\.bmp]))[\'|\"].*?[\/]?>/", $content, $images); if(!empty($images)) { foreach($images[0] as $index => $value){ $new_img = preg_replace('/(width|height)="\d*"\s/', "", $images[0][$index]); $content = str_replace($images[0][$index], $new_img, $content); } } return $content; } // 判斷是否是移動設備瀏覽 if(wp_is_mobile()) { // 刪除文章內容中img的width和height屬性 add_filter('the_content', 'ludou_remove_width_height_attribute', 99); } |
測試結果
後台圖片插入文字編輯器帶值
電腦版帶值
手機版不帶值 (判斷是否是移動設備如果是刪除高和寬的值)
Comments are closed.