Как вывести миниатюру в шапке?

Question

[Артем Меньшов]

В блоге у этого парня в каждой записи есть миниатюра и она выведена прямо в "шапку" страницы с постом.
Как это реализовано? Как он вывел это изображение и смог обрезать все так, будто это background: ; ?
Я не думаю, что он сам вставляет каждый раз в код страницы новые изображения, а как-то это автоматизировал на уровне обычного добавления миниатюры в Wordpress.
Блог этого парня: valery-alexeev.ru/blog
Есть еще похожий вариант и этот сайт на Wordpress: uwebdesign.ru/weekly-23

Answer 1

[Александр Вульф]

А в чем проблема?

Comments

[Артем Меньшов]

Я не могу сообразить как мне это сделать.
Есть предположение, что у Wordpress есть функция, которую нужно вставить в background: url(какая-то функция); и она будет автоматически подставлять url загруженной миниатюры... Но я не знаю что это за функция.

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

Если кому не сложно - подкиньте эту строчку функции.

[Александр Вульф]

Артем Меньшов: обычное дополнительное поле, в которое можно вводить адрес на картинку. А в шаблоне просто выводим это поле как url();

[Артем Меньшов]

Вы имеете ввиду, что просто взять url адрес изображения и вставить его в background: url();?
Если правильно понял, то это не то. Я же хочу автоматизировать этот процесс, чтобы я не открывал код и не вставлял эти ссылки сам.

[Александр Вульф]

Артем Меньшов: читайте внимательнее мой ответ. При добавлении поста сделать доп. поле. Туда будем вводить URL картинки. Затем заходим в шаблоны сайта и втыкаем переменную, которая отвечает за это доп. поле.
Таким образом на странице каждого поста будет показываться картинка, определенная в доп. поле.

[Артем Меньшов]

И что это за переменная, которая сделает мне это доп.поле?

[Александр Вульф]

Артем Меньшов: читайте доки по вордпресс. В любом случае для этого надо знать PHP

[Александр Вульф]

Артем Меньшов: codex.wordpress.org/%D0%9F%D1%80%D0%BE%D0%B8%D0%B7...

[Евгений Перин]

А зачем дополнительные поля, если можно сделать через миниатюру? В functions задаем 2 вида миниатюр, одну маленькую выводим в списке постов (ну или не выводим, как в первом примере сайта), а вторую большую, выводим в посте. Делаем прозрачный header, и делаем подложку с фоном картинкой. Чтобы получить урл картинки, делаем примерно так - wpandyou.ru/tutorials/uroki-wordpress/izvlekaem-ur...
Этот урл мы подставляем в background-image: url(...)

[Артем Меньшов]

Евгений Перин: Вот, да! С помощью миниатюр мне нужно! Спасибо, сейчас попробую разобраться.

[Артем Меньшов]

Евгений Перин: Вопрос. добавил в loop тот самый код:

< ?php
$image_id = get_post_thumbnail_id();
$image_url = wp_get_attachment_image_src($image_id);
// данный код извлекает url картинки Вашей миниатюры Wordpress
$image_url = $image_url[0];
?>

А что мне нужно вставить в background: url(); ?

[Евгений Перин]

пологаю, что-то в таком духе

<div style="<?php echo 'background-image: url(' . $image_url .')' ?>">

[Артем Меньшов]

Евгений Перин: Большое спасибо за наводку.

[Артем Меньшов]

Евгений Перин: Госоди боже, у меня получилось! Вы тут все не представляете как упорно я шел к этому и сколько я фейлился. :D
На будущее буду лучше знать...
Спасибо всем большое!

[Александр Вульф]

Артем Меньшов: поздравляю :) Я сам с вордпресс имел дело очень давно. Так что позабыл, что там есть миниатюры :)

[Евгений Перин]

Артем Меньшов: Рад что всё получилось :) На будущее, если нужно что-то сделать, поищите функции самого вордпресса, связанные с этим. Чаще всего можно обойтись без плагинов.

[Артем Меньшов]

Евгений Перин: Да я так и поступаю обычно, но вот с этим выводом URL миниатюры у меня возникла какая-то тупка.
Спасибо еще раз. :)