Как в выводе всех постов сделать ссылку с мениатюры на полноразмерное изображение

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Есть код, в котором при нажатии на миниатюру мы переходим на страницу поста:

<a href="" class="image">
		<span class="rounded" style="background: url('') no-repeat;"></span>
			<?php if ($price  '') { ?>
				<span class="tag"><span></span></span>
			
		</a>

А мне нужно произвести обратное действие — сделать так, чтобы при нажатии на миниатюру открывалось ее полное изображение (т.е. при активном плагине wp-jquery-lightbox появлялось всплывающее окно с полноразмерной картинкой). Вот как это сделать? Кучу блогов облазила — пока ничего не нашла…

Создай свой первый сайт на WordPress

dgesi
Оцените автора
Добавить комментарий

  1. tiaurus

    Получить ссылку на миниатюру поста можно так:

    <?php 
        $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );
        $url = $thumb['0']; 
    ?>
    

    full — это полный размер. Вместо него можно использовать medium или thumbnail, если эти размеры заданы в настройках WirdPress.

    Теперь осталось сделать полученный url полноценной ссылкой-миниатюрой:

    <a rel="lightbox" href="<?php echo $url; ?>"><?php echo get_the_post_thumbnail($page->ID, 'thumbnail'); ?></a>
    

    Не уверен на счет lightbox, возможно, что rel нужно будет поменять на class.

    Ответить
  2. Квартира на сутки Ставрополь

    и я этим озадачен сейчас, куча фотографий, а как их грамотно открывать непомню, и самое обидное, как-то лет с 8 назад я эту простую операцию делал и все было легко, сейчас вспомнить немогу как

    Ответить