Русская версия SimpleModal Contact Form
Для обратной связи, то есть отправки электрописем себе любимому, я достаточно давно использую на всех своих сайтах красивый плагин Эрика Мартина SimpleModal Contact Form (SMCF), написанный для WordPress с использованием AJAX/jQuery. Недавно Эрик добавил поддержку перевода на другие языки, а я собрался с духом и перевел все на русский.
К сожалению, длина русских слов заметно больше английских, поэтому пришлось не только добавить файлы перевода PO/MO, но также заменить подложку кнопок Отправить/Отменить и кое-что подкрутить в стилях отображения.
Установка
- Распакуйте содержимое архива в директорию «/wp-content/plugins/» вашего блога.
- Активируйте плагин в панели управления блогом.
- Настройте плагин по своему вкусу (Параметры » SimpleModal Contact Form).
- Пользуйтесь SMCF!
Использование
SMCF для работы использует гиперссылки класса «smcf-link». У вас есть три возможности:
- Добавить к существующей ссылке указанный класс:
<a href=”/contact” class=”smcf-link”>Contact</a>
в случае, если у пользователя отключена поддержка JavaScript, у него откроется страница, указанная в параметре «href». - Использовать функцию «smcf()» в файлах вашего шаблона (например, в sidebar.php):
<?php if (function_exists(’smcf’)) : ?>
<?php smcf(); ?>
<?php endif; ?> - Если ссылка на ваши контакты генерируется динамически с использованием функций WordPress «wp_page_menu()» или «wp_list_pages()», вы можете указать заголовок (title) ссылки на контакты в настройках SMCF и плагин попытается автоматически добавить туда класс «smcf-link».
- Посмотреть SMCF в действии
- Скачать русскую версию SMCF
- Скачать только файлы руссификации
- Сайт автора SimpleModal Contact Form
Обновление от 21.05.2009. Важно
Для нормальной работы плагина обязательно наличие вызова функции wp_footer() в подвале темы вашего блога (обычно это файл footer.php).
Постовой
Оцените дизайн квартир, в котором используется математика покера и останется только лечение алкогольной зависимости.
81 комментария (-ев)
А на версии 2,6,х вы пробывали? У меня не работает, на форуме тоже были проблемы с плагином на старой версии движка.
Я раньше видел этот jQuery скрипт, но тогда мало что понимал в jQ и wordpress. В книге Бибо и Кац
Перевод не работает.
Как можно легко убедиться, нажав выше на «Посмотреть SMCF в действии»: работает.
Возможно, у вас в «wp-config.php» не указан параметр «define (’WPLANG’, ‘ru_RU’);»
AlexPTS писал:
Нет, я тестировал только на 2.7.х. Автор плагина пишет, что работает «up to 2.7.1»
Поясните на пальцах, как эту форму добавить в статическую страницу (контакты например)
Установил плагин, создал статическую страницу “контакты”, поместил туда Contact нажимаю на Contact и получаю “Не найдено” (ошибка). После нажатия Contact, что должно появится? Форма?
Вот пример с моей страницы «Обо мне». На странице текст выглядит следующим образом:
Здесь в комменте ссылка нерабочая, но на странице все чики-пуки.
А вот код со страницы:
Ну да, вместо кавычек нужны угловые скобки.
@MyasNick:
И так и сяк, ну не получается у меня чики-пуки!Так и не понял как эту форму вызвать, как должен код выглядит, который нужно вставлять в статическую страницу… Результаты такие: либо “не найдено” либо просто пере адресация на страницу. Видимо у нас с Вами разница в том, что у меня только ПУКИ получаются, вместо ЧИКИ-ПУКИ. Это от индивидуальности человека зависит, а еще от знания программирования кода ( у меня эти знания на начальном, совсем начальном уровне) Но спасибо за перевод плагина, наверно Вы сделали важную работу и это кому то пригодится!
1. Код вызова формы должен быть оформлен гиперссылкой.
2. Гиперссылки в языке HTML оформляются тегом «a»:
«a href=”здесь адрес ссылки”»здесь текст ссылки«/a»
3. Чтобы ссылка вызвала форму SMFC нужно просто добавить к открывающему тегу class=”smcf-link”, чтобы она приняла вид:
«a href=”здесь адрес ссылки” class=”smcf-link”»здесь текст ссылки«/a». Отредактировать ссылку можно прямо в редакторе страниц и постов WordPress, открыв закладку HTML.
4. Это всё, что нужно сделать. За исключением копирования плагина на сервер и его активации в панели управления блогом.
Если всё сделаете аккуратно по шагам будет и вас пуки не без чики.
Да, не забудьте угловые кавычки в тегах заменить на угловые скобки: редактор комментов WP не отображает теги, а парсит их, редиска.
И ещё, если вы копируете код через буфер обмена, не забудьте заменить кавычки-лапки “” вокруг smcf-link на обычные, те, что на клавиатуре. Это опять же WP автоматом заменяет.
Да я старался, так сделать, как вы написали, начальные знания HTML во мне присутствуют… wp 2.7.1 шаблон правда не новый… но не могу получить результат… Можно я Вам по обратной связи напишу адрес сайта и пароль от админ панели? Я перезалью плагин по ftp и активирую. а Вы зайдете создадите статическую страницу и вставите правильный код. А я потом посмотрю, как Вы поля заполнили и какой код в страницу писали, научусь таким образом. У вас это займет 1 мин времени, а я получу знания на всю жизнь. Можно попросить Вас об этом бесплатно? Если Вы мне откажите, я не обижусь, я Вам благодарен уже за то, что Вы вообще вступили с мной в диалог…
Присылайте.
Николай, у меня другая загвоздка. С ссылкой все понятно и форма выводится, но все на английском языке(кроме настроек в админке)
При правке английских слов на русские (Name-Имя и так далее) все отображается нечитаемыми символами.
Как с этим бороться не знаю :(
P.S. Блог в кодировке UTF8
@Александр:
Если вы правите в исходнике, то его (исходный файл) нужно сохранить в кодировке UTF-8 без BOM. Можно воспользоваться бесплатным Notepad2.
Хотя странно, долно и так всё на русском выводиться, для того и переводил. У вас перевод WP официальный?
Попробую завтра как Вы советуете.
Вордпресс 2.7.1_RU с сайта поддержки русского вордпресс
mywordpress.ru
@vodopads:
Проблема решена. В файле footer.php используемой темы не было вызова функции «?php wp_footer(); ?».
Функцию добавили, всё заработало.
@Александр:
Возможно, WP по какой-то причине не находит файлы руссификации.
Да и вот ещё что: названия файлов руссификации SMCF должно соответствовать шаблону smcf-< префикс локализации, указанный в файле wp-config.php>.mo. По-умолчанию — это smcf-ru_RU.mo. Проверьте на всякий случай.
@MyasNick:
Спасибо Вам большое за отзывчивость, согласен с тем, что проблема не в плагине была, а в моих знаниях («?php wp_footer(); ?» мне нужно добавить в шаблон). Да! плагин отличный (очень красивый), перевод качественный, да и вообще все идеально работает. Если внимательно все прочитать (инструкцию), все получится (даже у не подготовленного чел.), у меня теперь получается на любой теме, я научился! Низкий Вам поклон за это, уважаемый Николай!
@vodopads:
Пожалуйста!
Понял в чем причина. В файле wp-config при установке я закоментировал строку define (’WPLANG’, ‘ru_RU’); с целью снижения нагрузки. Теперь раскоментировал и перевод заработал.
Я понял почему не работал перевод.
При установке я закоментировал строку
define (’WPLANG’, ‘ru_RU’); с целью уменьшения нагрузки. Сейчас раскоментировал и все нормально стало. Перевод работает
Николай, большое спасибо за перевод. Пошел заниматься дизайном формы. Ссылка на Вас естесственно будет.
@Александр:
Пожалуйста, рад, что всё работает. И вам, в свою очередь, спасибо за ссылку.
Спасибо огромное! Просто нет слов, очень удобный плагин, легкая и не нагроможденная излишествами форма.
Пожалуйста!
Николай, посмотрите пожалуйста, в чем может быть проблема. После отправки сообщение, ниже слова “Спасибо!”
Вот такая галивотья отображаеться -
“Р’Р°С?Рµ сообщение СѓСЃРїРµС?РЅРѕ отправлено.”
Нашел её в Файле smcf-ru_RU.mo, там весь файл в такой голимотье.
Это не галиматья. Это русский текст в кодировке UTF-8. Видимо, вы открывали файл редактором, который эту кодировку не поддерживает.
Если вы ничего не меняли в файлах самого SMCF и файлах перевода, то, скорее всего, кодировка вашего блога отлична от UTF-8. Возможны и другие причины, но слишком мало информации, чтобы делать предположения.
Проверил, могло ли такое быть что исходники с такими текстами?
Исходники формы не содержат текста на русском, перевод хранится в двух файлах .po и .mo. Но неосторожная работа с исходниками могла привести к проблемам с выводом текста. Тем более, что строка «Спасибо!», как я понял, выводится вполне корректно.
Вот ещё подумал: если вы редактировали файлы перевода и сохранили их редактором без поддержки UTF-8, то могли получить аналогичные результат.
Вот Вот, Николай я именно их и проверял .po и .mo в po все нормально, а в .mo крокозябры. Николай глянте пожалуйста, может правдо исходники. Мой сайт в подписи
Если вы не трогали эти файлы, то все там нормально. Я тоже в EmEditor вижу «кракозябры» в .mo, пока принудительно не выставлю UTF-8.
Сайт посмотрел. Да, кодировка слетела. Исходники ваши, как вы понимаете, посмотреть не могу, но и так видно, что вы их редактировали. Проверить просто: поставьте оригинальный SMCF с моего сайта. Если получите нормальный русский текст, значит вы что-то зацепили в исходниках. Если и дальше будут «кракозябры», значит, скорее всего, несоответствие кодировок блога и перевода.
Кстати у меня тоже так было. Пробовал и перезакачивать плагин и перевод к нему. Ничего не помогало. Потом взял файл “smcf_data” и в нем перевел нужные строки на русский.
А кодировка блога у меня UTF 8. Почему такое получалось так и не понял
.po и .mo можно править в poedit. Николай, будте добры, помогите еще разобраться, на форуме оставил вопрос.
Алексей писал:
С удовольствием бы постарался помочь, но совершенно не уловил сути вопроса :(
Сайт в подписи. Установил на новый сайт, когда установил плагин, форма вообще отказывалась работать, после нажатия на ссылку с стилем class=”smcf-link”, открывла не существующею страницу”/contact”/. А формачка нужна именно эта, красивее я не видел))) Я покавырялся и нашел отличия с сайтом на котором форма работает, вставил в шаблон недастоющий код, стили переписал в общий файл. Форма визуально начала загружаться, но отправка не работает((( Думаю что еще нужно где-то, что-то пошевелить. Будте добры, подскажите что.
И еще… В выдаче поднялся сайт на котором я установил эту замечательную форму первый раз, и посыпались сообщения. Но в этих сообщениях отсутствует e-mail, который указывает пользователь.((
Я думаю, нужно установить оригинальный код формы просто потому, что он полностью рабочий и много-много раз проверенный. Затем постараться понять, почему она у вас не работает. Ясно же, что дело не в коде формы.
Так, просто мысли: возможно, старая версия WordPress, отключена поддержка jQuery, отключена поддержка JavaScript, да мало ли что ещё.
Разобрался с e-mail, нужно в фале smcf_data.php заменить код
// Set and wordwrap message bodyна$body = "From: $name\n\n";
$body .= "Message: $message";
$body = wordwrap($body); // default is 75 characters
// Set and wordwrap message body$body = "From: $name\n\n$email\n\n";
$body .= "Message: $message";
$body = wordwrap($body); // default is 75 characters
Это, конечно, хорошо. Но я бы всё-таки постарался понять, почему не работает форма исходя из того, что проблема не в ней. Хотя бы потому, что позднее могут всплыть косяки и с другими плагинами, использующими jQuery и Simple Modal.
@Алексей:
Кстати, да: сайт у вас довольно симпатичный.
Отличная красивая форма,спасибо
Николай спасибо. Разобрался, не вставил в шаблон функцию wp_footer(). Спасибо за перевод. Форму всем советую, и дизайн меняется элементарно.
Не за что. Рад, что всё заработало.
На 2.8.2 MU не работает, при попытке сохранить настройки – пишет об отсутствии файла настроек…
А аналоги существуют?.. раньше на сайте IBM-а была фича такая на каждой странице.. удобно!
@Александр:
Насчет MU ничего сказать не могу — не тестировал. Наверное, имеет смысл спросить автора плагина: http://www.ericmmartin.com
Здравствуйте!
Я установил эту форму, вроде всё ок. но вот только размер кнопок “отправить” и “отмена” слишком узок, они закрывают часть текста (на кнопках) непойму почему их так перекосило…
посмотрите пожалуйсто!
@rx777:
Ну правильно, вы взяли оригинальную форму отдельно, а перевод отдельно. Как легко заметить, картинки кнопок в оригинале меньше, чем нужно для русского языка. Поэтому в своём варианте я увеличил их размер. В общем, вам нужно не только .mo/.po файлы перевода, но и картинки кнопок из папки «img».
Спасибо за быстрый ответ!!! Буду править))
Здравствуйт! написал а на почту не приходит что то!
@Бахыт:
Куда вы написали и что не приходит?
Здравствуйте Николай, у меня 2 вопроса:
1. Всё таки я всё прочитал и в футер поставил код и в конфиге всё прописано насчёт языка а русского так и нет (
2. Возможно ли сделать так что бы на одном сайте эта форма использовалась на нескольких получателей ?
У меня сайт про визитки компаний, что бы к каждой из компаний пользователь мог отправить письмо конкретно этой компании а не админу сайта (т.е. мне) и где там настраивать адрес получателя ?
Спасибо !
@Денис Борцов:
По пункту №1: у вас нет русского только в SMCF или на всём блоге? Если только в SMCF, то как вы устанавливали сам плагин и перевод к нему?
По пункту №2: насколько я понимаю, всё возможно, нужно просто уметь. Боюсь, я в данном случае, не подхожу — я просто сделал перевод.
Только в SMCF, качал вашу сборку, скопирывал в папку и активировал, прописал гипер ссылку в статье, окошечко выезжает как надо, но заголовки по инглишу ( За второе обламался я (
@Денис Борцов:
Это не моя сборка, там мои только файлы перевода с расширениями .mo и .po, а также файлы кнопок, так как в оригинале они слишком маленькие для русских слов.
В чём у вас проблема, пока не понимаю совершенно.
По пункту #2
В админке – настройка плагина, там и пишите e-mail получателя, если нужно два, то второй через запятую. У меня работает.
На счет пунтка №1
может язык по умолчанию английский на сайте
Язык русский по умолчанию на сайте. Если через запятую имылы рисовать то письма будут на все эти имылы приходить ?
Здравствуйте Николай.
Все скачала , установила, активировала. В параметрах все на русском и все как бы готово к работе, но…для самых дореволюционных чайников, скажите что с этим делать чтобы это открывалось на страницу, которая называется ОБРАТНАЯ СВЯЗЬ? Если можно то простым и доступным языком. Спасибо!!!!
Все заработала, только вот обновилась версию, которая автоматически отразилась в окне плагинов и ссылка на ваш сайт исчезла :-( Очень благодарна Вам за организацию формы.
Надежда писал:
На здоровье!
Собственно, вы уже используете не мой перевод — в новую версию автор формы вставил альтернативный вариант. Поэтому, кстати, ссылка и пропала.
Доброго времени суток!
Спасибо за инструкцию. Всё получилось в отличие еще от 4х плагинов обратной связи, которые я попыталась установить и настроить (может всё дело в версии самого ВП 2.8.5??)
Есть две просьбы.
Цветовая гамма и каптча (или любой анти-спам, вот как флажок у тут у Вас)) – изменить и добавить (соответственно). Такое возможно?? Если да, то как??
Спасибо
Этот плаги не спамят, он по умолчанию в display:none; поэтому не стоит усложнять Вашим поситителям жизнь
А у меня плагин работает, только письма на почту не приходят. Помогите разобраться. Какие могут быть причины?
@Сергей:
Причин может быть очень много. Вам, наверное, лучше обратиться к разработчику. Я всего-лишь перевёл плагин на русский.
@ksana:
Как уже тут писали, капча для плагина вам не нужна. Если нужна защита от спама в комментах, попробуйте «Я не робот» (я им пользуюсь, полностью доволен).
Цветовая гамма SMCF в основном настраивается в стилях (файл с расширением .css), цвет кнопок можно изменить в графическом редакторе, например в Paint.Net
Плагин установил, но пришлось немного помучатся.
Чтобы заработало как надо, нужно чтобы ссылка имела вид: Contact. (Обратите внимание на кавычки все одинаковые!)Здесь всё просо.Далее.
Всё выводится на русском, но последняя фраза “Ваше сообщение успешно отправлено.” – выводится как абракодабра. Чтобы это исправить сделал следующее.
1. Использовал редактор Notepad++
2. Открыл в редакторе файл smcf-ru_RU.mo
3. Внимание! Нашел фразу абракодабры при помощи поиска.
4. Заменил фразу аброкадабры на “Ваше сообщение успешно отправлено.”
5. Сохранил файл при этом кодировку не менял!
6. После этих манипуляций всё выводит на русском! :))))
Если кого не устраивают ссылки, которые выводятся внизу модального окна, их можно либо стереть или исправить.Конечно если автор не будет против.
Здравствуйте Николай.
У меня работал плагин несколько дней назад, а потом перестал.
За последние дни я устанавливал пару плагинов (easyspoiler и lightbox). И думаю, что эти плагины сбили вывод формы, так как сслыка (1 вариант; вместо /contact стояла #) теперь вообще неоткрывается и никак не реагирует. Второй вариант ведет на страницу contact (форма не открывается). Третий вариант размытый (в настройках плагина smcf нет поля для заголовков) – непонял ни у вас здесь, ни на других сайтах.
Хотя не суть, думаю что дело в JQuery или js. Как проверить загружаются ли они, работают ли? В браузере включены точно, проверял на трех.
Или где искать ошибку?
@Иван:
Я, к сожалению, не в курсе. Я просто перевёл плагин на русский. Но первое, что я бы сделал — это откатил все внесённые изменения и посмотрел, что получится.
Здравствуйте!
Плагин установил, все настройки на русском языке и понятны, но не пойму как его активировать на сайте. В виджетах он не отображается, каким способом его поставить на сайт?
@Сергей:
Здравствуйте, Сергей!
Прочитайте внимательно пост, к которому вы оставили комментарий, а именно разделы «Установка» и «Использование», и у вас — вуаля — всё получится.
Значит, так. Первое – с ВП версии 2.9.2 работает (установила только на 1 сайт, вскоре последуют остальные). Когда настраивала, даже не знала, будет ли результат.
Я в этом деле чайник, собственно… короче, допускала такие ошибки, как копирование адреса ссылки из комментариев на этом сайте ))) а там кавычки заменяются ))) то одно не работало, то другое.
Все сделала, как написано здесь + добавила вызов функции в подвал. И пробное письмо на мыло уже пришло ))
Спасибо за вашу работу – все получилось!
А у меня сразу все получилось!!!
Большое спасибо за перевод. Плагин этот видел уже давно, но не знал с какой стороны к нему подступиться.
Еще раз большое спасибо!!!
Всем пожалуйста!
Получилось с первого раза, очень понравилось, просто супер
Спасибо за плагин и за перевод. В какое место в footer.php вставить надо “?php wp_footer(); ?” Плагин работает (наверное), но почему-то не срабатывает отправка письма, говорит “К сожалению, сервер препятствует отправке вашего сообщения”. Подскажите, пожалуйста, почеиу?
tata писал:
Пожалуйста!
tata писал:
После всех значимых тегов, перед закрытием body.
tata писал:
К сожалению, не знаю.
Спасибо, за ответ! Буду рыть дальше…:-)
Установил плагин , а вот реакции по получению почты нету… что делать?
@sclass:
Основываясь на тексте поста и предыдущих комментах, проверить правильность установки.
Здравствуйте.
Установил плагин, активировал, прописал ссылки. Все вроде сделал, как надо, а ссылка не работает – открывается страница ссылки а не форма обратной связи.
Вот код.
ОТПРАВИТЬ
СООБЩЕНИЕ
НАПИСАТЬ
В чем может быть проблема?
Версия вордрпесс – 2.9.2
@Юрий:
Обязательно убедитесь в правильности всех упомянутых выше тонкостей. Например, в наличие функции wp_footer().
Написать комментарий