Fancybox Codierung in Wordpress - Link für Bilder

Question

Ich bin ratlos. Erstens ist dies eine Fancybox, die auf ein Thema installiert ist, kein Plugin, zweitens - ich lerne immer noch - also würde ich die Hilfe sehr schätzen!

Fancybox benötigt eine href-Verknüpfung zum Öffnen/Laden der Bilder in Wordpress-Post.

Ich verwende "Get Attached Media", um alle Bilder auf dem Post zu erhalten.

Wo und wie kann ich den href-Link für Fancybox erstellen, um darin zu arbeiten?

Dies ist der Code ich verwende:

<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> 

Und die diese Fancybox Dokumentation:

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

Jede Hilfe wäre großartig ... Ich bin auf diesem Teil der stapfte Lernkurve.

Answer 1

Links erstellen Bild in voller Größe zeigt, wie Sie im Beispiel sehen:

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

Zum Beispiel:

<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>