Вывести изображение за пределами текста поста
Довольно часто встречаюсь с ситуацией, когда у поста нужно вывести изображение, но его расположение выходит за пределы текста поста, т.е., допустим, в хтмл-коде порядок вывода информации может быть следующим:
- изображение к посту;
- заголовок поста;
- текст поста.
При таком раскладе, если изображение вставить в текст поста, то не получится вышеуказанная структура.
В таком случае на помощь приходят произвольные поля. Допустим, создали поле с названием 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. А второй строкой выводим это изображение, при условии, что это изображение было задано у поста.
—–
Работы, осуществляемые специализированной компанией “Стройтехсервис” – ремонт квартир, офисов, домов и магазинов от косметического до евроремонта, индивидуальные дизайн-проекты. Все работы выполняются оперативно и качественно.
Желательно бы примеры видеть, хотя бы в виде скринов.
Это относится не только к этому посту.
Почему, потому как сейчас мне этот вопрос не встречался, но я могу предвосхитить его, если посчитаю это достаточно необходимым.
P.S. Вообще много полезных примочек для WP. Спасибо автору.
Постараюсь по возможности выкладывать скрины.
Dimox подскажите пожалуйста, я столкнулась вот с такой проблемой, в архивах и singl.php у меня изображения нормально показываются в диве с самим текстом, а вот на странице page.php у меня изображение не привязывается к записи, и этим самым выходит за контент записи, можно посмотреть вот тут doma-domiki.com/?page_id=732 . Я уже не знаю как мне это исправить, перепробовала много и не как не получается. Может быть вы знаете как и отчего эта беда.
Заранее благодарю!
В файл style.css добавьте следующее и все исправится:
#post { width: 100%; overflow: hidden; }А как такой пост будет смотреться в RSS ленте? Будет ли там присутствовать это изображение?
Не будет.
сть возможность вставить содержимое произвольных полей в RSS?
Не знаю.
спасибо