Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Wordpress » Rss-lenta-novostej-na-sajte

RSS лента новостей на сайте

Здравствуйте, Уважаемые читатели! Предлагаю вам немного отвлечься от изучения JavaScript, а то я в последнее время очень увлёкся этим разделом и почти каждый день добавляю в него новые уроки, и поговорить сегодня об установке RSS ленты на сайт. Что такое лента новостей думаю подробно объяснять не стоит, хотя можно «кратко» — если подписаться на рассылку новостей по email, то вы будете получать на свою почту последние новости и ссылки на актуальные статьи сайта.

Прочитав достаточно статей на эту тему, решил написать статью. Если вы думаете, что здесь будет очередная тема как установить плагин feedburner на wordpress или как настроить рассылку новостей, то вы ошибаетесь. Хотя некоторые настройки будут. Так о чём же хотелось вам сегодня рассказать. Вы наверное заметили что, на сайте появилась форма подписки по email на RSS ленту новостей. Её можно видеть на рисунке ниже:

подписка по email

А вот как сделать у себя на сайте такую форму не используя плагинов? Сейчас расскажу. Вообще на это дело меня сподвиг плагин Viperbar, но его мы устанавливать не будем. И так, для этого нам понадобиться действующий фид в сервисе Feedburner. Надеюсь он у вас уже есть, тогда идём дальше. Заходим в раздел «Публикуй», слева в меню ищем пункт «Подписки по электронной почте», затем находим подпункт управление подпиской или Subscription Management. Здесь нам понадобиться форма представленная на рисунке:

Форма подписки

Код формы выглядит приблизительно таким образом:

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=sdcvoy/RSS', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="sdcvoy/RSS" name="uri"/><input type="hidden" name="loc" value="ru_RU"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

Я немного изменил код на свой:

<form class="rss" style="padding:2px; text-align:center;"action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=sdcvoy/RSS', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
 <p>Введите ваш адрес почты
      <input type="text" name="email"/>
      <input type="hidden" value="sdcvoy/RSS" name="uri"/>
      <input type="hidden" name="loc" value="ru_RU"/>
      <input type="submit" value="Подписаться" />
 </p>
</form>

И вставил его в файл header.php в своей теме wordpress. Всё, что осталось сделать это прописать стили к нашей подписке:

/* Блок формы подписки */
form.rss{
  color:#ffffff;
  background: #a8a6a6;
  position: fixed;
  top:0;
  width:100%;
  height:3em;
  z-index:1000;
  font:0.9em Verdana, Geneva, sans-serif;
}
form.rss p{
padding:0.5em;
}
input[value*="Подписаться"] {
  border-radius:0.7em;
  background: #b5b9bd;
  border:1px solid #b5b9bd;
  outline: inherit;
  box-shadow:1px 1px 1px #5d5d5e;
  color:#ffffff;
  padding:4px 10px 4px 10px;
  font:1.1em Verdana, Geneva, sans-serif;
  position:relative;
  top:1px;
}
input[name*="email"]{
  border-radius:0.7em;
  border:1px solid #b5b9bd;
  outline: inherit;
  padding:5px 10px 5px 10px;
  margin:0 1em 0 1em;
  wiidth:200px;
 }
/* Конец блока формы подписки */

Думаю для тех кто знает CSS, объяснять что к чему не имеет смысла (если не знаете, вы можете начать изучение по учебнику CSS).

В чем я считаю плюсы этого способа? Постараюсь перечислить плюсы:

Минусы есть, например, мне не нравится что открывается окно с каптчей. Кому-то может не понравиться сама панель, но это дело поправимое я обязательно это исправлю с помощью JavaScript. Кстати вовсе не обязательно иметь фид в Feedburner, дело в том что вы можете вставлять туда и свою форму рассылки, просто я пользуюсь именно этим сервисом.

Не знаю увеличит ли количество подписчиков данный способ, но я надеюсь это даст положительный эффект так, что подписывайтесь на ленту новостей и вы всегда будете в курсе появления новых материалов на моём сайте.



наверх