Как в RSS новости вставить картинки
Заметки по Wordpress

Как в RSS новости вставить картинки

RSS новости - Как в RSS вставить картинки

В сегодняшнем посту я хочу рассказать Вам о том, как придать Вашему Rss-потоку наглядности, а именно: как в RSS вставить картинки. Это существенно повысит привлекательность и информативность Вашей Rss ленты и станет дополнительным способом удержания читателей и привлечения новых посетителей. Естественно, описанный ниже метод будет работать в Rss новостях на самом WordPress и с каналом Feedburner.

В качестве примера вы можете посетить мой RSS Feed , не забудьте при этом подписаться ;)!
По умолчанию в Вашем Rss-канале изображения не отображаются, но это можно исправить поработав с кодом функции вашего шаблона темы.

Для этого нужно вставить следующий код в functions.php

function featuredtoRSS($content) {
global $post;
if ( has_post_thumbnail( $post->ID ) ){
$content = '' . get_the_post_thumbnail( $post->ID, 'thumbnail', array( 'style' => 'float:left; margin:0 15px 15px 0;' ) ) . '' . $content;
}
return $content;
}
add_filter('the_excerpt_rss', 'featuredtoRSS');
add_filter('the_content_feed', 'featuredtoRSS');

Не забываем сохранить изменения.

Редактируем изображение в RSS-потоке

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

