Красивая форма подписки Feedburner для WordPress

Красивая форма подписки Feedburner для WordPress

Сегодняшняя статья является продолжением предыдущей про настройку rss ленты с помощью FeedBurner. Фид мы зажгли, все настройки RSS сделали и получили код формы, который сейчас будем добавлять на сайт. Но только добавить недостаточно, еще надо отредактировать и украсить, об этом я тоже напишу.

Содержание статьи:

  • Как добавить форму подписки на WordPress блог
  • Настройка внешнего вида формы подписки на блоге
  • Красивая форма подписки feedburner для WordPress с помощью css

Как добавить код формы подписки на блог WordPress

Напомню, что код необходимо сгенерировать в сервисе Feedburner по адресу feedburner.google.com. Откройте вкладку «Публикуй», перейдите в «Подписки по электронной почте» — «Subscription Management» и выберите русский язык в поле «Languages». После чего, скопируйте код из формы ниже

Красивая форма подписки Feedburner для WordPress

Вставить форму подписки вы в праве в любой блок сайта или даже в тексте. Попробуем добавить ее в самое начало правой колонки (сайдбара), чтобы сразу бросалась в глаза.

  1. Зайдите в админку блога и откройте в раздел «Внешний вид» — «Виджеты», отыщите в списке виджет «Текст» (Произвольный текст или HTML-код) и нажмите «Добавить».
  2. В Заголовок впишите «форма подписки», чтобы не запутаться самим. В поле ниже вставьте скопированный ранее код. Сохраните.

Красивая форма подписки Feedburner для WordPress3. Установите данный виджет первым в списке. В разных версиях WordPress это делается перетаскиванием или задать порядковый номер при редактировании виджета.

Настройка внешнего вида формы подписки от FeedBurner для WordPress блога

После того, как вы вставили стандартный код в  Wordpress, его нужно доработать, русифицировать.

  1. Удалите ссылку на фидбернер:Delivered by FeedBurner
  2. Слово «Subscribe» замените на «Подписаться». Используйте поиск для удобства отыскивания этих фраз.
  3. Фразу «Enter your email address» замените на «Введите ваш электронный адрес»
  4. Желательно добавить заголовок «Подпишитесь на рассылку новостей блога».

В результате должно получиться что-то вроде этого:

Красивая форма подписки Feedburner для WordPress

В результате проделанных действий форма отобразилась на страничках сайта и работает. Только очень уж она блеклая и невзрачная.

Красивая форма подписки на блог с помощью css

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

Для всех вариантов форм я немного подредактировала html-код. Смотрите внимательно, что добавилось. Код привожу:

Форма подписки с фоновым рисунком и закругленными краями.

Красивая форма подписки Feedburner для WordPress

Чтобы ваша форма приняла такой вид, нужно дописать в файл style.css вашей темы код, расположенный ниже. Комментариями показано, что означает та или иная строка и как их можно изменять под свои нужды.

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

Красивая форма подписки Feedburner для WordPress

Аналогично для данного варианта формы нужно скопировать в ваш стилевой файл такой вот код:

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

Статья взята из открытых источников: http://pro-wordpress.ru/nastrojka-wordpress/kak-dobavit-formu-podpiski-po-e-mail-ot-feedburner-na-blog-wordpress.php

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