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

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

  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. А второй строкой выводим это изображение, при условии, что это изображение было задано у поста.

—–
Работы, осуществляемые специализированной компанией “Стройтехсервис” – ремонт квартир, офисов, домов и магазинов от косметического до евроремонта, индивидуальные дизайн-проекты. Все работы выполняются оперативно и качественно.

(голосов: 3, средняя оценка: 5.00 из 5)
Loading ... Loading ...

Koммeнтapии (2):

  1. Желательно бы примеры видеть, хотя бы в виде скринов.
    Это относится не только к этому посту.
    Почему, потому как сейчас мне этот вопрос не встречался, но я могу предвосхитить его, если посчитаю это достаточно необходимым.

    P.S. Вообще много полезных примочек для WP. Спасибо автору.

Oтпpaвить кoммeнтapий