2016-05-24 9 views
1

あなたはこのスニペットを見て、私はスニペットを以下にPHPエコーはまたOutoug画像のalt属性

echo '<img src="'.wp_get_attachment_link($image, 'large').'" alt="Projects" />'; 

alt属性を出力していますなぜ私に教えてくださいすることができ:

ここ
$images = get_post_meta($post->ID, 'vdw_gallery_id', true); 
foreach ($images as $image) { 
    echo '<div class="col-xs-6 col-md-3">'; 
    echo '<div class="thumbnail">'; 
     echo '<img src="'.wp_get_attachment_link($image, 'large').'" alt="Projects" />'; 
    echo '</div>'; 
    echo '</div>'; 
} 

enter image description here

+2

あなたの 'wp_get_attachment_link($ image、 'large')は何を印刷しますか? inspect要素のスクリーンショットを追加します。 – Thamilan

+0

これはおそらく、ブラウザが壊れたHTMLマークアップを修正しようとした結果です。あなたが送り出すマークアップは 'wp_get_attachment_link()'の呼び出しの戻り値の中のトークンによって破られる可能性が最も高いでしょう。デバッグのためにダンプします。 – arkascha

+2

これによって出力されている生のHTMLを見てください。 – deceze

答えて

4

01何が起こっていますこの行のhtml linkhttps://codex.wordpress.org/Function_Reference/wp_get_attachment_link
使用wp_get_attachment_image_src代わりhttps://developer.wordpress.org/reference/functions/wp_get_attachment_image_src/

$images = get_post_meta($post->ID, 'vdw_gallery_id', true); 
foreach ($images as $image) { ?> 
    <div class="col-xs-6 col-md-3"> 
     <div class="thumbnail"> 
      <?php 
      $img = wp_get_attachment_image_src($image,'large'); 
      if ($img && isset($img[0])): 
      ?> 
      <img src="<?php echo $img[0];?>" alt="Projects" /> 
      <?php endif;?> 
     </div> 
    </div> 
<?php }?> 
0

TRY THIS

echo "<img src='".wp_get_attachment_image_src($image,'large')."' alt='Projects'/>"; 
+0

wp_get_attachment_image_srcは4つの要素の配列を返します。 URL、幅、高さ、is_intermediate(生成または元)。 – AlmasK89

0

LIKEエラー

echo '<img src="'.wp_get_attachment_link($image, 'large').'" alt="Projects" />'; 

あなたのエラーは、以下に'large'変化'によるもので返します

$images = get_post_meta($post->ID, 'vdw_gallery_id', true); 
foreach ($images as $image) {?> 
<div class="col-xs-6 col-md-3"> 
    <div class="thumbnail"> 
    <img src="<?=wp_get_attachment_link($image, 'large')?>" alt="Projects" /> 
    </div> 
</div> 
<?php }?> 
関連する問題