wp_get_attachment_imageからディメンションを削除

wp_get_attachment_imageを使用するときに、添付画像から幅と高さを削除するときに問題が発生します。これは私が画像を表示するために使用しているものです

 <?php echo $image = wp_get_attachment_image( $entry['slide_image_id'], true, 'full'); ?>

ソースコードの見え方

 <img width="150" height="108" src="http://website:8888/wp-content/uploads/2015/12/cupcakes-and-cosmetics-logo.png" class="attachment-1 size-1" alt="cupcakes-and-cosmetics-logo" />

このように表示して欲しい

 <img src="http://website:8888/wp-content/uploads/2015/12/cupcakes-and-cosmetics-logo.png" class="attachment-1 size-1" alt="cupcakes-and-cosmetics-logo" />

画像は、slide_image_idというIDを持つエントリを持つ繰り返し可能なファイルフィールドから取得されます。私は周りを見回していて、wp_get_attachment_image_urlを使用することに気づきましたが、上記のコードで使用すると、画像が表示されません。私が間違っていることはありますか？

 <?php echo $image = wp_get_attachment_image_url( $entry['slide_image_id'], true, 'full'); ?>

補足：$ entry ['slide_image_id']は、繰り返し可能なファイルフィールドを呼び出すために使用されているものです。

両方のためのあなたの引数wp_get_attachment_image_url()やwp_get_attachment_image()誤った順序である-詳しくはリンクマニュアルを参照してください。さらに、wp_get_attachment_image_url()実際の画像要素ではなくURLを返します。

要素からwidthおよびheight属性を削除すること<img>はお勧めできません。ページのレイアウトが画像のサイズによって何らかの影響を受ける場合、画像のサイズを指定するCSSまたは画像自体がロードされるとすぐに、レイアウトが「グリッチ」します。

残念ながら、wp_get_attachment_image()関数は現在（WordPress 4.4.1以降）widthおよびheight <img>属性を出力するようにハードコードされているため（チケット＃14110を参照）、画像マークアップを自分で構築する必要があります。これは、wp_get_attachment_image()のソースからキューを取得することで実行できます。

<?php
  $attachment = get_post( $entry['slide_image_id'] );

  if( $attachment ) {
    $img_size_class = 'full';
    $img_atts = array(
      'src'   => wp_get_attachment_image_url( $entry['slide_image_id'], $img_size_class, false ),
      'class' => 'attachment-' . $img_size_class . ' size-' . $img_size_class,
      'alt'   => trim(strip_tags( get_post_meta( $entry['slide_image_id'], '_wp_attachment_image_alt', true) ) )
    );

    //If an 'alt' attribute was not specified, try to create one from attachment post data
    if( empty( $img_atts[ 'alt' ] ) )
      $img_atts[ 'alt' ] = trim(strip_tags( $attachment->post_excerpt ));
    if( empty( $img_atts[ 'alt' ] ) )
      $img_atts[ 'alt' ] = trim(strip_tags( $attachment->post_title ));

    $img_atts = apply_filters( 'wp_get_attachment_image_attributes', $img_atts, $attachment, $img_size_class );

    echo( '<img ' );
    foreach( $img_atts as $name => $value ) {
      echo( $name . '="' . $value . '" ';
    }
    echo( '/>' );
  }
?>

回避策

私はいくつかのコアの掘り下げ/テストを行い、wp_constrain_dimensionsフィルターを通して回避策を見つけました：

// Add filter to empty the height/width array
add_filter( 'wp_constrain_dimensions', '__return_empty_array' );
// Display image html
echo wp_get_attachment_image( $entry['slide_image_id'], 'full', true );
// Remove filter again
remove_filter( 'wp_constrain_dimensions', '__return_empty_array' );

これにより、reg-ex canonを取得せずに、生成されたの画像HTMLから高さと幅の属性を削除できるようになりますwp_get_attachment_image()。wp_get_attachment_image_src同様の方法でフィルターを使用して、幅 / 高さを削除することもできますが、URLは保持します。

ノート

この回避策により、srcsetおよびsizes属性も削除されます。ただし、4番目の入力引数を使用してsrcset属性とサイズ属性を設定することもでき$attrます。

@boscoで述べたように、アイコンとサイズの入力引数を次のように切り替えました。

echo wp_get_attachment_image( $entry['slide_image_id'], true, 'full' );

代わりにこれを使用してください：

echo wp_get_attachment_image( $entry['slide_image_id'], 'full', true );

私は単にこれにCSSを使用しました。すべてのシナリオで機能するわけではありませんが、十分に機能することがよくあります。300px x 300pxの画像を撮ってみましょう：

max-height: 300px;
max-width: 300px;
width: auto;

これにより、画像の幅と高さの比率を失うことなく、画像の寸法が制限されます。それ以外の場合は、REGEXを使用することもできます。

$html = preg_replace(array('/width="[^"]*"/', '/height="[^"]*"/'), '', $html);

これらはいくつかの選択肢でした。幸運を。