Follow Button for FeedBurner - плагин подписки по E-mail
Единственное назначение плагина Follow Button for FeedBurner - это отображать в правом нижнем углу Вашего сайта форму подписки на обновление сайта через E-mail, с чем он справляется отлично. После установки и активации в данном углу появляется кнопка "Подписаться", нажав на которую, появляется полноценная форма подписки. Как бы не прокручивал посетитель Вашего сайта страницу вверх или вниз, данная кнопка не исчезнет и всегда будет ненавязчиво предлагать ввести свой почтовый адрес.
Функция действительно полезная, т.к. через данный плагин можно привлечь больше подписчиков на Ваш сайт, что в итоге принесет больше постоянных посетителей.
Если Вы приверженец стандартной формы подписки от feedburner.google.com, то хотя бы сменить ее стандартный дизайн. Вот и инструкция Украшаем форму подписки на обновление через E-mail при помощи CSS.
Вот так выглядит кнопка подписки плагина Follow Button for FeedBurner на моем сайте. НО!!!! Это я подправил ее цвет, что сможете сделать и Вы, т.к. чуть далее будет представлена инструкция как это сделать. Таким образом, Вы сможете полностью интегрировать в свой дизайн сайта и настроить ее под себя.
А вот так выглядит сама форма подписки на обновление сайта по почте. Такое появляется, когда посетитель нажмет на кнопку "Подписаться", которая представлена на предыдущем скрине:
Скачать плагин можно по ссылке в конце статьи. По умолчанию он на английском языке, но для читателей mojWP.ru я перевел его на русский язык. Русскую версию Вы так же найдете в конце статьи.
[infob]Чтобы подписка работала, Вам нужно иметь свою ленту на http://feeds.feedburner.com и должны быть включена функция подписки по E-mail: http://feeds.feedburner.com ➤ Публикуй ➤ Подписки по электронной почте ➤ Включить.[/infob]
А вот и все настройки в админке сайта, которые мы можем найти Параметры ➤ Follow For FeedBurner:
Все, что необходимо сделать - это ввести свой идентификатор в соответствующее поле.
Меняем дизайн формы подписки по почте
Далее поясню, как сменить дизайн формы подписки при использовании текстового редактора Notepad++, который позволяет отображать номера строк. Скачайте и установите данную программу, т.к. она является одной из лучших для подобных правок кода.
Цвет кнопки Подписаться (первая картинка).
Открываем файл follow button for feedburner.php, который находится в папке с плагином, и смотрим на строки 32,33,34,35. Здесь у нас меняется цвет, причем сделан он градиентом, т.е. переходящий из более светлого в более темный. В указанных строках есть #3F3F3F, #464646, что и обозначает 2 цвета (светлый и темнее), которые мы заменяем на свои во всех строках. Делается это несколько раз, т.к. учитывается поддержка разных браузеров, которые используют разные коды обработки стилей (FireFox, Chrome, Opera, IE, Safari).
Цвет шрифта на кнопке Подписаться (первая картинка).
Делается это в строке 39, а именно меняем color: #CCCCCC;
Цвет текста названия сайта (вторая картинка).
Для примера, я сделал ее желтого цвета. Вы же можете поставить свой цвет, а так же поменять размер шрифта. В строке 97 меняем цвет на любой (color: #FF9B06;), а в строке 99 (font-size: 16px;) меняем размер шрифта в пикселях.
Меняем цвет всей формы подписки (вторая картинка).
Чтобы поменять цвет всего фона выезжающей формы подписки, необходимо указать свой: в строке 78 (background) заменить #464646 на произвольный. А в строке 80 мы можем поменять цвет шрифта color: #FFFFFF, который повествует о возможности подписки и присоединению к другим подписчикам.
Какие то другие параметры менять не вижу смысла, т.к. остальное настроено по умолчанию довольно хорошо. Если угодно, то можно поменять текст, который побуждает к подписке.
Меняем побуждающий текст к подписке (вторая картинка).
Найдите строки 238 и 239 и сразу станет все понятно: меняем указанный на свой произвольный, либо удаляем, если в нем нет надобности.
Скачать последнюю версию плагина Вы можете на официальной странице ЗДЕСЬ. Будет на английском.
Если Вам нужна русская версия, то качаем по ссылке ниже.
[downpg wp="3.0 и выше" vp="1.1" href="https://mojwp.ru/wp-content/uploads/Plugins/follow-button-for-feedburner.zip"]Русская версия Follow Button for FeedBurner[/downpg]
Задавайте свои вопросы в комментариях к данной статье. Удачи в блогинге.