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

форма

Здравствуйте, уважаемые читатели. Данная статья — это продолжение статьи  «Как сделать  форму подписки для блога». Если Вы не читали эту статью, её можно прочитать здесь. В этой статье показан пошаговый алгоритм создания формы подписки и генерации Html — кода, который и необходимо  вставить в блог.

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

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

Вставляем форму подписки в  Sidebar

Вставляем форму подписки в Sidebar

Структура блога

В этом случае мы воспользуемся виджетом Текст..

Для этого выполняем следующие шаги: в админ панели выбираем  → вкладку Внешний вид → Настроить → Виджеты → Текст. Перемещаем  виджет  Текст в Сайдбар → Пишем заголовок, а в поле Текст вставляем  Html — код формы подписки, который мы сгенерировали и сохранили .

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

Более подробно, как настроить виджет Текст прочитать можно здесь.
Как вставить форму подписки в блог

Далее обязательно Нажимаем кнопку Обновить в правой части экрана, переходим  на блог, смотрим,как встала форма подписки. Возможно не подошла ширина или нужно изменить выравнивание, тогда просто переходим в виджет Текст, открываем Html — код и редактируем ширину формы

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

Хотя я рекомендовала бы вернуться в SmardResponder, открыть эту форму и там всё подправить.

Когда форма подписки стоит в сайдбаре, это правильно. Её видно на любой странице. По моему мнению, очень хорошо, когда форма подписки стоит в верхней части Сайдбара, сразу после виджета Поиск.

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

Форма подписки в Сайдбаре

Как вставить форму подписки в конце статьи

Ещё важно, чтобы форма подписки стояла после каждой Вашей статьи. Это значительно увеличивает процент подписки.

Можно это сделать вручную. Для этого этого выбираем в админ — панели  Внешний вид → Редактор. В рабочей области экрана открывается Ваш блог в Html — коде. Справа, в колонке Шаблоны, находим шаблон одна запись (single.php). В рабочей области экрана теперь отображается Html — код этого шаблона. Именно сюда  и вставляем Html — код формы подписки.Как вставить форму подписки в блог

В данном случае можно поэкспериментировать. Можно вставить форму подписки в начало статьи, перед комментариями или после комментариев.

Я, когда начинала делать блог, много пробовала вариантов. Поняла, что в каждой теме есть свои особенности, поэтому как  будет отображаться форма подписки на блоге, может показать только практика.

Вставляем форму подписки в запись

Так же можно вставить форму подписки не в шаблон, а прямо в запись. Это для тех, кто совсем не силён в Html — языке.

Что нужно делать?

Небольшая справка. Редактор работает в двух режимах:  в обычном режиме для набора и редактирования текста  и других объектов в привычном для нас виде — кнопка  Визуально.

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

Обычный режим

Второй режим — это Html — редактор, который включается кнопкой Текст.

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

Html -режим

В таком режиме вставляются Html — коды медиа и видео файлов для отображения в  статье в  интерактивном режиме.

Итак, в обычном режиме какими — нибудь значками, ну, например, звёздочками, отмечаем место, куда необходимо будет вставить форму. Мы это делаем, чтобы при переходе в Html — режим сразу сориентироваться, куда вставлять Html — код формы подписки.Как вставить форму подписки в блог

Затем переходите в Html — режим — кнопка Текст.

 Находите отмеченное место и вставляете туда Html — код формы подписки.

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

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

Метод рабочий, но очень уж трудоёмкий. После каждой статьи заниматься вставкой формы подписки — ‘это круто.  Разве что для начинающих блогеров хорошая отработка навыка.

Этот метод очень актуален, если Вам нужно вставить, например, баннер после конкретной статьи

Как вставить форму подписки с помощью плагина Quick Adsense

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

И тогда на помощь приходит второй метод — с помощью плагина Quick Adsense Setting можно установить форму подписки после каждой статьи. Я не сторонник перегружать блог плагинами, но иногда без этого не обойтись. Как установить плагин на блог, можно прочитать здесь. Quick Adsense не исключение, устанавливается по стандартной схеме.

Плагин установили, теперь переходим к его настройкам. Для этого заходим в админ панель, выбираем Плагины → Настроить → Quick Adsense → Setting.

Плагин предназначен для размещения рекламы, но для формы подписки прекрасно работает. Просто постарайтесь всё сделать, как на скриншотах.

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

Первое, оставляем цифру 3, второе отмечаем поле Ads1 — в него чуть ниже мы будем вставлять код формы подписки. Далее, ставим галочки Записи, Страницы. То есть форма будет видна после каждой записи на всех страницах.

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

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

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

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

с Вами была Ирина Сорокина. Как всегда, рада Вашим успехам.

Новости блога

Это Вы ещё не читали!

3 comments

  1. Получилась хорошая и востребованная статья для новичков, думаю, она принесет им пользу.

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

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

Яндекс.Метрика