Убудова Contact Form 7: налада вонкавага выгляду. Настройка Contact Form 7 для Wordpress

У гэтым матэрыяле будзе дэталёва апісана налада Contact Form 7 - плагіна для такой папулярнай платформы па стварэнні і прасоўванні сайтаў у Глабальнай павуціне, як «Вордпресс». Гэты праграмны інструмент дазваляе ствараць і канфігураваць формы зваротнай сувязі.

Трошкі пра «Вордпрессе»

Адным з найбольш папулярных і самых распаўсюджаных інструментаў для распрацоўкі і напаўнення інфармацыйных рэсурсаў з'яўляецца «Вордпресс». Першапачаткова гэты праграмны прадукт быў арыентаваны на стварэнне прасценькіх блогаў. Але затым профільныя спецыялісты дапоўнілі яго функцыянал, што дазволіла ствараць з дапамогай гэтай сістэмы кіравання кантэнтам ўжо і іншыя інтэрнэт-рэсурсы.

Моцныя і слабыя бакі дадзенай платформы па стварэнні і прасоўванні сайтаў

Плюсы гэтай праграмнай платформы такія:

• Прастата і адкрытасць зыходных кодаў.

• Вялікае колькасць даведачнай інфармацыі.

• Магчымасць распрацоўкі любога па ступені складанасці тэматычнага рэсурсу ў інтэрнэце за самыя кароткія тэрміны.

• Высокае хуткадзейнасць без дадатковых праграмных надбудоў (убудоў).

А вось недахопы ў гэтым выпадку наступныя:

• Сайты, створаныя на аснове «Вордпресс», не дадуць рады з вялікай нагрузкай.

• Назіраецца зніжэнне хуткадзейнасці інтэрнэт-рэсурсу пры ўсталёўцы дадатковых міні-праграм або, як іх яшчэ называюць, убудоў.

Што такое убудовы і навошта яны патрэбныя сайтам на базе платформы «Вордпресс»

Базавы функцыянал такой сістэмы кіравання кантэнтам, як «Вордпресс», вельмі сціплы. Яго толькі досыць для распрацоўкі найбольш простых блогаў і сайтаў. Каб хоць неяк палепшыць сітуацыю з функцыянальнасцю праграмнай платформы і дадаць ёй гнуткасці, распрацоўнікам прыходзіцца даўсталёўваць адмысловыя міні-праграмы, якія на прафесійным жаргоне называюцца ўбудовамі. Адной з такіх і з'яўляецца Contact Form 7. Настройка ўбудовы дазваляе на пэўнай старонцы сістэмы кіравання кантэнтам стварыць форму зваротнай сувязі з пашыраным узроўнем функцыянальнасці.

Спецыялізацыя «Кантакт формаў 7»

Як было адзначана раней, стварэнне зваротнай сувязі паміж наведвальнікам і адміністратарам інтэрнэт-рэсурсу на базе платформы «Вордпресс» - гэта асноўная задача Contact Form 7. Настройка пошты, рэдагаванне шаблону, перасылка розных файлаў - гэта далёка не поўны пералік тых магчымасцяў, якія дае гэтая міні-праграма. Пры гэтым нагрузка на апаратныя рэсурсы сайта будзе адносна невялікі і яе наяўнасць не прывядзе да істотнага зніжэння хуткадзейнасці сайта або блога.

Парадак ўстаноўкі плагіна

Існуе тры спосабу ўстаноўкі убудоў на платформе «Вордпресс»:

• Шляхам запампоўкі ZIP-архіва з глабальнага павуціння і «залівання» яго ў адпаведны каталог інтэрнэт-рэсурсу.

• З выкарыстаннем рознага роду FTP-кліентаў.

• Загрузка минипрограммы з прымяненнем адміністрацыйнай панэлі кіравання сайтам, блогам або парталам.

