WordPress: вывести изображение за пределами текста поста
Довольно часто встречаюсь с ситуацией, когда у поста нужно вывести изображение, но его расположение выходит за пределы текста поста, т.е., допустим, в хтмл-коде порядок вывода информации может быть следующим:
- изображение к посту;
- заголовок поста;
- текст поста.
При таком раскладе, если изображение вставить в текст поста, то не получится вышеуказанная структура.
В таком случае на помощь приходят произвольные поля. Допустим, создали поле с названием image
, в значении которого у каждого поста будем указывать полную ссылку на соответствующее изображение.
Чтобы вывести это изображение, в надлежащем месте шаблона используем следующий код:
<?php $image = get_post_meta($post->ID, 'image', true); ?>
<?php if ($image) { ?><img src="<?php echo $image; ?>" alt="<?php the_title(); ?>" class="image" /><?php } ?>
Что мы сделали?
Первой строкой мы считываем дополнительное поле image
, передавая его в переменную $image
. А второй строкой выводим это изображение, при условии, что это изображение было задано у поста.
Комментарии (1)
Спасибо большое за статью, благодаря вам решил одну проблему, но есть вторая – как сделать что бы картинки увеличивались? Плагин для увеличения картинок стоит. что-то нужно вставить в код?