Главная WordPress

WordPress: вывести изображение за пределами текста поста

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

  1. изображение к посту;
  2. заголовок поста;
  3. текст поста.

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

В таком случае на помощь приходят произвольные поля. Допустим, создали поле с названием 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)

  1. Спасибо большое за статью, благодаря вам решил одну проблему, но есть вторая — как сделать что бы картинки увеличивались? Плагин для увеличения картинок стоит. что-то нужно вставить в код?

Ваш комментарий