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

mail2 Хочу поделиться тем, чему сама научилась совсем недавно. Когда я начала создавать сайт обучаясь на курсе “Start Up”, я устанавливала формы подписки по feedburner и SmartResponder такими, как их формируют почтовые системы. Для этого  надо было зарегистрироваться в этих системах, создать подписку  и получить HTML код  который вставить в виджете Текст. Довольно долго на сайте была форма  с двумя полями Ваше имя и Ваш электронный адрес и кнопочкой подписаться. У многих на сайтах в подписках, особенно на подарки есть картинки. Я долго не знала, как это сделать, пока не затеяла украсить сайт.  После переустановок и восстановления информации все таки украсила страничку. В поисках плагинов для украшения мне попался скрипт счетчика обратного отсчета на сайте Тестируем шаблон. И благодаря этому счетчику я научилась вставлять картинки  перед формой рассылки.

Скачала из интернета понравившуюся мне картинку  и загрузила ее на сайт. Потом зашла в библиотеку медиафайлов, нашла загруженную картинку и в режиме ИЗМЕНИТЬ  открылась страница, на которой есть URLадрес картинки.  На картинке подчеркнуто место, где этот адрес указан. Нажмите на картинку  и она откроется в новом окне.vid1-1

Для того, чтобы картинка поместилась в поле сайтбара пришлось изменить ее размеры. Для этого нажав на кнопку РЕДАКТИРОВАТЬ, которая находится под картинкой, попала на страницу где нужно еще перейти по выделенному тексту МАСШТАБИРОВАТЬ и установила необходимые размеры.  На картинке отмечено птичкой, где менять размеры. Нажмите на картинку, чтобы увеличить.vid2-1

Теперь чтобы эту картинку вставить перед формой подписки, в виджете Текст, где размещен код подписки вставить код картинки.

Код картинки, которая будет размещена по центру:

<center><img title=»Почта» src=»http://kaleydoscopeuslug.ru/wp-content/uploads/2014/01/mail-e1390057744291.jpg» alt=»» width=»132″ height=»107″ border=»0″ /></center>

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

А оранжевым цветом выделен URLадрес картинки.  

Удачного использования, если вам это нужно.

 

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

  1. Елена

    Спасибо! Буду изучать и применять.
    Я тоже закончила курсы “Start Up” два года назад, благодарна преподавателям, многому научилась.
    Успехов Вам!

  2. илона

    Час добрый! Спасибо Вам большое, Вы умница! Но увы , у меня ничего не получилось….. над формой висит просто как бы пустое изо картинки и все, но когда переходишь в библиотеке где эта картинка размещена попадаешь на страницу, где просто картинка слева на отдельной странице (эх жаль нельзя скрин поставить) а сбоку форма без нее. итак и этак, вроде все Вы понятно объяснили а я все правильно сделала, но…

    1. Natalya Shiryamova Автор записи

      Илона, здравствуйте. Я давно писала эту статью. Если хотите, давайте через скайп посмотрим что у вас не получилось. Добавляйтесь nashir1966 с пометкой калейдоскоп

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

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

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.