Форма подписки в статье блога — как установить?

форма подпискиПредставьте, что Вы устанавливаете форму подписки на рассылку внутри  статьи блога. А тема статьи как раз соответствует тематики рассылки,  на которую подписывает форма. И статья написана так увлекательно, что каждый, кто ее читает,  обязательно хочет получить дополнительную информацию.  Так в чем дело? Пишите, вставляйте и расширяйте  базу своих подписчиков.

Но тут  возникает трудность – форма подписки ни как не хочет красиво устанавливаться: то уезжает в сторону, то растягивается на всю ширину страницы. Короче,  отображается не корректно…  Что же делать?  Сегодня мы рассмотрим  некоторые способы установки формы внутрь статьи. Эти способы нам понадобятся и для создания мини сайта внутри блога
Хочу сказать, что для продвинутых пользователей эта статья будет вряд ли интересна, так как я буду рассматривать самые доступные способы установки формы подписки.

Способ № 1

Используем код, который предлагает нам SmartResponder.  В базе знаний ресурса есть подсказка, каким образом это делается. Правда он работает только для создания  старой формы.
Заходим на ресурс, создаем форму (надеюсь, как это делается,  Вы знаете), получаем код.
А вот теперь копируем код формы в обычный блокнот. Внимательно  просматриваем  и находим  строку

<table  width="240">

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

И вместо ее вставляем следующее

<table  width="240" style="margin:0 auto; text-align:center;">

Получаем вот такой код

Измененный код формы подпискиИменно его и вставляем в запись. Здесь надо обратить внимание на следующее: некоторые шаблоны, даже при замене кода, все равно растягивают форму по ширине страницы. Но выдерживают окна подписки по центру. Поэтому довольно часто мы получаем вот такой, не очень привлекательный, результат. Хотя при тестировании двух других шаблонов - форма устанавливалась в центре, но очень ярко просматривались контуры таблиц, в которые заключена сама форма.

Ваш e-mail: *
Ваше имя: *

Поэтому, для красивой установки формы используем

Способ № 2

Самый правильный способ – вставляем форму в таблицу.
Это внешний вид старой формы.

Ваш e-mail: *
Ваше имя: *

А теперь, если Вас устроили предложенные варианты, скопируйте два кода таблиц.

Таблица в три столбца. Устанавливать код формы надо в средний столбец, вместо слова ТЕКСТ. Он выделен жирным шрифтом и цветом. Это же слово в первом и третьем столбце надо просто удалить. Если Вы конечно не надумаете что вставить и в эти столбцы. Помните, что код устанавливается во вкладке - Текст, а не во вкладке Визуально. Во вкладке визуально Вы можете вставлять в свободные столбцы таблицы - текст, рисунки, фотографии. Прямо через загрузку медиафайла.

<table style="width: 100%;">
<tbody>
<tr>
<td style="width: 33%;">
<div>текст столбец 1</div>
</td>
<td style="width: 33%;">
<div>текст столбец 2</div>
</td>
<td style="width: 33%;">
<div>текст столбец 3</div>
</td>
</tr>
</tbody>
</table>

Таблица в два столбца

<table style="width: 100%;">
<tbody>
<tr>
<td style="width: 50%;">
<div> текст столбец 1</div>
</td>
<td style="width: 50%;">
<div>текст столбец 2</div>
</td>
</tr>
</tbody>
</table>

Есть еще один способ установки формы в конце каждой статьи - это использование плагина Post Layout. Но этот способ хорош для статей блога. Для одностраничника внутри блога он не очень подходит.

Ну вот пожалуй и все на сегодня. Удачной работы!

Related Posts Plugin for WordPress, Blogger...

About Смирнова Ирина

Очень рада приветствовать Вас на своем сайте! Моя задача - помочь начинающим интернет-предпринимателям пройти путь к поставленной цели без потерь. Смело перенимайте мой опыт! УДАЧИ!
Строим блогPermalink

10 комментариев к Форма подписки в статье блога — как установить?

  1. Пройдите вот по этому адресу. http://altacademic.ru/share/ Это статья об установке таких кнопок

  2. Leonard says:

    Добрый день. Ирина а не подскажете, как установить такие кнопки соцсетей как у вас. Спасибо.

  3. Leonard says:

    Огромное спасибо — все понятно и четко!

  4. Если Вы будете устанавливать код в редактор, то просто возьмите код формы в теги центровки. К сожалению теги в комментариях не отображаются, не могу написать…

  5. oleg says:

    Здравствуйте Ирина! Спасибо за урок, все как обычно объясняется очень доходчиво и предельно понятно, еще раз спасибо. У меня вопрос, я хочу поставить форму подписки от Фидбернер и хочу поставить ее в конце постов через Редактор — файл single.php. мне тоже действовать по Вашей схеме, начиная с изменения кода в блокноте и т. д. все по шагам? Спасибо.

  6. Ирина says:

    Здравствуйте, Ирина, с удовольствием побывала у вас в гостях. Красивый блог, прекрасный дизайн, интересные статьи, и гостеприимная хозяйка. Мне у вас очень понравилось. Формы подписки замечательные, я тоже стараюсь делать не стандартные формы, и поэтому меня привлекает любая информация по этому вопросу. Удачи, вам, и до встречи!

  7. Михаил says:

    Спасибо, понял. В принципе можно и в файле темы single.php вставить и наверное не только в конце поста? Я ещё не думал об этом, потому что маловато пока посетителей, но в планах хотел в будущем вставить подобную форму в посты. Но раз уж увидел вашу статью, решил поподробней расспросить. Спасибо!

  8. Можно этот код вставить в форму плагина Post Layout. И тогда он автоматически будет отображаться после каждого поста. Там есть возможность установить такую форму как после поста, так и на странице. Я в основном давала эту информацию для создания одностраничника с подписной формой внутри блога.

  9. mkovenkov says:

    Ирина, я так понимаю, этот код нужно вставлять вручную после каждого поста?

  10. Татьяна says:

    Ирина, это здорово, спасибо за этот урок! Так аккуратно и вроде не навязчиво, но пропустить невозможно эту форму, хоть снова на курсы записывайся. 🙂

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