Плагин Post Layout Pro. Как поставить форму подписки или html код сразу во все статьи на блоге.

20 Сентябрь 2012
WordPress






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

Если хотите такую же форму подписки, то нажмите на картинку, она активная.

Как поставить форму подписки  в статью. Честно говоря, давно пыталась ставить формы подписок после постов. Но почему то получалось ужасно некрасиво. Форма совершенно меняла вид, появлялись какие-то посторонние линии, а некоторые формы вообще не отображались.

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

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

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

Причём вы можете поставить код на все свои статьи сразу, а так же на страницы, категории, на Главную страницу, а так же теги и категории, до комментариев и после комментариев (по Вашему выбору). Для этого нужно воспользоваться плагином. Это удобно, так как  не надо в каждую статью вставлять код.

Называется он Post Layout Pro, плагин легко устанавливается и настраивается. Вы можете установить его прямо из админки блога или скачать здесь. Если же не знаете как это сделать, то посмотрите видеоролик Установка плагина WordPress

Плагин очень простой в обращении, после того как Вы его активируете, надо нажать Параметры, а потом найти в списке Post Layout

пагин пост лауот






Советую Вам настраивать его из браузера Гугл Хром, так как там он будет переводиться с английского языка. А вот тут то существует подвох, если Вы сохраните изменения в переведённом виде. То после того как зайдёте посмотреть что у Вас получилось, то можете прийти в ужас, так как код переведётся тоже на русский язык.

А теперь смотрите на скриншот, все категории я перевела для Вашего удобства

плагин для вставки кода

Первый блок окон для вставки кода для того чтобы вставлять html коды в статьи Вашего блога (Single post)

  • Первое окошко (Before the content)для того чтобы вставить код сразу после заголовка
  •  Второе (In the middle of the content) для того чтобы поставить код в середину статьи, а под окошком есть ограничитель знаков (я обвела его зелёным) Ведь всё-таки это середина статьи и такой ограничитель довольно-таки кстати.
  •  Третье (After the content) для того чтобы поставить его после статьи. Выглядит этот блок вот так

sdgre

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

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

post layout3

  1. Отключить внедрение кода совсем
  2. Отключить внедрение перед содержанием
  3. Отключить для середины содержания
  4. Оключить в конце содержания

 Второй блок для того, чтобы вставлять код на страницы (Page)

  • Первое окошечко (Code before the page) для вставки в начало страницы
  • Второе (Code after the page) для вставки в конец старницы

Третий блок для вставки кода на Главную страницу, а так же в разделы Тэги и Категории (Home and tags and categories pages)

  • Первое окно (To add before the post content) для вставки кода до содержания
  •  Второе (To add after the post content)  для вставки кода после сожержания

Четвёртый блок для того, чтобы вставить код до или после Комментариев (Comments)

  •  Первое окошко (Code after comment form) для того чтобы вставить код после формы заполнения  комментария, вот как это выглядит (Для примера я взяла значок RSS)

  •   Второе для того чтобы разместить код под последним комментарием (Code after the last comment), но почему то у меня на блоге это не получилось

 Раздел Code blocks

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

И ещё хочу предупредить Вас, что если Вы поставите код, сохраните, а потом захотите добавить ещё, то может случиться неприятность, картинки могут поползти или испортить дизайн блога. Вы не расстраивайтесь, а просто поставьте все коды заново. (При этом не забывайте смотреть на размер изображений, которые вставляете, они не должны быть шире, чем  поле для статей на Вашем блоге!)

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

А Вы какое место на сайте считаете самым выгодным для формы подписки на рассылку?

 

Вы можете прочитать другие  статьи,
для этого воспользуйтесь Картой сайта.
А также получать новые статьи прямо на Ваш почтовый ящик.
Введите свой E-mаil:

 


С Уважением, Татьяна Чиронова   






  

Сохраните пост к себе на стенку в соцсети



 