Найбольш бяспечным з прыведзеных трох варыянтаў інсталяцыі убудоў з'яўляецца апошні. У гэтым выпадку праграмны код спампоўваецца з афіцыйнага сайта і ў ім сапраўды няма рознага роду шкоднасных, небяспечных фрагментаў. Сам жа парадак ўстаноўкі плагіна ў гэтым выпадку наступны:

• Заходзім у адміністрацыйную панэль «Вордпресса».

• Затым неабходна перамясціцца ў раздзел «Убудовы».

• У якое адкрылася акне выбіраем пункт «Дадаць новы».

• У радку пошуку ўводзім назву плагіна - Contact Form 7 - і пасля гэтага наводзім паказальнік мышкі на кнопку «Пошук» і робім аднакратны клік. Пасля гэтага пачнецца аперацыя пошуку неабходнага праграмнага забеспячэння.

• Пасля яе заканчэння высвяціцца спіс знойдзеных убудоў. У гэтым спісе знаходзім той, які нам патрэбны, і клікаем па кнопцы з надпісам «Устанавіць», якая размешчана насупраць яго.

• Пасля гэтага сістэма кіравання кантэнтам аўтаматычна загрузіць і ўсталюе гэты убудова.

• На наступным этапе неабходна актываваць інсталявана праграмнае забеспячэнне. Для гэтага пераходзім на ўкладку «Убудовы» і ў спісе знаходзім Contact Form7. Побач з ім знаходзіцца надпіс: «Актываваць», па ёй і клікаем адзін раз пахай.

• Абнаўляем адміністрацыйную панэль сістэмы кіравання кантэнтам і знаходзім сярод яе пунктаў Contact Form7. Гэта і ёсць умова паспяховай інсталяцыі гэтага папулярнага і функцыянальнага плагіна.

Алгарытм налады «Кантакт формаў 7»

Настройка Contact Form 7 складаецца з такіх пунктаў:

• Стварэнне новай формы або рэдагаванне старой, якая была створана пры ўсталёўцы плагіна. Як паказвае вопыт, лепш у большасці выкарыстоўваць опцыю па стварэнні менавіта новай формы.

• На наступным этапе выбіраем мова формы і задаем яе назва.

• Затым трэба, пры неабходнасці, пераканфігураваць яе шаблон.

• Захоўваем унесеныя змены.

• Ствараем новую старонку з атрыманых раней кодам.

• Потым неабходна апублікаваць новую старонку.

• На завяршальным этапе неабходна перайсці на сайт і праверыць карэктную працу створанага элемента інтэрфейсу інтэрнэт-рэсурсу.

Ствараем новую форму

Адразу пасля актывацыі гэты убудова стварае форму па змаўчанні для задання пытанняў ад наведвальнікаў сайта або блога. Яе, вядома, можна адрэдагаваць і наладзіць належным чынам. Але значна прасцей будзе выдаліць гэтую і стварыць новую з поўным наборам усяго неабходнага функцыяналу. Для гэтага неабходна выканаць такія дзеянні:

• Заходзім у меню гэтага плагіна і выбіраем пункт «Формы».

• У акне, якое адкрыецца пасля гэтага, неабходна паставіць сцяжок насупраць пункта «Кантактная форма1».

• Затым зверху над ёй, у выпадальным спісе «Дзеянні», выбіраем пункт «Выдаліць».

• У адказ з'явіцца пытанне на пацвярджэнне выкананых дзеянняў. Неабходна пацвердзіць выдаленне формы і клікнуць мышкай на кнопцы «Так».

• На наступным выбіраем пункт меню: «Стварыць новую» у адміністрацыйнай панэлі «Вордпресс» «Contact Form7».

• У якое адкрылася акне ў выпадальным спісе выбіраем мову інтэрфейсу будучай формы - "рускі". Пасля ціснем кнопку «Стварыць».

Пасля гэтага будзе згенераваны першапачатковы код новай формы зваротнай сувязі для «Вордпресс» па змаўчанні. Пасля гэтага неабходна будзе выканаць такія аперацыі, як налада Contact Form 7.

Задаем назву формы

