Google Forms
Получает опубликованную форму Google с помощью настраиваемого сообщения или шорткода WordPress, удаляет HTML-код оболочки Gooogle и затем отображает его как HTML-форму, встроенную в сообщение или страницу вашего блога. При использовании типа сообщения Google Form шорткод wpgform принимает один параметр, id, который является идентификатором сообщения формы. При использовании устаревшего шорткода gform единственным обязательным параметром является форма, для которой задан URL-адрес URL-адреса Google Form. Рекомендуется, но необязательно, вы также можете указать собственный URL-адрес для страницы подтверждения, если вам не нужен текст Google по умолчанию. Страница подтверждения заменит стандартную страницу благодарности Google и предложит лучшую интеграцию с вашим сайтом WordPress. Есть ряд других вариантов, подробности см. В документации. Например, предположим, что вы хотите интегрировать форму на https://docs.google.com/spreadsheet/viewform?hl=en_US&pli=1&formkey=ABCDEFGHIJKLMNOPQRSTUVWXYZ12345678#gid=0, (не настоящий URL) используйте следующий шорткод в своем WordPress сообщение или страница: [wpgform id = '861'] [gform form = 'https: //docs.google.com/spreadsheet/viewform? hl = en_US & pli = 1 & formkey = ABCDEFGHIJKLMNOPQRSTUVWXYZ12345678 # gid = 0'] Устарело: использование gid = 0 '] шорткод устарел - используйте шорткод wpgform. В настоящее время этот плагин поддерживает только Google Forms, которые «публикуются как веб-страница» и, следовательно, общедоступны. Частные формы Google не поддерживаются. Демонстрационное использование По мере добавления функций использование шорткода gform становилось все более сложным (шорткод gform теперь устарел). Начиная с версии 0.46, второй шорткод, wpgform, был представлен в сочетании с настраиваемым типом сообщения для определения форм, не рекомендующих использование шорткода gform. Использование нового шорткода и настраиваемого типа сообщения намного проще, чем сложность исходного шорткода gform. Мы настоятельно рекомендуем пользователям перейти на новый шорткод и настраиваемый тип сообщения. Новые функции будут добавлены только в модель использования Custom Post Type. Шорткод WordPress Google Form wpgform поддерживает единственный атрибут. Остальные элементы управления основаны на информации, хранящейся в настраиваемом типе сообщения. [wpgform id = '' uid = ''] ПРИМЕЧАНИЕ. В приведенном выше синтаксисе значения, заключенные в угловые скобки <>, указывают строку, которую необходимо заменить на соответствующее значение. Не включайте угловые скобки в строку! id: числовой идентификатор настраиваемого типа сообщения Google Form. uid: уникальная строка (например, «A-»), используемая для обеспечения уникальности атрибутов идентификатора элемента формы, когда форма появляется на странице несколько раз. (необязательно) Устаревший шорткод Google Form gform поддерживает ряд атрибутов, которые позволяют осуществлять дальнейшее управление и настройку Google Form. [gform form = '' confirm = '' class = '' legal = 'on | off' br = 'on | off' prefix = '' suffix = ' 'email =' on | off 'sendto =' 'style =' redirect | ajax 'spreadsheet =' 'unitethemehack =' on | off '] ПРИМЕЧАНИЕ. В приведенном выше синтаксисе значения заключены в угловые скобки. <> укажите строку, которую необходимо заменить на соответствующее значение. Не включайте угловые скобки в строку! форма: полный URL-адрес опубликованной формы Google. Чтобы шорткод gform работал правильно, вы должны иметь возможность успешно открыть этот URL-адрес в браузере. подтверждение: полный URL-адрес страницы подтверждения (например, спасибо за отправку!). По умолчанию Google отображает очень простую страницу подтверждения, которую нелегко интегрировать с вашим сайтом WordPress. Атрибут подтверждения позволяет отправить форму на выбранную вами страницу. Настоятельно рекомендуется использовать страницу подтверждения. Это сделает процесс отправки формы более понятным и понятным для конечного пользователя. Страница подтверждения будет отображаться при перенаправлении страницы, если иное поведение не указано с помощью атрибута style. style: укажите, как должна отображаться настраиваемая страница подтверждения. Допустимые значения атрибута style: redirect и ajax (например, style = 'redirect' или style = 'ajax'). предупреждение: сообщение, отображаемое при успешной отправке формы в поле предупреждения jаvascript (например, спасибо за отправку!). class: Google Forms полны классов, но плагин WordPress Google Form не переносит их определения на страницу при импорте формы. Атрибут class позволяет добавлять один или несколько классов CSS в DIV, который является оболочкой Google Form. Чтобы добавить несколько классов, просто разделите имена классов пробелами. юридические: по умолчанию в Google Forms есть раздел Powered by Google Docs в нижней части формы, который включает ссылки на Google TOS и другую информацию Google. Если вы не хотите, чтобы эта информация отображалась как часть формы, добавьте в свой шорткод legal = 'off'. Контент остается в форме, он просто скрывается от конечного пользователя с помощью CSS. br: для вставки тега
между меткой формы и текстовым полем ввода путем установки для атрибута br значения on. Это приведет к тому, что метка формы и поле ввода будут наложены друг на друга. префикс: Google Forms используют более 20 классов CSS. Если вы используете несколько форм и хотите стилизовать каждую из них по-разному, вы можете добавить префикс, который будет добавляться в начало каждого имени класса, используемого в Google Form. суффикс: добавить строку символов в конец каждой метки формы. Это также можно сделать с помощью CSS, см. Раздел CSS. title: по умолчанию в Google Forms заголовок заключен в тег. Если вы не хотите включать этот заголовок формы как часть формы, добавьте title = 'off' к своему использованию шорткода. Содержимое
между меткой формы и текстовым полем ввода путем установки для атрибута br значения on. Это приведет к тому, что метка формы и поле ввода будут наложены друг на друга. префикс: Google Forms используют более 20 классов CSS. Если вы используете несколько форм и хотите стилизовать каждую из них по-разному, вы можете добавить префикс, который будет добавляться в начало каждого имени класса, используемого в Google Form. суффикс: добавить строку символов в конец каждой метки формы. Это также можно сделать с помощью CSS, см. Раздел CSS. title: по умолчанию в Google Forms заголовок заключен в тег
. Если вы не хотите включать этот заголовок формы как часть формы, добавьте title = 'off' к своему использованию шорткода. Содержимое удаляется из формы. maph1h2: по умолчанию в Google Forms заголовок заключен в тег . Если вам нужен заголовок формы, но не как элемент , добавьте maph1h2 = 'on' к использованию шорткода. Элементы будут сопоставлены с элементами . Атрибуты класса CSS остаются неизменными. электронная почта: уведомите администратора сайта WordPress (или адрес электронной почты sendto) о том, что форма была отправлена, установив для атрибута электронной почты значение on. В результате администратору блога (или на адрес электронной почты sendto) будет отправлено электронное письмо, в котором сообщается, что форма была отправлена с URL-адресом формы, а также датой и временем отправки. sendto: уведомить адрес электронной почты sendto о том, что форма была отправлена, установив для атрибута электронной почты значение on. В результате на «sendto» будет отправлено электронное письмо с уведомлением о том, что форма была отправлена, с URL-адресом формы, а также датой и временем отправки. Электронное сообщение всегда будет отправлено администратору блога через скрытую копию. электронная таблица: полный URL-адрес «общей» электронной таблицы Документов Google, в которой хранятся ответы формы. Вы должны иметь возможность успешно открыть этот URL-адрес в браузере, чтобы ссылка в электронном письме работала правильно. Этот атрибут используется вместе с атрибутом электронной почты, он не действует, если атрибут электронной почты не включен. unitethemehack: по умолчанию выключен, этот атрибут должен быть включен, unitethemehack = 'on' при использовании темы Unite от Paralleus. Тема Unite управляет кнопками отправки на странице, в результате чего появляется кнопка, предотвращающая отправку формы Google. Включение этого атрибута включает хак, который вставляет class = ”noStyle” во все кнопки отправки, не позволяя Unite работать с ними. проверка: по умолчанию выключено, этот атрибут можно включить, validation = 'on', чтобы добавить поддержку проверки формы на основе jQuery с помощью подключаемого модуля jQuery Validate. Включение этого необязательного атрибута позволит выполнять встроенную проверку без отправки формы в Google (что также проверяет наличие обязательных полей). Сообщения об ошибках можно оформить с помощью CSS-класса gform-error. captcha: по умолчанию отключено, этот атрибут можно включить, captcha = 'on', чтобы добавить простую CAPTCHA на основе математики в форму Google. CAPTCHA появляется только для окончательной отправки в многостраничных формах. Сообщение об ошибке CAPTCHA можно оформить с помощью CSS-класса gform-error. columns: количество столбцов, на которые должна быть разбита форма. По умолчанию форма отображается в одном столбце так же, как и в Документах Google. [gform form = 'https: //docs.google.com/spreadsheet/viewform? hl = en_US & pli = 1 & formkey = ABCDEFGHIJKLMNOPQRSTUVWXYZ12345678 # gid = 0 ′ confirm =' http: //www.example.com/thankyou/ 'style =' ajax 'class =' mygform 'legal =' off 'prefix =' mygform- 'br =' on 'title =' on 'maph1h2 =' on 'email =' on 'spreadsheet =' https: //docs.google.com / spreadsheet / ccc? key = 0AgBHWDGsX0PUdE56R1ZldXo4a0N3VTNMNEpSemdGV3c 'unitethemehack =' off 'validation =' on 'captcha =' on 'columns =' 1 '] Лицензия Этот плагин доступен под лицензией GPL. Если вы используете его для коммерческого веб-сайта, если вы цените мои усилия или хотите побудить меня развивать и поддерживать его, рассмотрите возможность внесения пожертвования с помощью Paypal, безопасного платежного решения. Вам просто нужно нажать кнопку пожертвования на странице обзора плагина и следовать инструкциям. CSS Google Forms используют более 20 определений классов CSS. По умолчанию плагин WordPress Google Form включает объявления CSS для всех классов, однако большая их часть пуста. CSS по умолчанию устанавливает шрифт и делает поля ввода шире. CSS по умолчанию, который поставляется с WordPress Google Form, может быть отключен в настройках WordPress Google Form. Настройка CSS формы Google Есть два способа настроить CSS формы Google. Плагин WordPress Google Form включает настройку для включения пользовательского CSS и поле, в которое можно ввести пользовательский CSS. Этот CSS будет сохранен во всех темах. Добавьте собственные объявления CSS в свою тему WordPress. CSS формы Google по умолчанию По состоянию на 04.12.2013 следующие классы CSS, которые используются в Google Forms. Приведенный ниже CSS представляет собой CSS по умолчанию, предоставляемый WordPress Google Form. Эти определения CSS можно скопировать и вставить в CSS вашей темы или пользовательские настройки CSS формы WordPress Google Form и при необходимости изменить. Некоторые классы являются избыточными для учета как нового, так и старого стиля Google Forms. / * vim: set expandtab tabstop = 4 shiftwidth = 4: * / / ** * объявления CSS для форм документов Google * * Их можно копировать и изменять в соответствии с потребностями * темы. По умолчанию единственное изменение - сделать все поля шире, чем их ширина по умолчанию, и установить шрифт * по умолчанию. * / label.gform-error, label.wpgform-error {float: right; красный цвет; font-weight: жирный; } div.gform-captcha, div.wpgform-captcha {margin: 5px 0px 10px; дисплей: нет; } div.gform-browser-warning, div.gform-browser-error, div.wpgform-browser-warning, div.wpgform-browser-error {-webkit-border-radius: 3px; радиус границы: 3 пикселя; ширина границы: 1px; стиль границы: сплошной; заполнение: 0,6em; маржа: 5px 0 15px; } div.gform-browser-warning, div.wpgform-browser-warning {background-color: # ffffe0; цвет границы: # e6db55; } div.gform-google-error, div.gform-browser-error, div.wpgform-google-error, div.wpgform-browser-error {background-color: # ffebe8; цвет границы: # cc0000; } body.ss-base-body {} div.errorbox-good {} div.ss-attribution {} div.ss-footer {} div.ss-footer-txt, div.ss-logo {display: none; } div.ss-form {} div.ss-form-container {семейство шрифтов: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } div.ss-form-desc {} div.ss-form-entry {} div.ss-form-entry> input {цвет фона: # e0e0e0; семейство шрифтов: "Trebuchet MS", Verdana, Arial, Helvetica, без засечек; } div.ss-form-heading {} div.ss-item {} div.ss-legal {} div.ss-navigate {} div.ss-no-ignore-whitespace {пробел: предварительный перенос; } div.ss-required-asterisk {цвет: красный; font-weight: жирный; } div.ss-scale {} div.ss-text {} form # ss-form {} h1.ss-form-title {} hr.ss-email-break {} input.ss-q-short: text { ширина: 300 пикселей; } label.ss-q-help {дисплей: блок; } label.ss-q-radio {} label.ss-q-title {font-weight: жирный; } span.ss-powered-by {} span.ss-terms {} td.ss-gridnumber {} td.ss-gridnumbers {} td.ss-gridrow td.ss-gridrow-leftlabel td.ss-leftlabel {} td.ss-rightlabel {} td.ss-scalerow {} td.ss-scalenumber {} td.ss-scalenumbers {} textarea.ss-q-long {цвет фона: # e0e0e0; семейство шрифтов: "Trebuchet MS", Verdana, Arial, Helvetica, без засечек; } tr.ss-gridrow {} / ** * Новый CSS-код Google Forms 2013-04-30 * / div.ss-form-container div.disclaimer {display: none; } div.ss-q-help {} div.ss-secondary-text {} / * Это скрывает «Никогда не отправлять пароли через Google Forms». предупреждение. * / td.ss-form-entry> div.ss-secondary-text {display: none; } div.password-warning {дисплей: нет; } div.ss-form-container li {тип-стиля-списка: нет; } / * 04.06.2013: Скрыть ссылку «Редактировать эту форму» * / a.ss-edit-link {display: none; } / * 2013-06-06: Скрыть текст справки для шкал * / div.aria-only-help {display: none; } / * 2013-10-30: Скрыть сообщения об ошибках по умолчанию * / div.error-message {display: none; } / * 30.10.2013: Попытка сделать поля ввода приемлемой ширины * / input.ss-q-short, textarea.ss-q-long {width: auto; } / * 2013-11-15: CSS для поддержки использования формы WordPress Google для рендеринга электронных таблиц * / / ** Скрыть мусор, который Google добавляет, чтобы таблица работала ** / td.hd, td.headerEnd, tr.rShim, td.sortBar {display: none; ширина: 0px! важно; отступ: 0px! важно; } / ** Пустой селектор, но его можно использовать для выбора всех ячеек таблицы ** / tr.rShim td, tr.rShim ~ tr td {} / ** Скрыть DIV "powered" и "listview", добавленные Google * * / div div span.powered, div.listview {display: none; } / ** Скрыть сообщение «Это обязательный вопрос» ** / div.ss-form-container div.required-message {display: none; }
. Если вам нужен заголовок формы, но не как элемент , добавьте maph1h2 = 'on' к использованию шорткода. Элементы будут сопоставлены с элементами . Атрибуты класса CSS остаются неизменными. электронная почта: уведомите администратора сайта WordPress (или адрес электронной почты sendto) о том, что форма была отправлена, установив для атрибута электронной почты значение on. В результате администратору блога (или на адрес электронной почты sendto) будет отправлено электронное письмо, в котором сообщается, что форма была отправлена с URL-адресом формы, а также датой и временем отправки. sendto: уведомить адрес электронной почты sendto о том, что форма была отправлена, установив для атрибута электронной почты значение on. В результате на «sendto» будет отправлено электронное письмо с уведомлением о том, что форма была отправлена, с URL-адресом формы, а также датой и временем отправки. Электронное сообщение всегда будет отправлено администратору блога через скрытую копию. электронная таблица: полный URL-адрес «общей» электронной таблицы Документов Google, в которой хранятся ответы формы. Вы должны иметь возможность успешно открыть этот URL-адрес в браузере, чтобы ссылка в электронном письме работала правильно. Этот атрибут используется вместе с атрибутом электронной почты, он не действует, если атрибут электронной почты не включен. unitethemehack: по умолчанию выключен, этот атрибут должен быть включен, unitethemehack = 'on' при использовании темы Unite от Paralleus. Тема Unite управляет кнопками отправки на странице, в результате чего появляется кнопка, предотвращающая отправку формы Google. Включение этого атрибута включает хак, который вставляет class = ”noStyle” во все кнопки отправки, не позволяя Unite работать с ними. проверка: по умолчанию выключено, этот атрибут можно включить, validation = 'on', чтобы добавить поддержку проверки формы на основе jQuery с помощью подключаемого модуля jQuery Validate. Включение этого необязательного атрибута позволит выполнять встроенную проверку без отправки формы в Google (что также проверяет наличие обязательных полей). Сообщения об ошибках можно оформить с помощью CSS-класса gform-error. captcha: по умолчанию отключено, этот атрибут можно включить, captcha = 'on', чтобы добавить простую CAPTCHA на основе математики в форму Google. CAPTCHA появляется только для окончательной отправки в многостраничных формах. Сообщение об ошибке CAPTCHA можно оформить с помощью CSS-класса gform-error. columns: количество столбцов, на которые должна быть разбита форма. По умолчанию форма отображается в одном столбце так же, как и в Документах Google. [gform form = 'https: //docs.google.com/spreadsheet/viewform? hl = en_US & pli = 1 & formkey = ABCDEFGHIJKLMNOPQRSTUVWXYZ12345678 # gid = 0 ′ confirm =' http: //www.example.com/thankyou/ 'style =' ajax 'class =' mygform 'legal =' off 'prefix =' mygform- 'br =' on 'title =' on 'maph1h2 =' on 'email =' on 'spreadsheet =' https: //docs.google.com / spreadsheet / ccc? key = 0AgBHWDGsX0PUdE56R1ZldXo4a0N3VTNMNEpSemdGV3c 'unitethemehack =' off 'validation =' on 'captcha =' on 'columns =' 1 '] Лицензия Этот плагин доступен под лицензией GPL. Если вы используете его для коммерческого веб-сайта, если вы цените мои усилия или хотите побудить меня развивать и поддерживать его, рассмотрите возможность внесения пожертвования с помощью Paypal, безопасного платежного решения. Вам просто нужно нажать кнопку пожертвования на странице обзора плагина и следовать инструкциям. CSS Google Forms используют более 20 определений классов CSS. По умолчанию плагин WordPress Google Form включает объявления CSS для всех классов, однако большая их часть пуста. CSS по умолчанию устанавливает шрифт и делает поля ввода шире. CSS по умолчанию, который поставляется с WordPress Google Form, может быть отключен в настройках WordPress Google Form. Настройка CSS формы Google Есть два способа настроить CSS формы Google. Плагин WordPress Google Form включает настройку для включения пользовательского CSS и поле, в которое можно ввести пользовательский CSS. Этот CSS будет сохранен во всех темах. Добавьте собственные объявления CSS в свою тему WordPress. CSS формы Google по умолчанию По состоянию на 04.12.2013 следующие классы CSS, которые используются в Google Forms. Приведенный ниже CSS представляет собой CSS по умолчанию, предоставляемый WordPress Google Form. Эти определения CSS можно скопировать и вставить в CSS вашей темы или пользовательские настройки CSS формы WordPress Google Form и при необходимости изменить. Некоторые классы являются избыточными для учета как нового, так и старого стиля Google Forms. / * vim: set expandtab tabstop = 4 shiftwidth = 4: * / / ** * объявления CSS для форм документов Google * * Их можно копировать и изменять в соответствии с потребностями * темы. По умолчанию единственное изменение - сделать все поля шире, чем их ширина по умолчанию, и установить шрифт * по умолчанию. * / label.gform-error, label.wpgform-error {float: right; красный цвет; font-weight: жирный; } div.gform-captcha, div.wpgform-captcha {margin: 5px 0px 10px; дисплей: нет; } div.gform-browser-warning, div.gform-browser-error, div.wpgform-browser-warning, div.wpgform-browser-error {-webkit-border-radius: 3px; радиус границы: 3 пикселя; ширина границы: 1px; стиль границы: сплошной; заполнение: 0,6em; маржа: 5px 0 15px; } div.gform-browser-warning, div.wpgform-browser-warning {background-color: # ffffe0; цвет границы: # e6db55; } div.gform-google-error, div.gform-browser-error, div.wpgform-google-error, div.wpgform-browser-error {background-color: # ffebe8; цвет границы: # cc0000; } body.ss-base-body {} div.errorbox-good {} div.ss-attribution {} div.ss-footer {} div.ss-footer-txt, div.ss-logo {display: none; } div.ss-form {} div.ss-form-container {семейство шрифтов: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } div.ss-form-desc {} div.ss-form-entry {} div.ss-form-entry> input {цвет фона: # e0e0e0; семейство шрифтов: "Trebuchet MS", Verdana, Arial, Helvetica, без засечек; } div.ss-form-heading {} div.ss-item {} div.ss-legal {} div.ss-navigate {} div.ss-no-ignore-whitespace {пробел: предварительный перенос; } div.ss-required-asterisk {цвет: красный; font-weight: жирный; } div.ss-scale {} div.ss-text {} form # ss-form {} h1.ss-form-title {} hr.ss-email-break {} input.ss-q-short: text { ширина: 300 пикселей; } label.ss-q-help {дисплей: блок; } label.ss-q-radio {} label.ss-q-title {font-weight: жирный; } span.ss-powered-by {} span.ss-terms {} td.ss-gridnumber {} td.ss-gridnumbers {} td.ss-gridrow td.ss-gridrow-leftlabel td.ss-leftlabel {} td.ss-rightlabel {} td.ss-scalerow {} td.ss-scalenumber {} td.ss-scalenumbers {} textarea.ss-q-long {цвет фона: # e0e0e0; семейство шрифтов: "Trebuchet MS", Verdana, Arial, Helvetica, без засечек; } tr.ss-gridrow {} / ** * Новый CSS-код Google Forms 2013-04-30 * / div.ss-form-container div.disclaimer {display: none; } div.ss-q-help {} div.ss-secondary-text {} / * Это скрывает «Никогда не отправлять пароли через Google Forms». предупреждение. * / td.ss-form-entry> div.ss-secondary-text {display: none; } div.password-warning {дисплей: нет; } div.ss-form-container li {тип-стиля-списка: нет; } / * 04.06.2013: Скрыть ссылку «Редактировать эту форму» * / a.ss-edit-link {display: none; } / * 2013-06-06: Скрыть текст справки для шкал * / div.aria-only-help {display: none; } / * 2013-10-30: Скрыть сообщения об ошибках по умолчанию * / div.error-message {display: none; } / * 30.10.2013: Попытка сделать поля ввода приемлемой ширины * / input.ss-q-short, textarea.ss-q-long {width: auto; } / * 2013-11-15: CSS для поддержки использования формы WordPress Google для рендеринга электронных таблиц * / / ** Скрыть мусор, который Google добавляет, чтобы таблица работала ** / td.hd, td.headerEnd, tr.rShim, td.sortBar {display: none; ширина: 0px! важно; отступ: 0px! важно; } / ** Пустой селектор, но его можно использовать для выбора всех ячеек таблицы ** / tr.rShim td, tr.rShim ~ tr td {} / ** Скрыть DIV "powered" и "listview", добавленные Google * * / div div span.powered, div.listview {display: none; } / ** Скрыть сообщение «Это обязательный вопрос» ** / div.ss-form-container div.required-message {display: none; }
будут сопоставлены с элементами . Атрибуты класса CSS остаются неизменными. электронная почта: уведомите администратора сайта WordPress (или адрес электронной почты sendto) о том, что форма была отправлена, установив для атрибута электронной почты значение on. В результате администратору блога (или на адрес электронной почты sendto) будет отправлено электронное письмо, в котором сообщается, что форма была отправлена с URL-адресом формы, а также датой и временем отправки. sendto: уведомить адрес электронной почты sendto о том, что форма была отправлена, установив для атрибута электронной почты значение on. В результате на «sendto» будет отправлено электронное письмо с уведомлением о том, что форма была отправлена, с URL-адресом формы, а также датой и временем отправки. Электронное сообщение всегда будет отправлено администратору блога через скрытую копию. электронная таблица: полный URL-адрес «общей» электронной таблицы Документов Google, в которой хранятся ответы формы. Вы должны иметь возможность успешно открыть этот URL-адрес в браузере, чтобы ссылка в электронном письме работала правильно. Этот атрибут используется вместе с атрибутом электронной почты, он не действует, если атрибут электронной почты не включен. unitethemehack: по умолчанию выключен, этот атрибут должен быть включен, unitethemehack = 'on' при использовании темы Unite от Paralleus. Тема Unite управляет кнопками отправки на странице, в результате чего появляется кнопка, предотвращающая отправку формы Google. Включение этого атрибута включает хак, который вставляет class = ”noStyle” во все кнопки отправки, не позволяя Unite работать с ними. проверка: по умолчанию выключено, этот атрибут можно включить, validation = 'on', чтобы добавить поддержку проверки формы на основе jQuery с помощью подключаемого модуля jQuery Validate. Включение этого необязательного атрибута позволит выполнять встроенную проверку без отправки формы в Google (что также проверяет наличие обязательных полей). Сообщения об ошибках можно оформить с помощью CSS-класса gform-error. captcha: по умолчанию отключено, этот атрибут можно включить, captcha = 'on', чтобы добавить простую CAPTCHA на основе математики в форму Google. CAPTCHA появляется только для окончательной отправки в многостраничных формах. Сообщение об ошибке CAPTCHA можно оформить с помощью CSS-класса gform-error. columns: количество столбцов, на которые должна быть разбита форма. По умолчанию форма отображается в одном столбце так же, как и в Документах Google. [gform form = 'https: //docs.google.com/spreadsheet/viewform? hl = en_US & pli = 1 & formkey = ABCDEFGHIJKLMNOPQRSTUVWXYZ12345678 # gid = 0 ′ confirm =' http: //www.example.com/thankyou/ 'style =' ajax 'class =' mygform 'legal =' off 'prefix =' mygform- 'br =' on 'title =' on 'maph1h2 =' on 'email =' on 'spreadsheet =' https: //docs.google.com / spreadsheet / ccc? key = 0AgBHWDGsX0PUdE56R1ZldXo4a0N3VTNMNEpSemdGV3c 'unitethemehack =' off 'validation =' on 'captcha =' on 'columns =' 1 '] Лицензия Этот плагин доступен под лицензией GPL. Если вы используете его для коммерческого веб-сайта, если вы цените мои усилия или хотите побудить меня развивать и поддерживать его, рассмотрите возможность внесения пожертвования с помощью Paypal, безопасного платежного решения. Вам просто нужно нажать кнопку пожертвования на странице обзора плагина и следовать инструкциям. CSS Google Forms используют более 20 определений классов CSS. По умолчанию плагин WordPress Google Form включает объявления CSS для всех классов, однако большая их часть пуста. CSS по умолчанию устанавливает шрифт и делает поля ввода шире. CSS по умолчанию, который поставляется с WordPress Google Form, может быть отключен в настройках WordPress Google Form. Настройка CSS формы Google Есть два способа настроить CSS формы Google. Плагин WordPress Google Form включает настройку для включения пользовательского CSS и поле, в которое можно ввести пользовательский CSS. Этот CSS будет сохранен во всех темах. Добавьте собственные объявления CSS в свою тему WordPress. CSS формы Google по умолчанию По состоянию на 04.12.2013 следующие классы CSS, которые используются в Google Forms. Приведенный ниже CSS представляет собой CSS по умолчанию, предоставляемый WordPress Google Form. Эти определения CSS можно скопировать и вставить в CSS вашей темы или пользовательские настройки CSS формы WordPress Google Form и при необходимости изменить. Некоторые классы являются избыточными для учета как нового, так и старого стиля Google Forms. / * vim: set expandtab tabstop = 4 shiftwidth = 4: * / / ** * объявления CSS для форм документов Google * * Их можно копировать и изменять в соответствии с потребностями * темы. По умолчанию единственное изменение - сделать все поля шире, чем их ширина по умолчанию, и установить шрифт * по умолчанию. * / label.gform-error, label.wpgform-error {float: right; красный цвет; font-weight: жирный; } div.gform-captcha, div.wpgform-captcha {margin: 5px 0px 10px; дисплей: нет; } div.gform-browser-warning, div.gform-browser-error, div.wpgform-browser-warning, div.wpgform-browser-error {-webkit-border-radius: 3px; радиус границы: 3 пикселя; ширина границы: 1px; стиль границы: сплошной; заполнение: 0,6em; маржа: 5px 0 15px; } div.gform-browser-warning, div.wpgform-browser-warning {background-color: # ffffe0; цвет границы: # e6db55; } div.gform-google-error, div.gform-browser-error, div.wpgform-google-error, div.wpgform-browser-error {background-color: # ffebe8; цвет границы: # cc0000; } body.ss-base-body {} div.errorbox-good {} div.ss-attribution {} div.ss-footer {} div.ss-footer-txt, div.ss-logo {display: none; } div.ss-form {} div.ss-form-container {семейство шрифтов: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } div.ss-form-desc {} div.ss-form-entry {} div.ss-form-entry> input {цвет фона: # e0e0e0; семейство шрифтов: "Trebuchet MS", Verdana, Arial, Helvetica, без засечек; } div.ss-form-heading {} div.ss-item {} div.ss-legal {} div.ss-navigate {} div.ss-no-ignore-whitespace {пробел: предварительный перенос; } div.ss-required-asterisk {цвет: красный; font-weight: жирный; } div.ss-scale {} div.ss-text {} form # ss-form {} h1.ss-form-title {} hr.ss-email-break {} input.ss-q-short: text { ширина: 300 пикселей; } label.ss-q-help {дисплей: блок; } label.ss-q-radio {} label.ss-q-title {font-weight: жирный; } span.ss-powered-by {} span.ss-terms {} td.ss-gridnumber {} td.ss-gridnumbers {} td.ss-gridrow td.ss-gridrow-leftlabel td.ss-leftlabel {} td.ss-rightlabel {} td.ss-scalerow {} td.ss-scalenumber {} td.ss-scalenumbers {} textarea.ss-q-long {цвет фона: # e0e0e0; семейство шрифтов: "Trebuchet MS", Verdana, Arial, Helvetica, без засечек; } tr.ss-gridrow {} / ** * Новый CSS-код Google Forms 2013-04-30 * / div.ss-form-container div.disclaimer {display: none; } div.ss-q-help {} div.ss-secondary-text {} / * Это скрывает «Никогда не отправлять пароли через Google Forms». предупреждение. * / td.ss-form-entry> div.ss-secondary-text {display: none; } div.password-warning {дисплей: нет; } div.ss-form-container li {тип-стиля-списка: нет; } / * 04.06.2013: Скрыть ссылку «Редактировать эту форму» * / a.ss-edit-link {display: none; } / * 2013-06-06: Скрыть текст справки для шкал * / div.aria-only-help {display: none; } / * 2013-10-30: Скрыть сообщения об ошибках по умолчанию * / div.error-message {display: none; } / * 30.10.2013: Попытка сделать поля ввода приемлемой ширины * / input.ss-q-short, textarea.ss-q-long {width: auto; } / * 2013-11-15: CSS для поддержки использования формы WordPress Google для рендеринга электронных таблиц * / / ** Скрыть мусор, который Google добавляет, чтобы таблица работала ** / td.hd, td.headerEnd, tr.rShim, td.sortBar {display: none; ширина: 0px! важно; отступ: 0px! важно; } / ** Пустой селектор, но его можно использовать для выбора всех ячеек таблицы ** / tr.rShim td, tr.rShim ~ tr td {} / ** Скрыть DIV "powered" и "listview", добавленные Google * * / div div span.powered, div.listview {display: none; } / ** Скрыть сообщение «Это обязательный вопрос» ** / div.ss-form-container div.required-message {display: none; }
Автор: Mike Walsh
Версия: 0.95
Последнее обновление: 2018-08-05 4:08pm GMT