WordpressのFancyboxコーディング - 画像のためのリンク

Question

私は困惑しています。まず、これはテーマにインストールされたFancyboxであり、プラグインではありません。第二に、私はまだ学んでいます。

ファンシーボックスは、ワードプレスのポストで画像を開く/読み込むためにhrefリンクが必要です。

私はポスト上のすべての画像を取得するために "添付メディアを取得"を使用しています。

この中でFancyboxのhrefリンクを作成するにはどうすればできますか？

このコードは、私が使用しています：

<div class="img_div"> 

<?php $media = get_attached_media('image', $post->ID); 
if(! empty($media)){ 
foreach ($media as $attachment) { 
    $full = wp_get_attachment_url($attachment->ID); 
    echo '<img class="image-2" data-fancybox="images" src="'.$full.'" alt="'$attachment->post_title'" />'; 
    } 
} 
?> 
</div> 

そして、この本をFancyboxのドキュメント：すべてのヘルプは素晴らしいだろう

<a href="image.jpg" data-fancybox="images" data-caption="My caption"> 
<img src="thumbnail.jpg" alt="" /> 
</a> 

...私は、この部分に困惑学習曲線。

Answer 1

あなたが例で見ると同じように、フルサイズの画像を指すリンクを作成します。たとえば

<a href="image.jpg" data-fancybox="images" data-caption="My caption"> 
    <img src="thumbnail.jpg" alt="" /> 
</a> 

を：

<div class="img_div"> 
<?php 

    $media = get_attached_media('image', $post->ID); 

    if (!empty($media)) { 
     foreach ($media as $attachment) { 
      $full = wp_get_attachment_url($attachment->ID); 
      $thumb = wp_get_attachment_url($attachment->ID, 'thumbnail'); 

      echo '<a data-fancybox="images" href="'.$full.'"><img class="image-2" src="'.$thumb .'" alt="'.$attachment->post_title.'" /></a>'; 
     } 
    } 
?> 
</div>