BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Wordpress » Как вставить изображение в RSS ленту?

Как вставить изображение в RSS ленту?

2014-07-24 / Вр:01:43 / просмотров: 11830

FeedBurner – это популярный сервис, предоставляющий RSS-услуги. Все, кто из читателей подписан на RSS ленту смогут узнавать о новых статьях, которые вы опубликовали на блоге. Подробней о том, что такое вообще RSS, читайте здесь.  Многие блогеры, в том числе и я, пользуются бесплатными услугами feedburner. Не знаю как вам, но мне не нравится то, что в анонсах  RSS  ленты не выводится картинка (миниатюра). Я хочу, чтобы читатели видели эти изображения, так как это лучше привлекает внимание и намного красивее и даже веселее. Смотрите сами, вот мой старый фид:

Как вставить изображение в RSS ленту?

А вот такой фид после добавления изображений:

Как вставить изображение в RSS ленту?

Чтобы решить проблему добавления изображения в RSS ленту, можно воспользоваться специальными плагинами, такими как Insert RSS Thumbnails или WP RSS Images. Но я решил выбрать лучший путь - решить эту задачу без плагина, что и вам рекомендую.
Итак, приступим!

Как вставить изображение в RSS ленту?

Вначале нужно настроить отображение статей в RSS ленте. Зайдите в админ панеле => «Настройки» => «Чтение». Обратите внимание на пункт «Для каждой статьи в ленте отображать»:  должно быть выбрано «Анонс», ни в коем случае «Полный текст». Сохраните изменение:

Как вставить изображение в RSS ленту?

Далее у вас в статьях должно быть включено отображение миниатюр.  Для этого откройте любую запись и вверху экрана найдите «Настройка экрана», нажмите на эту ссылку. В открывшемся выпадающем меню выберите «Миниатюра записи»:

Как вставить изображение в RSS ленту?

Увеличить?

У вас появится возможность добавлять к записям миниатюры. Посмотрите, справа внизу появится новый блок «Миниатюра записи». Для того, чтобы добавить миниатюру к записи, достаточно перейти по ссылке «Задать миниатюру» и выбрать картинку:

Как вставить изображение в RSS ленту?

Теперь переходим в админ панели => «Внешний вид» => «Редактор» => «Функции темы (functions.php)» и вставляем код в самый конец перед этим знаком  «?>».

/* вставить изображение в RSS ленту */
function bloggood_image_rss($content) {
global $post;
if ( has_post_thumbnail( $post->ID ) ) {
$content = '' . get_the_post_thumbnail( $post->ID, 'thumbnail', array( 'style' => 'float:left; margin:0 10px 10px 0;' ) ) . '' . $content;
}
return $content;
}
add_filter('the_excerpt_rss', 'bloggood_image_rss');

Жмите на кнопку «Обновить файл».

Для тех, кто не понял, как вставлять код, куда и перед каким это знаком «?>», вот пример:

Как вставить изображение в RSS ленту?

Увеличить?

Все готово, теперь картинки должны появиться в RSS ленте.
RSS лента обновляется один раз в сутки. Чтобы не ждать целые сутки, а посмотреть результат изменения сразу, вам нужно зайти на http://feeds.feedburner.com/ и выбрать ваш фид. Далее перейти по вкладке «Решай проблемы». Спуститься немного ниже и найти кнопку «Resync Now»:

Как вставить изображение в RSS ленту?

Увеличить?

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

Как вставить изображение в RSS ленту?

Теперь добавим в шапку фида фотографию.
Для этого в фиде перейдите «Оптимизируй» => «Feed Image Burner»:

Как вставить изображение в RSS ленту?

В опции «Image Source» выбираем пункт «Specife custom image URL»:

Как вставить изображение в RSS ленту?

У вас появится дополнительное поле для ввода URL изображения (Specify custom image URL). Да, да, именно туда и нужно вводит адрес, где лежит картинка, которую вы хотите разместить на шапке фида.

Image Title – описание картинки;

Link – ссылка на сайт

Нажмите «Активировать» («Сохранить»):

Как вставить изображение в RSS ленту?

Вот результат:

Как вставить изображение в RSS ленту?

Вот такая общая картина нарисуется после проделанных ходов:

Как вставить изображение в RSS ленту?

Всем спасибо, что дочитали статью до конца! Удачи!

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

