В сегодняшнем посту я хочу рассказать Вам о том, как придать Вашему 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 новостей, оставляем комментарии ниже.
32 комментария
Что это за симпатичный плагин подсветки кода у вас стоит?
Спасибо,теперь feed будет выглядеть хоть симпатичнее! 😛
А я плагином Better Feed Options http://olejnikova.ru/2012/03/27/better-feed-options-plagin-dlya-rss-lenty/ пользуюсь, но он почему-то все картинки сверху ставит 🙁
Хм у меня в feedburner итак ставит картинки между постами и на почту с картинками приходят статьи.
Без плагина вставляет? Не может быть! Или уже может? Feedburner на месте, наверно, не стоит, придумали что-нибудь.
Вот это не надо заливать, с картинками приходит если вы в RSS публикуете полную новость(что я не советую). А если в RSS публикуется анонс, то контент берется из поста до тега more в котором могут и не быть картинки.
Спасибо! Апгрейдил фид, завтра гляну, как выглядит. А стили по умолчанию для картинки идут те же что и на блоге для миниатюр?
стили для картинки прописываются в коде указанном в посте.
Все понял, спасибо разобрался. Все работает.
На почту приходят анонсы а не полностью статьи с картинками и ссылкой more…
Поставила! Надеюсь, что заработает!
Особенно обнадежила последняя строка, что обновление прохордит не сразу, а то изнасиловала уже фидбернер обновлением страницы.
Подпшусь на комменты, чтобы не потярть Ваш сайт. Если завтра увижу картинки, то обещаюсь разрекламировать Вас во всех доступных мне соцсетях 🙂
Маша, способ рабочий можете проверить на нашем RSS. За рекламу нашего ресурса заранее спасибо !
А у меня что-то никак фотки вставить не получается.
И код в прописала и плагин поставила. А фоток как небыло в RSS так и нет.
Помогите!!!!!!!!!!!!!
В статье описывалось почему может не показываться картинки.
Да вроде бы и время уже прошло и новый пост вышел, а фото так и не появилось. Может ещё что подскажите? Куда и на что обратить внимание? Может какие настройки самого фида надо изменить?
На сколько я помню настрое никаких делать не надо. Хотя себе давно картинки сделал в RSS могу уже и запамятовать.
Воспользовался вашим кодом и теперь рассылка через rss фид приобрела привлекательный вид, а до был лишь текст. Я изначально с каждой записью добавлял миниатюрю. Вставил код и проверил через пару дней, картинки есть.
Игорь, ждала я долго, когда картинки проявятся, очень долго… раз 5 по 24 часа… В итоге я поняла, что фид вообще мой накрылся и новости подписчикам не присылает. Неужто код виноват ? я в шоке вообще и кто меня спасет?
И почему верхний и нижний код одинаковы? ВОТ ТУТ ВИДИМО ЗАГВОЗДКА! Зачем вводить в заблуждение чайников?
Цитата “При вставке в Rss новости больших и полноразмерных изображений, воспользуйтесь этим кодом, вместо предыдущего:” … и далее тот же самый код ((((
кстати это не я заметила… мне сказали!
Наталья , если Вы чайник(как сами себя назвали), то не надо голословить. Код про который Вы пишите РАЗНЫЙ, в нем различаются стили css для отображения картинки. Код простой его просто надо вставить и все.
У меня вопрос к Вам Наталья, каким образом у вас на блоге выводятся картинки.
Игорь, о каких картинках речь? Есть несколько вариантов вывода. Один скоро уберу *Нетсген галлерея” – будет флеш извне, коды извне и картинки, хранящиеся на сайте. А ваш код мне накрыл вообще выход статей в эфир -ка убрала так и рассылка пошла. Это говорит о чем нибудь? По-моему практика голословной быть никак не может!
Меня интересует для вывода в RSS только одна картинка – (первая), что в анонсах выводится на главной, все остальные все равно как они выводятся. Анонсные лежат на сайте.
Опять к вашему коду. В чем вы разницу видите? 2 абсолютно одинаковых кода висят что вверху, что внизу и где CSS? Я же не говорю что ДОПОЛНЕНИЕ у вас хромает, а именно вот второй код, который вы пишете готов для полноразмерных картинок.
При вставке в Rss новости больших и полноразмерных изображений, воспользуйтесь этим кодом, вместо предыдущего:
Пишете для полноразмерных, а как и в верхнем коде лепите МИНИАТЮРЫ: thumbnail
Наталья, для начала, надо получше разбираться в коде. Далее.
Во-первых, способ описываемый в статье работает только через миниатюру, к вашему сведению, миниатюру можно выводить БОЛЬШИМИ размерами.
Во-вторых, могу Вам посоветовать пользоваться плагином, чтобы было меньше мучений.
Я тоже с некотрых пор противница плагинов, потому что они через какое то время перестают работать или глючат. К тому же у меня их много накопилось и процентов 15 неработающие уже. Может конфликты между ними или как твитмем больше не обслуживаются. Потому не ищу легких путей ;). Вы не ответиои на вопрос в чем разница между верхним и нижним кодом 🙂 😉 Просто выделите и покажите пожалуйста.
Я с начала ведения блога позаботился о миниатюрах,знал что лень будет потом. И вот вставил один маленький и картинки появились
Подскажите а в какую часть functions.php нужно вставлять ваш код?
functions.php у всех разные. Попробуйте в самый низ вставить.
Спасибо большое!
Оказалось очень полезным, вслед за RSS не отображал картинки и Bloglovin.
Можно совет?
Чтобы быстрее увидеть изменения в RSS нужно всего лишь в любой из сушествующих записей сделать какие либо изменения (удалить запятую и поставить ее заново например) и нажать Обновить. Тогда вы сразу увидите все изменения в ленте. Не нужно ждать 24 часа.
Ксения, спасибо за совет, думаю читателям будет полезен.
Привет. Я все сделал, RSS передает, но без картинок. Может еще что настроить нужно?
Александр, всё делается точно как описано и всё заработает.
Код можно в любое место вставлять в файле? Что-то у меня не хотят картинки выводиться в ленте 🙁
В любое если понимаете немного в php, если нет то используйте лучше плагины.
Игорь, спасибо! Много перепробовала способов, но сработал только ваш! Правда, с изменением изображения на Full