Как получить ссылку на изображение WordPress? (изображение не указано)
Я пытаюсь создать простую галерею с WordPress Advanced Custom Fields и плагином повторителя полей. Мне нужно отобразить уменьшенное изображение, которое вы нажимаете, чтобы увеличить основное изображение (я использую Fancybox). Кто-нибудь знает, возможно ли получить ссылку на миниатюру изображения, автоматически генерируемую WordPress?
Я могу получить ссылку на основное изображение:
/wp-content/uploads/2014/12/slide1.jpg
Но нужно получить ссылку на это изображение:
/wp-content/uploads/2014/12/slide1-150×150.jpg
Вот мой код:
<?php if(get_field('gallery')): ?>
<ul>
<?php while(has_sub_field('gallery')): ?>
<a class="fancybox" href="<?php the_sub_field('image'); ?>" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="<?php the_sub_field('image'); ?>" alt="" width="200px;" height="auto"/></a>
<?php endwhile; ?>
<?php while(has_sub_field('video_link')): ?>
<a class="fancybox-media" href="<?php the_sub_field('video_link_snippet'); ?>"><img src="<?php the_sub_field('video_image'); ?>"/></a>
<?php endwhile; ?>
</ul>
<?php endif; ?>
Решение
Вы можете сделать это с помощью Advanced Custom Fields и WordPress. Для этого перейдите в пользовательские поля и измените подполе «изображение», чтобы оно возвращало объект изображения вместо URL-адреса изображения. Смотрите «возвращаемое значение» здесь.
Как только это поле вернет объект, попробуйте var_dumping поле, чтобы увидеть параметры вашего URL:
var_dump(the_sub_field('image'));
Это должно показать вам различные размеры миниатюр, включенных в вашей системе, и позволит вам легко получить нужный эскиз. Один из возможных примеров:
// Get image object with all sizes...
$image = the_sub_field('image');
$size = 'thumbnail';
// Get URL from sizes based on our $size var
$url = $image['sizes'][$size];
// Now we have the thumbnail URL
echo $url;
Дайте мне знать, если у вас возникнут проблемы! Для получения дополнительной документации и многих других опций, попробуйте Документация по дополнительным настраиваемым полям для поля «Изображение».
Другие решения
Других решений пока нет …