Кнопка RSS на сайт WordPress

Хожу я по различным сайтам, смотрю, читаю, подписываюсь на RSS ленты и тут меня пробило, что можно такую же кнопку RSS добавить и установить себе на сайт WordPress! Желание добавить RSS ленту на сайт есть и начал действовать. Только для установки пришлось покопаться в интернете и потратить драгоценное время. К сожалению я так и не нашел всего материала по подключению каналов новостей или фидов в одном месте, а где находил было трудно понять и переварить.

Кнопка RSS на сайт WordPress: в этой статье решил исправить такую нелепую оплошность блоггеров и собрал результаты по подписке на ленту новостей RSS в одном месте. Для написания поста по добавлению кнопки RSS бралось по чуть-чуть информации с разных сайтов, поэтому здесь опишу только то, что реально применял сам.

Начнем. Чтобы добавить RSS на сайт для начала создадим свой канал с помощью сервиса FeedBurner. Подробнее и в картинках установка здесь, а если совсем по простому, то идем сюда, указываем свой аккаунт Google или регистрируемся, в строке “Burn a feed…” пишем наш сайт, далее “Next” и получаем канал новостей или фид вида:

http://feeds.feedburner.com/ваш-сайт

У меня такой:

http://feeds.feedburner.com/netburu

Обращаю внимание, что фид используется не только для движка WordPress.

Самую сложную работу уже сделали, теперь осталось – организовать подписку RSS канала на сайте. Для корректной работы RSS фида нужно скачать и установить плагин FeedBurner FeedSmith. В параметрах активированного плагина вводим адрес фида, полученного от FeedBurner. Вот и все готово.

Самая интересная часть – выбор иконки RSS ленты. Кратко опишем шаги по установке и привязке фида к RSS картинке:

1. Останавливаем свой выбор на красивой иконке и скачиваем ее. Смотри подборку картинок здесь или RSS к Новому Году здесь.

2. Заходим в админку сайта и сохраняем картинку к себе в “Медиафайлы”. Также можете выложить свою красивую иконку RSS на сторонних ресурсах:

3. Копируем путь к сохраненной картинке RSS.

4. Чтобы в WordPress RSS добавить мы в панели администрирования сайта идем Дизайн/Виджеты, переносим виджет “Текст” в удобное место сайдбара где подписчик быстро сможет найти и нажать на кнопку канала новостей. Далее вставляем код:

<a href=”http://feeds.feedburner.com/ваш адрес фида или RSS” title=”Подпишись на RSS ! ” rel=”alternate” type=”application/rss+xml” rel=”nofollow”>

<img src=”http://путь к кнопке RSS” alt=”Подпишись на RSS! ” style=”border: 0pt none; width: 100px; height: 100px; ” /></a>

В коде указывайте адрес вашей ленты новостей FeedBurner и путь к красивой иконке RSS, выделено красным. Размеры кнопки заданы 100х100 пикселей, можете изменить на нужный размер и вставить свои цифры, выделены зеленым.

Моя подписка RSS и код выглядит так:

<a href=”http://feeds.feedburner.com/netburu” title=”Подпишись на RSS ! ” rel=”alternate” type=”application/rss+xml” rel=”nofollow”>

<img src=”http://netbu.ru/wp-content/uploads/2011/11/RSS_MONEY.jpg” alt=”Подпишись на RSS! ” style=”border: 0pt none; width: 131px; height: 101px; ” /></a>

Собственно все. Кнопка RSS на сайт WordPress добавлена, а для опыта подпишись на мой RSS канал.

 

С уважением, Дмитрий Байдук

Поделиться ссылкой с друзьями

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

Отзывов (14)

  1. Анна пишет:

    Спасибо большое, Дмитрий, за эту статью. Тоже искала в интернете, как установить кнопку RSS, но так и не нашла, пока не попала к вам на сайт. Была бы признательна, если бы вы написали статью или подсказали как установить птичку, созывающую в твиттер. С этой темой тоже проблема.

    • Пожалуйста, а любая кнопка со своей картинкой ставиться просто:
      -нужно найти красивую картинку
      -поставить html-код в виджет
      -откорректировать по габаритам и размещению
      Я в статье писал, как установить кнопку RSS, аналогично можно установить любую кнопку и птичку Твиттера тоже, используя образец html-кода из статьи.

  2. Анна пишет:

    Спасибо огромное за инструкцию. Думаю, теперь все получится.

  3. Анна пишет:

    Дмитрий, а как кнопки выстроить в один ряд? Нужно какой-то код прописать?

  4. Анна пишет:

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

  5. Оксана пишет:

    Путь к кнопке RSS , легко сказать. Я даже не знаю где его искать этот путь! С адресом фида понятно! Где его можно скопировать этот адрес к кнопке? :oops:

  6. Оксана пишет:

    Cпасибо! всё получилось и путь нашла и всё остальное!

  7. Alex пишет:

    А зачем нужен плагин FeedBurner FeedSmith, если он нигде не используется?

  8. Наталья пишет:

    сделала согласно статье, но сайт упорно не хочет выводить картинку. в чем может быть причина? ссылка под сайдбаром

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

Ваш email не будет опубликован. Обязательные поля отмечены *