2017-04-27 23 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 Queryが必要です。

jQueryを使用しないでください。

答えて

0

ワードプレスには、イメージを変更または変更するための埋め込みフックがあります。 。ここで

コードです:

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

イメージをクリックすると、スタンドアロンページが表示されますが、ここではコードが動作しますが、多くのイメージが添付されたページでは動作しません。 –

関連する問題