17 Ответов на комментарий - Как вставить изображение в RSS ленту?

  1. Игорь Черноморец

    Степан, давно уже хотел добавить картинки в анонсы, но руки не доходили.Так сейчас всё таки решил сделать благодаря твой статье. Но… у меня нет опции “миниатюра записи” в “настройках экрана!!!!!!!!!”
    Как такое может быть? Может быть это из-за версии вордпресса? У меня она самая последняя!Кстати кроме выбора миниатюры у меня также нет robots meta как у тебя! Помоги пожалуйста!

  2. Тамара Полякова

    Привет Степан! Мне очень понравилась твоя статья! И показалось, что я сама смогу все это сделать. У меня есть вопрос: В моих анонсах к новым записям есть миниатуры размером 480х280. Миниатюры я создаю для того, чтобы пять последних были показаны в слайде (у меня такая тема). Здесь я вижу миниатюры квадратные. И одно ли это тоже. Или для RSS ленты изображение нужно вставлять другое, или то же изображение, но другого размера?

  3. Avatar photo Степан => автор блога

    Здравствуйте, Тамара! У вас не правильно настроена RSS. В админ WordPress нужно включить “Анонс”, а не так, как у Вас “Полный текст”. Посмотрите внимательней пункт “Как вставить изображение в RSS ленту?”, я выделил его жирным. Исправьте и посмотрите на результат.

  4. Avatar photo Степан => автор блога

    Игорь, зайди в записи, нажми “настройка экрана” и сделайте мне скриншот, я посмотрю. Скрин отправь через ВКонтакте.
    Насчет “robots meta”, это плагин.

  5. Игорь Черноморец

    Спасибо, сейчас отправлю скриншот

  6. Avatar photo Степан => автор блога

    Игорь, откройте файл “Функции темы (functions.php)” и вставьте перед символом ?> вот такой код (обязательно сделай копию файла functions.php):

    add_theme_support('post-thumbnails'); // поддержка миниатюр
    set_post_thumbnail_size(135, 180, TRUE);
    

    135, 180, – это размеры миниатюры. Можно указать любой свой.
    Потом, проделай все пункты заново, те которые я описывал в статье!

  7. Игорь Черноморец

    Извини Степан, но не помогло!
    Спасибо тебе в любом случае!
    Каждый раз ты со мной мучаешься, мне аж неудобно уже становится!

  8. Денис

    Огромная благодарность за разъяснения))) И очень легкий вариант добавления картинок) Все рекомендовали плагин поставить и не мучаться, но я сторонник минимума плагинов))) У Вас самый легкий и функциональный вариант. Единственное, не указано куда лучше загрузить картинку, что бы ее ссылку ввести для вставки в шапку)) Не стал связываться с хостингами картинок и залил себе на блог, все отлично работает))) Еще раз огромная благодарность))

  9. Avatar photo Степан => автор блога

    Пожалуйста!

  10. Виталий

    (135, 180, TRUE) вместо TRUE – надо написать false и все зарабаотает ;-)

  11. Татьяна Сова

    Степа, привет! Как всегда на высоте, все просто и понятно расписано, но… Сколько я не бьюсь с этим кодом, никак картинки не появляются!Все делала точно по инструкции! Раз 10 все проделывала и никак((( В чем может быть проблема?

  12. Татьяна Сова

    Ах, да, забыла…
    У меня в ленте вот такая надпись еще, после каждого поста

    [[ This is a content summary only. Visit my website for full links, other content, and more! ]]

    И надписи “Читать далее…” нет((( Может у меня не правильно что-то настроено?

  13. Avatar photo Степан => автор блога

    Привет, Тань! Рад тебя видеть на блоге :rose:
    Видел твой новый дизайн блога, скажу, что выглядит классно, хотя и тот мне тоже очень нравился.
    Миниатюры стоят в статье или то выводиться первые картинки из поста?
    Чтобы посмотреть результат сразу а не ждать сутки, нужно зайти на feedburner и выбрать Ваш фид. Далее перейти по вкладке «Решай проблемы». Спуститься немного ниже и найти кнопку «Resync Now», жмите.
    Если не поможет, тогда мне нужно будет взять доступ к блогу или связаться с Вами через скайп и посмотреть, как Вы что делали в коде, может где-то была допущена ошибка.

  14. Avatar photo Степан => автор блога

    Странно! Вы когда плагины устанавливали, не когда не вылазила в вордпрессе сообщение об ошибке «Плагин произвёл при активации 7 символов неожиданного вывода. Если вы заметите ошибку «headersalreadysent», проблемы с RSS-лентами или другие неполадки, попробуйте деактивировать или удалить этот плагин»?!

  15. LoveItalia

    Спасибо огромное, Степан! Метод работает до сих пор, в 2020 :twisted:

  16. Avatar photo Степан => автор блога

    Пожалуйста!

  17. Игорь

    Степан, спасибо за статью! Наконецд то добавил в фид миниатюры, стало смотреться намного интереснее.

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 810
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716