субота, 25 травня 2013 р.

Contact form

    Недавно появился новый виджет - Contact form. С его помощью можно быстро и просто отправить текстовое сообщение на email автора блога (если их несколько, то всем сразу), в том случае, конечно, если автор его себе установил :) Очень удобно, не светя свой email  спамерам можно получать письма. Заполняется всего три поля: имя отправителя, ваш email, текст письма и жмем кнопку отправить.
    Выглядит оно вот так:


    Фон прозрачен, цвета текста берутся из настроек блога, так что по дизайну впишется в любое оформление. Единственное, что может вызывать когнитивный диссонанс, это синий цвет кнопки "Отправить". Ну и еще язык в названиях полей устанавливается тот, что установлен в блоге, а он не всем может быть понятен. У меня украинский - заменила на английский. Ниже опишу как.
    Если оно вам не надо, то дальше можно не читать =)

    Для начала добавляем себе данный виджет. Делаем это как обычно, только он находится не в общем списке, а в дополнительных.


    Ему обязательно нужно вписать название, без него не хочет добавляться :( Никаких других настроек больше нет.
    Далее, в настройках блога, идем в раздел "Шаблон" и жмем "Редактировать HTML". Над кодом сверху есть кнопка "Перейти к виджету" - жмем ее и в выпадающем списке ищем ContactForm1, нажимаем.


    Вас переместит в самый низ кода (виджеты обычно там сидят), нужно найти строчку:

<b:widget id='ContactForm1' locked='false' title='Контактна форма' type='ContactForm'>

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


    Чтобы изменить текст над полями ввода, нам нужно найти строчки:

<data:contactFormNameMsg/>
<data:contactFormEmailMsg/>
<data:contactFormMessageMsg/>

и заменить их на вот такие (если англ. вариант):

<!--data:contactFormNameMsg/--> Name
<!--data:contactFormEmailMsg/--> Email
<!--data:contactFormMessageMsg/--> Message

или любые другие слова, вместо зеленых, какие вам больше понравятся.
    Чтобы изменить текст в синей кнопке ищем:

expr:value='data:contactFormSendMsg'

и заменяем на:

old_expr_value='data:contactFormSendMsg' value='Send'

соответственно вместо зеленого Send можно вписать любое другое слово.


    Чтобы изменить цвет кнопки, в строчку, где мы только что вписывали Send, в самом начале через пробел после <input добавляем:

style='background-color:#76a5af;background-image:none; border:none' 

   Абракадабра зеленого цвета, это тот самый цвет, который вы хотите дать кнопке (взять этот код можно в настройках шаблона).
    Нажимаем кнопку "Сохранить шаблон" и смотрим на результат в блоге.


    Если что непонятно, спрашивайте! :)




ps: спасибо мужу за техническую поддержку =)


pps: информация о виджете найдена тут, там еще есть инфа о том как ему поменять внешний вид или добавить его на статическую страницу (например "Контакты").

ppps: кстати, у меня слева есть картинка со словом Email, нажав на нее, мне тоже можно отправить письмо ;)

0 комент.:

Дописати коментар

Мене звати Наташа.
До мене можна на «ти».
Дякую, що завітали і за Ваші коментарі! =)