2017-04-27 62 views
-1

Wordpress帖子顯示圖片的以下結果。如何更改WordPress帖子中的圖片屬性

<img class="large alignnone size-full wp-image-8" src="http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall.jpg" alt="" width="960" height="654" srcset="http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall.jpg 960w, http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall-300x204.jpg 300w, http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall-768x523.jpg 768w" sizes="(max-width: 960px) 100vw, 960px"> 

如何更改這些輸出如下?

  • 刪除srcset
  • 替換SRC到數據原始

最終結果應具有的屬性:數據原,類,寬度,高度。

需要WordPress查詢。

請勿使用jQuery。

回答

0

WordPress有一個內置鉤子來修改或改變圖像HTML wp_get_attachment_image_attributes

下面是代碼:

function wh_alter_attachment_image($attr) 
{ 
    if (isset($attr['srcset'])) 
     unset($attr['srcset']); 
    if (isset($attr['src'])) 
    { 
     $attr['data-original'] = $attr['src']; 
     unset($attr['src']); 
    } 
    return $attr; 
} 

add_filter('wp_get_attachment_image_attributes', 'wh_alter_attachment_image'); 

代碼放在functions.php文件的活躍兒童主題(或主題)的。或者也可以在任何插件php文件中使用。
代碼已經過測試和工作。

希望這會有所幫助!

+0

我試圖運行代碼,但它並沒有改變任何東西。我使用WP最新版本4.7.4 –

+0

我只在最新版本中測試過,那麼你需要調試'print_r($ attr)',看看你有什麼。 –

+0

當我點擊圖片,它是去獨立頁面你的代碼在這裏工作,但不工作在我附加了許多圖像的頁面上。 –

相關問題