get_the_post_thumbnail($post->ID, 'thumbnail'

можно задать размер изображения: оставить thumbnail (миниатюру) либо заменить на medium (средний), large (большой) или full (полный).

По умолчанию изображение в Rss-ленте будет помещаться в левой части записи, при желание можно отобразить картинки и по правой стороне. Чтобы этого реализовать воспользуйтесь следующим советом:

Поменять надо обтекании картинки с левой стороне на правую

float:left; margin:0 15px 15px 0;

измените на это:

float:right; margin:0 20px 20px 20px;

При вставке в Rss новости больших и полноразмерных изображений, воспользуйтесь этим кодом, вместо предыдущего:

function featuredtoRSS($content) {
global $post;
if ( has_post_thumbnail( $post->ID ) ){
$content = '<div>' . get_the_post_thumbnail( $post->ID, 'thumbnail', array( 'style' => 'margin-bottom: 15px;' ) ) . '</div>' . $content;
}
return $content;
}
add_filter('the_excerpt_rss', 'featuredtoRSS');
add_filter('the_content_feed', 'featuredtoRSS');

Не волнуйтесь, если после проделанной работы у Вас сразу не отобразятся картинки Ваших новостей, Feedburner требуется 24 часа для обновления канала. Если Вам не терпится увидеть результаты Вашего труда, просто напишите новый пост.

Плагины для вывода картинок в RSS новостях

  • Insert RSS Thumbnails – плагин для вставки миниатюр в записи вашего блога в RSS новостях
  • WP RSS Images – простой плагин, который позволяет вставлять картинки в ваши RSS новости

Надеюсь, этот пост был полезен для Вас. Если у Вас возникли вопросы о добавлении изображения в ленту RSS новостей, оставляем комментарии ниже.

Новые посты

Реклама между постами

Гордеев Игорь

Как вставить рекламу в RSS WordPress

Гордеев Игорь

Каркас шаблона wordpress

Гордеев Игорь

32 комментария

Aftermath 04.05.2012 / 22:41

Что это за симпатичный плагин подсветки кода у вас стоит?

Ответить
Вадим 03.06.2012 / 14:53

Спасибо,теперь feed будет выглядеть хоть симпатичнее! 😛

Ответить
Елена 17.06.2012 / 08:46

А я плагином Better Feed Options http://olejnikova.ru/2012/03/27/better-feed-options-plagin-dlya-rss-lenty/ пользуюсь, но он почему-то все картинки сверху ставит 🙁

Ответить
intelegent 17.06.2012 / 20:12

Хм у меня в feedburner итак ставит картинки между постами и на почту с картинками приходят статьи.

Ответить
Елена 18.06.2012 / 05:29

Без плагина вставляет? Не может быть! Или уже может? Feedburner на месте, наверно, не стоит, придумали что-нибудь.

Ответить
Гордеев Игорь 04.07.2012 / 12:48

Вот это не надо заливать, с картинками приходит если вы в RSS публикуете полную новость(что я не советую). А если в RSS публикуется анонс, то контент берется из поста до тега more в котором могут и не быть картинки.

Ответить
Сергей 30.06.2012 / 15:35

Спасибо! Апгрейдил фид, завтра гляну, как выглядит. А стили по умолчанию для картинки идут те же что и на блоге для миниатюр?

Ответить
Гордеев Игорь 04.07.2012 / 12:52

стили для картинки прописываются в коде указанном в посте.

Ответить
Сергей 07.07.2012 / 13:57

Все понял, спасибо разобрался. Все работает.

Ответить
intelegent 06.07.2012 / 18:53

На почту приходят анонсы а не полностью статьи с картинками и ссылкой more…

Ответить
Маша 10.07.2012 / 01:58

Поставила! Надеюсь, что заработает!
Особенно обнадежила последняя строка, что обновление прохордит не сразу, а то изнасиловала уже фидбернер обновлением страницы.
Подпшусь на комменты, чтобы не потярть Ваш сайт. Если завтра увижу картинки, то обещаюсь разрекламировать Вас во всех доступных мне соцсетях 🙂

Ответить
Гордеев Игорь 10.07.2012 / 16:21

Маша, способ рабочий можете проверить на нашем RSS. За рекламу нашего ресурса заранее спасибо !

Ответить
Татьяна 17.10.2012 / 15:45

А у меня что-то никак фотки вставить не получается.
И код в прописала и плагин поставила. А фоток как небыло в RSS так и нет.
Помогите!!!!!!!!!!!!!

Ответить
Гордеев Игорь 18.10.2012 / 12:12

В статье описывалось почему может не показываться картинки.

Ответить
Татьяна 20.10.2012 / 02:29

Да вроде бы и время уже прошло и новый пост вышел, а фото так и не появилось. Может ещё что подскажите? Куда и на что обратить внимание? Может какие настройки самого фида надо изменить?

Ответить
Гордеев Игорь 22.10.2012 / 10:19

На сколько я помню настрое никаких делать не надо. Хотя себе давно картинки сделал в RSS могу уже и запамятовать.

Ответить
Inco 30.10.2012 / 23:13

Воспользовался вашим кодом и теперь рассылка через rss фид приобрела привлекательный вид, а до был лишь текст. Я изначально с каждой записью добавлял миниатюрю. Вставил код и проверил через пару дней, картинки есть.

Ответить
Наталья 14.11.2012 / 21:07

Игорь, ждала я долго, когда картинки проявятся, очень долго… раз 5 по 24 часа… В итоге я поняла, что фид вообще мой накрылся и новости подписчикам не присылает. Неужто код виноват ? я в шоке вообще и кто меня спасет?

И почему верхний и нижний код одинаковы? ВОТ ТУТ ВИДИМО ЗАГВОЗДКА! Зачем вводить в заблуждение чайников?
Цитата “При вставке в Rss новости больших и полноразмерных изображений, воспользуйтесь этим кодом, вместо предыдущего:” … и далее тот же самый код ((((
кстати это не я заметила… мне сказали!

Ответить
Гордеев Игорь 15.11.2012 / 10:00

Наталья , если Вы чайник(как сами себя назвали), то не надо голословить. Код про который Вы пишите РАЗНЫЙ, в нем различаются стили css для отображения картинки. Код простой его просто надо вставить и все.

У меня вопрос к Вам Наталья, каким образом у вас на блоге выводятся картинки.

Ответить
Наталья 17.11.2012 / 03:54

Игорь, о каких картинках речь? Есть несколько вариантов вывода. Один скоро уберу *Нетсген галлерея” – будет флеш извне, коды извне и картинки, хранящиеся на сайте. А ваш код мне накрыл вообще выход статей в эфир -ка убрала так и рассылка пошла. Это говорит о чем нибудь? По-моему практика голословной быть никак не может!
Меня интересует для вывода в RSS только одна картинка – (первая), что в анонсах выводится на главной, все остальные все равно как они выводятся. Анонсные лежат на сайте.
Опять к вашему коду. В чем вы разницу видите? 2 абсолютно одинаковых кода висят что вверху, что внизу и где CSS? Я же не говорю что ДОПОЛНЕНИЕ у вас хромает, а именно вот второй код, который вы пишете готов для полноразмерных картинок.

При вставке в Rss новости больших и полноразмерных изображений, воспользуйтесь этим кодом, вместо предыдущего:

function featuredtoRSS($content) {
global $post;
if ( has_post_thumbnail( $post->ID ) ){
$content = '' . get_the_post_thumbnail( $post->ID, 'thumbnail', array( 'style' => 'margin-bottom: 15px;' ) ) . '' . $content;
}
return $content;
}
add_filter('the_excerpt_rss', 'featuredtoRSS');
add_filter('the_content_feed', 'featuredtoRSS');

Пишете для полноразмерных, а как и в верхнем коде лепите МИНИАТЮРЫ: thumbnail

Ответить
Гордеев Игорь 18.11.2012 / 08:50

Наталья, для начала, надо получше разбираться в коде. Далее.
Во-первых, способ описываемый в статье работает только через миниатюру, к вашему сведению, миниатюру можно выводить БОЛЬШИМИ размерами.
Во-вторых, могу Вам посоветовать пользоваться плагином, чтобы было меньше мучений.

Ответить
Наталья 24.11.2012 / 20:29

Я тоже с некотрых пор противница плагинов, потому что они через какое то время перестают работать или глючат. К тому же у меня их много накопилось и процентов 15 неработающие уже. Может конфликты между ними или как твитмем больше не обслуживаются. Потому не ищу легких путей ;). Вы не ответиои на вопрос в чем разница между верхним и нижним кодом 🙂 😉 Просто выделите и покажите пожалуйста.

Ответить
Inco 01.12.2012 / 01:58

Я с начала ведения блога позаботился о миниатюрах,знал что лень будет потом. И вот вставил один маленький и картинки появились

Ответить
Путешественник 17.03.2013 / 21:09

Подскажите а в какую часть functions.php нужно вставлять ваш код?

Ответить
Гордеев Игорь 18.03.2013 / 13:16

functions.php у всех разные. Попробуйте в самый низ вставить.

Ответить
Ksenia_Visions 30.04.2013 / 19:12

Спасибо большое!
Оказалось очень полезным, вслед за RSS не отображал картинки и Bloglovin.
Можно совет?
Чтобы быстрее увидеть изменения в RSS нужно всего лишь в любой из сушествующих записей сделать какие либо изменения (удалить запятую и поставить ее заново например) и нажать Обновить. Тогда вы сразу увидите все изменения в ленте. Не нужно ждать 24 часа.

Ответить
Гордеев Игорь 01.05.2013 / 13:25

Ксения, спасибо за совет, думаю читателям будет полезен.

Ответить
Alexandr 10.10.2013 / 21:08

Привет. Я все сделал, RSS передает, но без картинок. Может еще что настроить нужно?

Ответить
Гордеев Игорь 11.10.2013 / 16:48

Александр, всё делается точно как описано и всё заработает.

Ответить
Роман Ваховский 15.12.2013 / 22:34

Код можно в любое место вставлять в файле? Что-то у меня не хотят картинки выводиться в ленте 🙁

Ответить
Гордеев Игорь 16.12.2013 / 12:42

В любое если понимаете немного в php, если нет то используйте лучше плагины.

Ответить
Мария 26.01.2014 / 20:55

Игорь, спасибо! Много перепробовала способов, но сработал только ваш! Правда, с изменением изображения на Full

Ответить

Оставить комментарий