Fancybox кодирование в WordPress — ссылка для изображений

Question

Fancybox кодирование в WordPress — ссылка для изображений

я в тупике. Во-первых, это Fancybox, установленный на тему, а не плагин, во-вторых — я все еще учусь — так что буду очень признателен за помощь!

Fancybox нужна ссылка href, чтобы открыть / загрузить изображения в WordPress.

Я использую «подключить медиа», чтобы получить все изображения на пост.

Где и как я могу создать ссылку href для Fancybox, чтобы работать в этом?

Это код, который я использую:

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

Любая помощь была бы удивительной … Я нахожусь в тупике на этой части кривой обучения.

1

fancybox fancybox-3 php wordpress

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Создайте ссылки, указывающие на полноразмерное изображение, как показано в примере:

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

0