А здесь можно публиковать анонсы постов по теме:  


 










На ту же тему
Обсуждение: 37 комментариев
  1. Огромное спасибо за статью…

  2. Спасибо за разжеванный материал. Буду ставить. Очень красивый новогодний след от курсора. Спрашивать как сделано не буду. С Новым годом Вас. Удачи Вам, а вашему блогу тысячи читателей!

  3. Установила виджет группы Одноклассники. У меня вопрос, как изменить «войти в группу» на «+присоединиться»

    • Светлана, дело в том, что вам и тому кто уже в группе виджет показывает «Войти в группу», а тому кто не является участником показывается надпись «Присоединиться».

  4. Здравствуйте. Столкнулся с проблемой подписки. Подписная форма от smartresponder не вставляется в страницу без искажений (в виджет встает хорошо). Сделал запрос в службу поддержки, но там ответили, что у них есть для этого спецплагин, но он доступен с платной формой подписки. А т.к. для меня пока платная форма излишняя, решил поискать в сети. Вышел на Ваш сайт. Но рекомендуемый Вами плагин Post Layout Pro также не работает с подпиской (т.е. точно также искажает форму) НА СТРАНИЦЕ. К тому же он создает форму на ВСЕХ страницах, а мне нужна только на страницах по выбору. Может подскажете что, буду очень признателен. Спасибо.

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

      • Сайтбар исключается. И как закрыть в не нужных местах не понятно, настроек таких там нет. Я все-таки нашел отличный плагин WP Optins для создания страницы подписки. И форму не искажает, и страниц подписки можно делать хоть сколько, и опции дополнительные есть, и видео можно вставить (я не вставлял, мне пока не нужно). Есть тоже небольшой минус, искажает размеры окна комментариев (растягивает), но с этим уже можно побороться, это внутреннее дело сайта и smartresponder не помешает и не исказится. Посмотрите сами/

        • Хорошо что вы нашли решение.
          Но у меня с этой задачей прекрасно справляется плагин Post Layout.
          Почему и была написана данная статья.
          А то что он у вас не работает, возможно, что это связано с шаблоном вашего блога.

      • В принципе комменты можно убрать, но тогда надо делать специальную обратную связь для этой страницы.

  5. Мария:

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

  6. Спасибо, давно искал такой плагин. Сейчас скачаю и пойду разбираться.

  7. Татьяна, у Вас тут всё так простенько, и в то же время доступно. Очень понравился интерфейс. Продолжайте в том же духе! :grin:

  8. Виктория:

    Спасибо Татьяна, это очень ценный атрибут для сбора подписчиков! :razz:

    Вообще конечно оптимальнее всего заказать такую установку фрилансеру, чтобы не загромождать блог плагинами, ведь скорость загрузки блога тоже очень важна.
    Но я пока воспользовалась Вашим советом, если все заказывать у фрилансера — накладно получается. Всему свое время! и до этого доберемся… Спасибо еще раз! :razz:

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

  9. Здравствуйте. Я сделала все как Вы сказали установила плагин, но вместо формы подписки код. Напишите пожалуйста по шагам что нужно делать, чтобы форма встала как у Вас.

  10. Оксана:

    Татьяна, не хватало кое-каких нюансов для того, чтобы все встало на свои места. Все работает теперь, спасибо!

  11. Инна:

    Спасибо! Сколько времени мучилась, вручную вставляла кода в каждую статью. Еще совсем не разобралась, но даже, что сделано уже радует.

  12. Как всегда информация от Татьяны интересная и полезная . Нужно попробовать.
    Пока я делаю так: Вставляю в любом месте страницы или записи блок DIV.
    Код для вставки блока

    В это место вставить код формы подписки Smart Responder.

    остается изменить высоту height и ширину width по размеру формы взятую при ее составлении в Smart Responder. Тег margin центрирует форму. Довольно просто! Не нужно лезть в таблицы стилей.

    • Татьяна Чиронова:

      Спасибо! Пригодится!
      Но я так привыкла к плагину, удобно :razz:

  13. Анна:

    Татьяна, спасибо, очень помогли!!!! :razz:

  14. Инна:

    Танечка можно попросить Вас заглянуть ко мне на сайт пока трогать ничего не буду, хочу что бы Вы посмотрели (если это можно конечно), В последнем посте я форму самостоятельно не ставила, а установила плагин, как Вы говорили, а в других теперь две формы меньше та что в ручную(я хоть как то уже научилась ее чуть чуть сжимать) Может пока оставить ввод в ручную (хотя она тоже не корректная)?

    • Татьяна Чиронова:

      Инна, форму подписки лучше сжимать на Смартреспондере, а не вручную. Я зашла на Ваш блог и, честно говоря, не поняла в чём проблема или всё уже в порядке?

  15. Инна:

    Танечка, а у меня та же проблема и осталась, форма растянулась на всю ширину листа как печатный текст.

  16. Инна:

    Спасибо БОЛЬШОЕ! Только вчера сидела больше двух часов, что бы вставить красивую форму после статьи. Я уже и рамку из ворда пыталась вставить что бы туда форму потом ничего не получается. Форма для подписки растягивается на весь лист (как печатный текст) Игралась долго. Спасибо Вам еще раз, сам Бог Вас мне послал.

  17. Надежда Пинчук:

    Спасибо за интересный плагин. Почему-то упускала его из виду. У меня вопрос. Код для мобильных телефонов? Проясните этот момент. Спасибо

    • Татьяна Чиронова:

      Эти поля для того, чтобы видеть поставленные коды, когда народ заходит с мобильных телефонов. Я их не стала ставить, так как там в самом начале есть окошко, которое называется «Включить мобильный агент пользователя обнаружения». Потому что кода я включила этот пункт, у меня коды начали сбиваться.
      А как я понимаю, раз там поставлен это пункт, то если он не включен, то с мобилок всё равно будет не видно…

  18. Анна:

    Огромное спасибо за статью. Для меня это всё ново и очень интересно. Хотелось бы, чтобы всё сработало на блоге, но пока ещё после первого прочтения статьи не всё поняла. Я люблю читать » с чувством, с толком, с расстановкой». Приду ещё раз на ваш блог, чтобы прочесть уже с карандашом в руках. Я сначала пошагово записываю, а потом делаю. Удачи всем!

  19. Анатолий Солодкий:

    Добрый день, Татьяна! Спасибо за интересный плагин, нужно попробовать
    установить. В Смарте таких форм подписки я не видел ни старых, ни новых. Как
    сделать форму, примерно как у Вас!

    • Татьяна Чиронова:

      А это формы подписки из видеокурса Виктора Рогова «Доходная графика». Ссылочку я поставила в статью, чтоб не спамить на своём же блоге в комментариях :)

  20. Татьяна Чиронова:

    У меня тоже много планов, но мало времени на реализацию. Наверное у большинства женщин так.

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

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Свежие записи
Как снизить нагрузку на CPU хостинга cайта вордпресс
Как снизить нагрузку на CPU хостинга cайта вордпресс
Создание gif анимации онлайн без фотошопа. Фоторедактор PicMix.
Создание gif анимации онлайн без фотошопа. Фоторедактор PicMix.
Как настроить YouTube для удобного просмотра видео и отключить рекламу. Плагин для хрома Magic Actions for YouTube™
Как настроить YouTube для удобного просмотра видео и отключить рекламу. Плагин для хрома Magic Actions for YouTube™
Free Traffic Club — бесплатная реклама в Фейсбук
Free Traffic Club — бесплатная реклама в Фейсбук
Как правильно установить Savefrom net для Google Chrome
Как правильно установить Savefrom net для Google Chrome
≡ 
 А вам подарок
смартреспондер
Дешевый хостинг
Интернет технологии для вас © 2016 ·   Войти Наверх