Как создать красивую форму подписки для сайта WordPress.

Как создать красивую форму подписки для сайта WordPress.

Здравствуйте друзья! Вот как и обещал Вам, пишу статью о том "Как создать красивую форму подписки для сайта WordPress", которая будет привлекать внимание людей!

Для начала нам нужно создать стандартную форму подписки а уже потом из нее сделать красочную, красивую, привлекательную ну что бы прям УХ)))) Как создать стандартную форму подписки читайте => Здесь <=

Прочитали? Сделали стандартную форму подписки на своем блоге? Если да, то давайте теперь из стандартной делать, вот такую красоту))) И так, что нам потребуется:

Фотошоп. (Если у Вас его еще нет, то быстренько скачайте и установите)

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

Готовый HTML код, для вставки картинки (я Вам его предоставлю)

И немного терпения

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

Ну или если вам лень рисовать, то закажите картинку на веблансере, где Вам сделают обалденную картинку за 250 – 300 рублей.

Если есть желание, можете посмотреть Видео Урок, в котором я рассказываю как сделать картинку такую как вы увидели выше и по этому примеру, создадите картинку

[embedded content]

Так, картинка для формы подписки у нас уже готова.

Теперь эту картинку Вам нужно закинуть на свой хостинг в корневую папку блога. Закинули? ОК!!!

Но для того что бы эту красивую картинку как то впихнуть в форму подписки, нам нужен HTML код, копируйте вот этот код и сейчас мы его не много отредактируем:

1

2

Вместо надписи в коде «сайт. ru» приписываете доменное имя своего блога, а вместо надписи «название картинки» прописываете название вашей подготовленной картинки для формы подписки. И редактируете высоту и ширину картинки, подгоняете под размер сайт бара на Вашем блоге.

Width – это ширина

Height – это высота

Код отредактировали! Гуд))

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

Для этого переходим в админ. панель блога «Внешний Вид» => «Виджеты», выбираем виджет «Тектс», в котором размещен HTML код формы подписки, и нажимаем «Изменить» и вот тут то нам и нужно вставить код картинки:

Вставляем код картинки прямо перед тегом <form Код вставили! Окей)))) Теперь сохраняем изменения, переходим на главную страницу блога, обновляем его и видим результат

Ребята если у Вас будет картинка вылазить за пределы сайт бара то отредактируйте ее размер Еще если у вас будет большой отступ от левого края сайт бара до картинки, то это отступ редактируется вот здесь Вот таким образом по играйтесь с настройками и подгоните размеры под Ваш сайт бар.

Отредактировали размер??? Все получилось у Вас???