Пасля выканання ўсіх раней прыведзеных дзеянняў з'явіцца акно ўводу назвы новай формы ў Contact Form 7 Style. Настройка гэтага элемента інтэрфейсу менавіта і пачынаецца з гэтай нескладанай аперацыі з аднаго боку. Але назва формы лепш даваць зыходзячы з пошукавай аптымізацыі. Таму найбольш аптымальны будзе ў гэтым выпадку, напрыклад, «Форма зваротнай сувязі" ці "Задаем пытанне адміністратару сайта». Як толькі вызначыліся з назвай гэтага элемента інтэрфейсу, набіраем яго ў адпаведным полі акна запыту.

Рэдагуемы шаблон «Кантакт формаў 7»

У гэтым жа самым акне з назвай створанай формы ёсць 4 ўкладкі. Першая з іх - «Шаблон». Па змаўчанні тут сфарміравана толькі 5 элементаў:

• Месца набору імя наведвальніка інтэрнэт-рэсурсу.

• Поле набору адрасы электроннай паштовай скрыні наведвальніка, хто задаў пытанне.

• Яшчэ адно поле дазваляе набраць тэму пытання.

• Далей вялікае тэкставае поле прызначана для набору непасрэдна самога паведамленні.

• Апошні элемент формы па змаўчанні - гэта кнопка з надпісам «Адправіць».

Пры неабходнасці тэкст у гэтым полі можна адрэдагаваць і дадаць іншыя элементы інтэрфейсу. Для гэтага досыць вылучыць код любога тэкставага элемента (напрыклад, той часткі кода, дзе паказаная тэма паведамленні і скапіяваць яе з выкарыстаннем кантэкстнага меню ў гэты ж самы поле ў іншае месца. Справа ёсць выпадальны спіс параметраў (ён будзе дэталёва разгледжаны ў наступным абзацы), у якім выбіраем цікавіць нас элемент. Пасля гэтага побач з выпадальным спісам з'явіцца неабходны код. Далей капіюем гэты код і вставляем замест кода тэмы паведамлення. Назва ж элемента выбіраем па сваім меркаванні.

Настройка даўжыні палёў і не толькі

У гэтым жа самым месцы можна змяніць даўжыню поля ўводу ў Contact Form 7. Настройка шырыні любога тэкставага поля выконваецца наступным чынам:

• Напрыклад, неабходна павялічыць да 55 колькасць знакаў у імя наведвальніка інтэрнэт-рэсурсу. Па змаўчанні іх 40.

• Для гэтага ў кодзе [text * your-name] у канцы дадаем лічбы 60/55. У выніку будзе атрыманы код [text * your-name 60/55]. Пасля захавання занесеных змен даўжыня гэтага поля будзе роўная 60, а максімальную колькасць сімвалаў, якое ў ім можна набраць - 55.

Аналагічным чынам можна змяніць памеры тэкставага поля паведамленні. Толькі ў гэтым выпадку неабходны змяніць код дадзенага элемента наступным чынам [textarea your-message 40 х 30]. У гэтым выпадку 40 - гэта колькасць літар у адным радку, а 30 - агульная колькасць тэрмін у гэтым элеменце інтэрфейсу ў Contact Form 7. Налада вонкавага выгляду самой жа формы ажыццяўляецца менавіта шляхам падбору значэнняў параметраў кожнага асобна ўзятага элемента. Таму рэкамендуецца ў кодзе кожнага элемента ўказваць канкрэтныя значэння кожнага прыведзенага ў гэтым раздзеле параметру.

Астатнія ўкладкі формы

Як было адзначана, першая ўкладка носіць назву «Шаблон формы». Наступная за ёй у гэтым акне - «Ліст». У ёй задаюцца параметры таго месца, у якое будзе адпраўляць пошта з гэтага інтэрнэт-рэсурсу. На ўкладцы «Апавяшчэнне» фарміруецца тэкст паведамлення, якое будзе выводзіцца ў выпадку паспяховай адпраўкі ліста. Тут жа ёсць таксама магчымасць нарыхтаваць паведамленне і на той выпадак, калі не атрымаецца звязацца з адміністратарам сайта з дапамогай сродкаў. Апошняя ўкладка ў Contact Form 7 - «Дадатковыя налады". У ёй знаходзяцца тыя параметры, якія на практыцы выкарыстоўваюцца вельмі і вельмі рэдка. Напрыклад, можна з яе дапамогай наладзіць адсочванне уведзенага карыстальнікам тэксту сродкамі «Яндэкс» - метрыкі.

Поля, якія можна дадаць з дапамогай гэтага плагіна ў гэтую форму

Настройка Contact Form 7 для Wordpress дазваляе дадаць такія элементы інтэрфейсу на форму зваротнай сувязі:

• Тэставае поле - універсальны элемент інтэрфейсу, у які можна ўвесці любы набор сімвалаў.

• E-Mail - месца ўводу назвы электроннай паштовай скрыні.

• URL - поле набору адрасы інтэрнэт-старонкі.

• Нумар тэлефона - дазваляе ўвесці нумар тэлефона ў міжнародным фармаце.

• Элемент «Колькасць (spinbox)» дазваляе стварыць поле ўводу любога цэлалікавага значэння (напрыклад, узросту наведвальніка).

• Элемент «Колькасць (Slider)» дадае на форму паўзунок, з дапамогай якога можна будзе выбраць лікавае значэнне з зададзенага дыяпазону.

• Пункт «Дата» стварае адмысловае поле ўводу, у якім можна паказаць неабходную дату. Пры актывацыі гэтага элемента інтэрфейсу ўнізе выпадае каляндар, у якім можна адразу абраць патрэбную дату.

• У сваю чаргу, пункт выпадальнага меню «Тэкставае поле» прызначаны для набору тэкставай часткі электроннага ліста.

• Наступны пункт - «выпадальнага меню» - дазваляе з фіксаванага спісу выбраць неабходны параметр.

• А вось «CheckBoxes» прызначаны для выбару аднаго або некалькіх значэнняў з зададзенага спісу.

• Элемент інтэрфейсу «Radio Buttons» практычна ідэнтычны папярэдняму. Розніца толькі ў тым, што ў гэтым выпадку можна выбраць толькі адзін правільны варыянт, у той час як «CheckBoxes» можа мець некалькі правільных значэнняў.

• Пункт «Acceptance» дазваляе дадаць ўсяго адзін сцяжок на ствараную форму. Як правіла, ён выкарыстоўваецца для азнаямлення з якімі - небудзь ўмовамі і без іх прыняцця ў далейшым не будзе магчымая адпраўка электроннага ліста.

• Пункт «Меню» дазваляе стварыць спецыяльны раздзел ў інтэрфейсе, які будзе забяспечваць абарону паштовай скрыні ад спаму. У гэтым выпадку перад адпраўкай неабходна будзе даць правільны адказ на пастаўленае пытанне.

• Другі варыянт абароны - гэта «CAPTCHA». Пры яго выбары на форме дадацца асобны раздзел, у якім будзе адлюстроўвацца карцінка з сімваламі і дадатковае поле для іх ўводу.

• Наступны пункт - «Адпраўка файла». Дазваляе дадаць да тэксту ліста файл з рознага роду тлумачэннямі і каментарамі для адміністратара рэсурсу.

• Апошні пункт - «Кнопка адпраўкі» - дазваляе дадаць адпаведны элемент інтэрфейсу.

Захоўваем унесеныя змены

Пасля таго як неабходныя значэння зададзены, а форма павінны чынам сканфігураваная, неабходна ўсё гэта захаваць. Для гэтага ў акне рэдагавання плагіна падымаемся ў яго верхнюю частку. Тут павінна быць кнопка «Захаваць». Наводзім паказальнік маніпулятара на яе і робім аднаразовае націск на ёй. У адказ з'явіцца код формы, які вылучаем з дапамогай усё таго ж паказальніка мышкі і капіяваны. Далей перамяшчаемся ў адміністрацыйнай панэлі сістэмы кіравання кантэнтам ў пункт «Старонкі». Затым ствараем новую старонку з неабходным назвай (напрыклад, «зваротная сувязь», «Кантакты» або «Задаць пытанне адміністратару рэсурсу»). Потым пераводзім курсор набору ў поле ўводу яе кода. Пры гэтым неабходна перавесці рэжым набору кода ў «Тэкст» на панэлі параметраў. Пасля гэтага вставляем раней атрыманы код формы. Далей у правай частцы інтэрфейсу знаходзім кнопку «Апублікаваць» і наводзім на яе мышку. На наступным этапе здзяйсняем аднаразовае націск левай кнопкі мышкі на гэтым элеменце інтэрфейсу сістэмы кіравання кантэнтам.

Правяраем атрыманы вынік

Пасля выканання раней названых маніпуляцый ў інтэрфейс інтэрнэт-рэсурсу павінна дадацца новая старонка, на якой і будуць адлюстраваныя элементы, зададзеныя ў Contact Form 7. Настройка інтэрфейсу, у прынцыпе, на гэтым скончана. Неабходна толькі праверыць правільнасць налады праграмнага забеспячэння. Для гэтага неабходна перайсці на галоўную старонку сайта, блога або партала. Затым у спісе старонак знаходзім тую, на якой і была размешчана форма зваротнай сувязі. Пераходзім на яе, уводны ва ўсе поля адразу правільныя параметры і адпраўляем сабе на пошту тэставае ліст. У адказ павінна з'явіцца інфармацыйнае паведамленне аб паспяховым выкананні дадзенай аперацыі. Затым з пустымі палямі спрабуем адправіць яшчэ адзін ліст. Пасля гэтага павінна з'явіцца паведамленне аб тым, што неабходна задаць ўсе адзначаныя параметры формы. Калі ў абодвух выпадках былі атрыманы вынікі, названыя раней, то створаная форма зваротнай сувязі функцыянуе карэктна.

Плюсы і мінусы плагіна. альтэрнатыўныя варыянты

Выдатным рашэннем для пачаткоўца распрацоўніка па стварэнні формы зваротнай сувязі з'яўляецца міні-праграма Contact Form 7. Настройка адпраўкі пошты, стварэнне элементаў інтэрфейсу і іншых важных элементаў інтэрфейсу ў гэтым выпадку большай часткай аўтаматызавана і патрабуе мінімальных ведаў карыстальніка. Таму для прасценькага інтэрнэт-рэсурсу пачатковага ўзроўню і з пачаткоўцам адміністратарам - гэта выдатнае рашэнне. Але ж любы убудова - гэта дадатковая нагрузка на рэсурсы інтэрнэт-старонкі, якая зніжае хуткадзейнасць. Як вынік, больш прасунутыя карыстальнікі рэкамендуюць сыходзіць ад такога простага спосабу стварэння формы зваротнай сувязі. Яе таксама можна і самастойна стварыць з дапамогай HTML, CSS і JS, хай і з меншым узроўнем функцыянальнасці. Пры гэтым знізіцца патрэбнасць у вылічальных рэсурсах сайта і істотна падвысіцца ўзровень хуткадзейнасці.

вынікі

У гэтым артыкуле паэтапна апісана налада Contact Form 7. Гэты убудова сапраўды мае высокі ўзровень функцыянальнасці, з яго дапамогай можна стварыць любую форму зваротнай сувязі. З іншага боку, выкарыстанне дадатковага плагіна ў складзе сістэмы кіравання кантэнтам павялічвае ўзровень нагрузкі на апаратнае забеспячэнне сайта. Таму пачаткоўцам адміністратарам сайтаў на базе гэтай сістэмы кіравання кантэнтам рэкамендуецца выкарыстоўваць менавіта гэты убудова для такіх мэтаў. Ну а больш прасунутыя карыстальнікі могуць абыйсціся і без Contact Form 7. Настройка ўбудовы ў гэтым выпадку дакладна не спатрэбіцца.