Аппараттық және бағдарламалық қамтамасыз етуді орнату

Кері байланыс формасын орнату 7. Онда не бар

Пішін өрістерін көрсеткіңіз келеді кері байланысбірнеше бағандарда Contact Form 7 плагинімен жасалған? Бұл қарапайым нұсқаулық мұны бірнеше минут ішінде жасауға мүмкіндік береді.

Бұл CSS кодын кез келген ыңғайлы жолмен қойыңыз. Сонымен қатар, бұл: тақырыптың style.css файлы, белсенді тақырып теңшеуішіндегі қосымша мәнерлер немесе CSS кірістіру үшін қосымша плагин болуы мүмкін.

Бір жарым, .үштен бір, .екі үштен, .төрттен бір (орн: салыстырмалы; жиек-оң жақта: 4%; қалқымалы: сол жақта; жиек-төменгі: 10px; ) .2-үштен ( жиек-оң жақта: 2,5%; ) .бір жарым ( ені: 48%; ) .үштен бір ( ені: 30,66%; ) .үштен екі ( ені: 66%; ) .төрттен бір (ені: 22%;) .соңғы ( жиегі-оң жақ: 0 !маңызды; таза: оңға; ) @тек медиа экраны және (макс. ені: 1024px) ( .төрттен бір ( ені: 100%; жиек-оң жақ: 0; ) ) @media тек экраны және (макс. ені: 767px) ( .бір жарым, .үштен бір, .екі үштен ( ені: 100%; оң жақ жиегі: 0; ) ) .wpcf-wrap ( мин-биіктігі: 90px; ) div. wpcf7-response-output ( ені: 100%; анық: екеуі де; шеті: 0; ) .wpcf-accept ( анық: екеуі де; ) .wpcf7-қабылдау > .wpcf7-тізім элементі ( жиегі: 0; ) .wpcf- қабылдау > .wpcf7-form-control-wrap (дисплей: кірістірілген блок ! маңызды; )

Байланыс нысаны 2 бағандағы 7 өріс

Пішін өрістерін 2 бағанға айналдыру үшін сізге ұқсас құрылымды пайдалану керек, оны Байланыс пішіні 7 пішінін жасау үшін негізгі өріске енгізу керек:

Аты мен электрондық пошта өрістері екі бағанға орналасады және хабардың мәтіндік аймағы олардың астында болады.

Байланыс нысанының 7 өрістері растаумен 3 бағанда

Егер сіз көлденең пішінді жасағыңыз келсе, онда барлық өрістер мен жіберу түймесі бір жолда орналасады және олардың астында деректерді өңдеуге келісімді растау өрісі болса, ұқсас дизайнды пайдаланыңыз.

келісемін

Байланыс нысанының 7 өрістері растаусыз 3 бағанда

Егер сіз жеке деректерді өңдеуге келісімді растау жалқауларға арналған деп ойласаңыз, онда онсыз опция:

Байланыс нысаны 4 бағандағы 7 өріс

Ал, жолда, өрістерде және 4 бағандағы Contact Form7 түймесі. Растаумен:

Пішінді толтыру арқылы мен жеке деректерді өңдеуге келісемін

Және растаусыз:

Байланыс формасы 7-де P тегін автоматты түрде енгізуді қалай жоюға болады

Әдепкі бойынша, 7 контакт пішіні тегті кірістіреді

Ол өзінің белгілеуін жасаған кезде. Бұл жиі соқтырады жағымсыз тосынсыйларжәне егер сіз біреуіне тап болсаңыз, келесі әрекеттерді орындауыңыз керек.

  1. Сайтыңыздың түбірлік қалтасынан wp-config.php файлын табыңыз;
  2. Файлдың төменгі жағына жылжып, түсініктемені іздеңіз /* Осымен бітті, әрі қарай өңдеу қажет емес. Іске сәт! */ немесе /* Осымен бітті, өңдеуді доғар!
  3. Бұл кодты қойыңыз define("WPCF7_AUTOP", false); 2-тармақтағы жазудың ҮСТІНДЕ;
  4. Файлды сақтаңыз.

Осылайша біз 2, 3 немесе тіпті 4 бағандағы 7 Байланыс формасын өте оңай көрсете аламыз. Әрине, бір мақалада 1000 және 1 жағдайды талдау мүмкін емес. Пікірге өз жағдайларыңызды жазыңыз! Біз мақаланы бірге талдап, толықтырамыз. Тек кодтың қай нұсқасын пайдаланып жатқаныңызды көрсетіңіз.

(Соңғы жаңарту: 19.05.2019)

Сәлеметсіз бе, құрметті оқырман! Бүгін мен сізге танымал Contact Form 7 плагинін (5 миллионнан астам орнату) пайдаланып WordPress-те веб-сайт/блог авторымен байланыс пішінін қалай жасау керектігін көрсетемін. Пост енгізілген : дұрыс орнатуБайланыс нысаны 7, спамнан қорғау, пішіннің сыртқы түрін өзгерту және теңшеу жолы. Сондай-ақ ол негізгі себептерді - байланыс формасының жұмыс істемей, хат жібермейтінін атап өтті .

байланыс формасыоқырмандармен және керісінше байланыста тұрудың маңызды құралы болып табылады. Жеке хат жазыңыз, авторға ұсыныс жасаңыз (ол бас тарта алмайды), сұрақ қойыңыз, біразын жіберіңіз және т.б. Мұның бәрі өз орнын алады және бөтен адамдарға құнды ақпаратты ашпайды, біздің байланыс формасы WordPress Байланыс нысаны 7. Болды, болды. Мен солай жаздым, өзіме ұнады.

О, хат келді! Байланыс формасы 7 жақсы

Мен сізді жалықтырмаймын, құрметті оқырман, кез келген сызып-соғумен - іске кірісейік. WordPress модулін орнату және дұрыс конфигурациялау - 7 байланыс формасы.

WordPress байланыс формасы 7 плагині

WP байланыс формасына арналған плагин 7

Байланыс пішіні 7 көптеген байланыс пішімдерін басқара алады, мұнда пішіндердің мазмұнын және қарапайым белгілеу арқылы поштаны икемді түрде теңшеуге болады. Пішіндерде Ajax жіберу, CAPTCHA, Akismet спам сүзгісі және т.б. үшін кірістірілген қолдау бар.

Барлық манипуляциялар WordPress басқару тақтасында орындалады. Плагинді орнату үшін «Плагиндер» бөлімінде «Жаңа қосу» түймесін басыңыз. Біз «Іздеу» терезесіне кіреміз Байланыс нысаны 7. Әрине, ол алдымен көрсетіледі. «Орнату» түймесін басыңыз:

Плагинді қалай орнатуға болады

Әдепкі бойынша №1 байланыс нысаны

Суреттен әдепкі бойынша байланыс пішінінің стандартты нұсқасы және жаңа бетке, постқа немесе бүйірлік тақтаға (мәтін виджеті арқылы) кірістіру үшін дайын қысқа код бар екенін көруге болады. Байланыс пішінінің 7 әдепкі көрінісі орнатылды бөлек бетсайт:

Сыртқы түрі: WordPress стандартты байланыс формасы

Егер сіз жай ғана көргіңіз, тексергіңіз немесе өзгерткіңіз келсе, яғни оған қосымша өрістер қосқыңыз келсе, «Өңдеу» тармағын басыңыз. Жоғарыдағы экран.

Байланыс пішінін өңдеу беті ашылады. Плагин орыс тілінде, сондықтан сізге не екенін анықтау өте оңай болады. Пішін үлгісі қойындысы. Пішін үлгісін қажеттіліктеріңізге сәйкес өзгертуге болады.

Мысалы, файлды жүктеп салуға арналған пішін үлгісіне тег өрісін қосу үшін сізге қажет: Тінтуірдің көмегімен тег кірістірілетін орынды белгілеңіз (хабарламадан кейін ең жақсысы) және сәйкес «файл» қойындысын басыңыз. Бұл мүмкіндіктің көмегімен пайдаланушыларға өз файлдарын пішініңіз арқылы жүктеп салуға рұқсат бере аласыз, содан кейін сізге файл тіркемелері бар электрондық хат жіберіледі:

Байланыс пішінін өңдеу. Файл қойындысы

Терезе ашылады - Form Tag Generator: файл:

Поштаға жүктеп салынған файлды тіркеу үшін тегін () енгізу керек.

Байланыс пішіні 7 файл түрі мен файл өлшемі үшін әдепкі шектеулерді қолданады. Параметрлерді орнатпасаңыз, әдепкі файл кеңейтімдері: jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav , және wmv. А рұқсат етілген өлшемфайл 1 Мбайт (1048576 байт). «Тегті кірістіру» түймесін басыңыз:

Пішін үлгісіне енгізілген файл тегі

Тінтуір курсорымен белгіленген жерде және қосымша тег пайда болады. Егер сіз дұрыс емес жерге қойсаңыз, оны көшіріп, дұрыс жерге қойыңыз. Сол сияқты пішінге қажетті тегтерді қосыңыз. Қосымша тегтерді қосқаннан кейін көк түсті «Сақтау» түймесін басуды ұмытпаңыз. Хабарлама өрісінен кейін файлды әріпке қосу түймесі келесідей болады:

Байланыс пішініндегі файлды таңдаңыз

Егер сіз бәрін дұрыс жасасаңыз, сізде қосымша өрістермен проблемалар болмайды.

Сондай-ақ поштаны, пішінді жіберу туралы хабарландыруларды және Қосымша параметрлер. Менің ойымша, ештеңені өзгертудің қажеті жоқ. Тек Қосымша параметрлерде параметрді көрсетуге болады - тек жазылушылар үшін - subscribers_only: true . Үшін егжей-тегжейлі ақпаратқосымша опциялар параметрлері бетіне сілтеме болады.

Ал енді, достар, дайындалған байланыс формасын веб-ресурстың бөлек, жаңа бетіне немесе бүйірлік тақтасына орналастыру керек. Бұл оңай орындалады.

Байланыс формасын сайттың/блогтың жеке бетіне орналастырамыз

Барлық параметрлерді орнатып, пішінді сақтағаннан кейін, қысқа кодты «Байланыс пішіндері» немесе «Байланыс пішінін өңдеу» бетінде көшіріңіз. Осыдан кейін жаңа бетті жасаңыз - Беттер бөлімі - Жаңа қосу. Беттің атын енгізіңіз, мысалы, «Контактілер». Жазба өңдегішін «Мәтін» режиміне ауыстырып, қысқа кодты пошта өрісіне қойыңыз:

Байланыс формасы бар жаңа бет

Егер сізде мәзірге автоматты түрде қосылған жаңа бет болса, «Тапсырыс» 1, 2 немесе 3 орнатыңыз (мәзірдегі тіркелгі қандай болса да, Байланыс беті көрсетіледі). «Жариялау» түймесін басыңыз. Барлығы. Дайын. Сондай-ақ мәзірге бетті қолмен қосуға болады. Енді сізде блог/сайт авторымен байланысу формасы бар.

Дәл осылай бүйірлік тақтаға, төменгі колонтитулға немесе мақала мәтініне байланыс формасы қосылады. Қысқа кодты көшіріп, оны жазбаларыңызға немесе мәтіндік виджет мазмұнына қойыңыз. Кез келген уақытта пішінді өңдеуге немесе әртүрлі тегтермен/өрістермен жаңасын жасауға болатынын біліңіз.

Байланыс формасы 7 арқылы спам алып жатырсыз ба?

Қорғаныс бар. Спамерлер бәріне әсер етеді, сіздің байланыс пішіндеріңіз де ерекшелік емес. Сізге спам жіберілмес бұрын, байланыс пішіндерін 7-ші Байланыс пішінінің спамға қарсы күшті мүмкіндіктерімен қорғаңыз.

Байланыс нысаны 7 Akismet көмегімен спам сүзуді қолдайды. Intelligent reCAPTCHA тітіркендіргіш спам-боттарды блоктайды. Түсініктемелердің қара тізімін пайдалана отырып, белгілі бір хабарларды қамтитын хабарламаларды блоктауға болады түйінді сөздернемесе белгілі бір IP мекенжайларынан жіберіледі.

«Интеграция» түймесін басыңыз. Google reCAPTCHA сізді спамнан және басқа автоматтандырылған теріс пайдаланудан қорғайды. reCAPTCHA Contact Form 7 интеграциялық модулімен сіз спам-боттардың пішінді жіберуін блоктай аласыз.

Google reCAPTCHA v3 интеграциясы: спамнан қорғау

Басқа recaptcha қызметтерімен плагин интеграциясы

Setup Integration жүйесін басып, ReCaptcha API кілттерін алу үшін сілтемені орындаңыз:

reCAPTCHA бұл Google қызметі

reCAPTCHA пайдалануды бастау үшін алдымен WordPress сайтыңызды тіркеуіңіз керек. reCAPTCHA — Google қызметі, сондықтан оны пайдалану үшін сізге қажет google тіркелгісі. арқылы Google жүйесіне кіріңіз тіркелгіжәне сілтемені орындаңыз https://www.google.com/recaptcha/admin. Сіз келесідей қарапайым тіркеу формасын көресіз:

WordPress сайтын тіркеңіз. Жақсы reCAPTCHA

Атын көрсетіңіз. reCAPTCHA v3 нұсқасын таңдаңыз (reCAPTCHA v3 CAPTCHA виджетін қажет етпейді («Мен робот емеспін, reCAPTCHA v2 жүйесінде қолданылатын құсбелгі)) және Домендер өрісіне сайт доменін енгізіңіз. Сайтты тіркегеннен кейін сіз сайт кілті мен құпия кілт аласыз. Оларды енгізіңіз (жоғарыдағы скриншот) және параметрлерді сақтаңыз. Осымен болды. Хабарлама адам немесе спам-боттан жіберілгенін тексеру үшін қазір байланыс пішініңіз reCAPTCHA ұпайын пайдалануда.

Егер сіз 7 байланыс формасын орнатуды шешсеңіз, мен оған қосымша Contact Form 7 Style қосымшасын орнатуды ұсынамын. Бұл пішіннің сыртқы түрін өңдеуге мүмкіндік береді. Сіз дайын үлгілердің біреуін таңдап қана қоймай, өзіңіздің бірегей дизайныңызды жасай аласыз. Сыртқы көрінісіңізді өзгерткіңіз келе ме? Олай болса жалғасы әсемдіктің білгірлері, арнайы сіздер үшін.

Байланыс пішінінің сыртқы түрі - Байланыс формасы 7 стилі

Байланыс формаларына арналған стильдер 7

Contact Form 7 Style Plugin - бұл WordPress сайтында орнатылуы қажет 7 байланыс формасына арналған қосымша. Әкімші тақтасы арқылы оңай басқаруға болатын реттелетін мәнерлерді қолдайды. Сондай-ақ алдын ала анықталған үлгілер бар, оларды контакт пішінінің параметрлерінде белсендіруге болады 7. Негізгі плагиннің параметрлерінде пайда болады. жаңа кірістіру- Байланыс нысаны 7 стиль үлгісі. Параметр сыртқы түрі:

Пішінге дайын шаблондар

Мысалы, мен сыртқы стандартты осы әдеміге өзгерттім:

Байланыс формасының сыртқы түрі

Өзіңіздің жеке стиль опцияларын орнатуға болатынын ұмытпаңыз:

Плагин басқару тақтасы арқылы басқаруға болатын реттелетін мәнерлерді қолдайды

Қорытындысында:

7 Байланыс пішінінен электрондық хаттарды жіберу көптеген адамдар үшін біркелкі жұмыс істейді. Бірақ бұл бәріне бірдей бола бермейді. Плагин күн сайын миллиондаған электрондық хаттарды сәтті жіберсе де, кешіктіретін немесе тоқтататын көптеген мәселелер бар электрондық пошталар, типтік жіберу және қабылдау жағында Электрондық пошта.

Неліктен Байланыс нысаны 7 жұмыс істемейді (электрондық хаттарды жібермейді)?

  1. Сіздің хостинг мәселелері Электрондық хаттарды жіберу және алу WordPress сайтыңызды орналастыратын серверге өте тәуелді екенін ескеру маңызды;
  2. Дұрыс қайтарылатын электрондық пошта мекенжайын пайдаланып жатқаныңызға көз жеткізіңіз;
  3. Сіздің электрондық поштаңыз спам болып саналуы мүмкін;
  4. Плагиндер немесе тақырып Байланыс нысаны 7-ге қайшы;
  5. Javascript қайшылықтары.

Егер сіз осы плагиннен электрондық хаттарды жібере алмасаңыз, WordPress-тен электрондық хаттарды жалпы жібере алмауыңыз мүмкін. Бұл жағдайда, мырзалар, плагиннің жұмысы туралы жиі қойылатын сұрақтарды бетте ала аласыз https://contactform7.com/faq/.

Немесе қолдау форумындаhttps://wordpress.org/support/plugin/contact-form-7/. Ағылшын тілімаңызды емес, сүйікті браузеріңіздің аудармасымен бәрі түсінікті болады.

Мұның бәрі мен үшін. Ол ештеңені ұмытпаған сияқты. Бар жақсылықты тілеймін. Сәттілік достар.

P.S. Ескі жазбаларды өңдеу (оқырмандарға арналған ақпарат әрқашан жаңа болуы керек) жазу сияқты көп уақытты алады. жаңа нұсқау. Ужас!

(функция(w, d, n, s, t) ( w[n] = w[n] || ; w[n].push(function() ( Ya.Context.AdvManager.render(( blockId: "RA" -292864-4", renderTo: "yandex_rtb_R-A-292864-4", асинхронды: шын )); )); t = d.getElementsByTagName("скрипт"); s = d.createElement("скрипт"); s .type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); ))(бұл , this.document, "yandexContextAsyncCallbacks");

WordPress платформасында жасалған әрбір дерлік блог 7 байланыс формасын пайдаланады. Ол өз саласында өте танымал, әсіресе әзірлеушілер оны үнемі дамытып отырады. Оның басқа қосалқы модульдермен салыстырғанда бірқатар артықшылықтары бар, атап айтқанда, орнатудың қарапайымдылығы, локализация, барлық мүмкін пішін элементтерін қосу және басқару.

Бүгін плагинді қарастырайық. Байланыс формасы 7 стилі, ол Байланыс пішіні 7 үшін стильдерді көрнекі түрде жасауға арналған. Бастапқыда, оның дизайнына қосымша, плагин бар дайын стильдершаблондар. Мұнда сіз жай ғана үлгі опциясын таңдап, осы дизайнды қолдану үшін бұрын жасалған пішін үшін құсбелгіні қойыңыз. Осыны қарастырайық.

Байланыс пішіні 7 стилінің плагинін конфигурациялау

Түсіндіру және пішіндерді құру бөлігін өткізіп жібереміз, өйткені шолу тақырыбы арнайы пішінді сәндеуге бағытталған. Ол үшін, жоғарыда айтылғандай, біз арнайы плагинді қолданамыз. Оны орнатқаннан кейін « Байланыс стильдері» бес бөлімшеден тұрады.

Бірінші бөлімде « Барлық стильдер» қазірдің өзінде дайын шаблондарпішін мәнерлері және сіз жасаған мәнерлер дереу сақталады. Үлгілердің біреуінің үстіне меңзерді апарған кезде қосымша басқару түймелері пайда болады: Өңдеу, Сипаттар, Жою. «Сипаттар» түймесін басқан кезде, сайтыңызда қол жетімді барлық қол жетімді байланыс пішіндері көрсетіледі. Мұнда тек қарама-қарсы құсбелгіні қою керек қалаған пішінжәне өзгертулерді сақтаңыз.

тарауында Жаңа қосу» Жоғарыдағы бейнеде көрсетілгендей, пішіннің үлгісін өз стильдеріңізбен өзіңіз жасай аласыз. Пішін элементтері арасында ауысу және барлық өрістерді қалыпты күйде де, жылжыту әсерінде де көрнекі түрде стильдеу.

Бұл мақалада біз ContactForm 7 конфигурациясын егжей-тегжейлі қарастырамыз.Бұл танымал плагин WordPress параметрлері, ол Интернетте веб-сайттарды жасау және жылжыту үшін қолданылады. The бағдарламалық қамтамасыз етукері байланыс пішінін жасауға және конфигурациялауға мүмкіндік береді.

WordPress туралы аздап

WordPress бүгінде ең көп қолданылатын мазмұн мен әзірлеу құралдарының бірі болып табылады. ақпараттық ресурстар. Бұл бағдарламалық өнім бастапқыда өте қарапайым блогтарды жасауға бағытталған. Содан кейін мамандар бұл жүйенің функционалдығын толықтырды. Бұл WordPress көмегімен басқа интернет ресурстарын жасауға мүмкіндік берді.

WordPress: кемшіліктері мен артықшылықтары

Бұл платформаның артықшылықтары келесідей:

- бастапқы кодтардың қарапайымдылығы мен ашықтығы;

көп саны бастапқы ақпарат;

– қысқа мерзімде кез келген күрделілік дәрежесіндегі тақырыптық ресурсты әзірлеу мүмкіндігі;

- қосымша бағдарламалық құрал параметрлерін қажет етпейтін жоғары өнімділік.

Бұл жүйенің кемшіліктері де бар:

- WordPress көмегімен жасалған сайттар мұндай жүктемені көтере алмайды;

- қосымша мини-бағдарламаларды орнату кезінде интернет-ресурс жылдамдығының төмендеуі байқалады;

WordPress плагиндері дегеніміз не

WordPress мазмұнды басқару жүйесі өте қарапайым негізгі функционалдылыққа ие. Ең қарапайым сайттар мен блогтарды әзірлеу жеткілікті. Бұл функционалдылыққа байланысты жағдайды сәл жақсарту үшін бағдарламалық платформажәне оған біршама икемділік қосу үшін әзірлеушілер кәсіби жаргонда плагиндер деп аталатын әртүрлі мини-бағдарламаларды қосуы керек. Осы плагиндердің бірі ғана ContactForm7. Бұл плагинді орнату мазмұнды басқару жүйесінің белгілі бір бетінде кеңейтілген функционалдық деңгейі бар кері байланыс пішінін жасауға мүмкіндік береді.

Байланыс нысаны 7 Мамандық

Бұрын атап өтілгендей, 7-байланыс нысанының негізгі міндеті – интернет-ресурс әкімшісі мен сайтқа кіруші арасында кері байланысты құру. Үлгіні өңдеу, поштаны орнату, әртүрлі файлдарды жіберу - бұл шағын бағдарлама ұсынатын барлық мүмкіндіктер емес. Бұл жағдайда сайттың аппараттық ресурстарына жүктеме салыстырмалы түрде аз болады. Бұл бағдарламаның болуы блог немесе веб-сайт өнімділігінің айтарлықтай төмендеуіне әкелуі мүмкін.

Байланыс нысаны 7 Плагинді орнату тәртібі

WordPress-те плагиндерді орнатудың үш жолы бар. Бірінші әдіс жүктеуді қамтиды ZIP мұрағатығаламдық желіден және оны интернет-ресурстың сәйкес каталогына жүктеп салу. Осы мақсат үшін әртүрлі типтегі FTP клиенттерін де пайдалануға болады. Басқа опция - микробағдарламаны блог, сайт немесе порталдың басқару тақтасы арқылы жүктеп салу. Плагиндерді орнатудың үш нұсқасының ішінде соңғысы ең қауіпсіз болып табылады. Бағдарлама кодыбұл жағдайда ол ресми сайттан жүктеледі. Бұл жағдайда файлда қауіпті фрагменттер мен зиянды нысандар болмайды. Бұл жағдайда плагинді орнату процедурасы келесідей болады. Ең алдымен, WordPress басқару тақтасына өту керек. Содан кейін «Плагиндер» бөліміне өту керек. Ашылған терезеде «Жаңа қосу» тармағын таңдаңыз. Іздеу жолағында Contact Form 7 плагинінің атын енгізу керек.Одан кейін тінтуірдің меңзерін «Іздеу» батырмасына апарып, тінтуірмен бір рет басу керек. Осыдан кейін бағдарламалық құралды іздеу операциясы басталуы керек. Ол аяқталған кезде экранда табылған плагиндердің тізімі көрсетіледі. Бұл тізімде сізге қажет плагинді тауып, оған қарама-қарсы орналасқан «Орнату» жазуын басу керек. Содан кейін мазмұнды басқару жүйесі бұл плагинді автоматты түрде жүктеп алып, орнатады. Келесі қадам орнатылғанды ​​белсендіру болып табылады бағдарламалық қамтамасыз ету. Ол үшін «Плагиндер» қойындысына өтіп, тізімнен 7-ші Байланыс формасын табыңыз.Оның жанында «Іске қосу» жазуы болуы керек. Оны тінтуірмен бір рет басу керек. Енді біз мазмұнды басқару жүйесінің әкімшілік тақтасын жаңартып, элементтердің арасынан 7-ші Байланыс формасын табамыз.Әйгілі Contact Form 7 плагинін орнатудың барлық құпиясы осында.

Байланыс формасы 7: Орнату алгоритмі

Байланыс нысаны 7 орнату келесі элементтерден тұрады:

- жаңа платформаны жасау немесе плагинді орнату кезінде жасалған ескісін өңдеу. Тәжірибе көрсеткендей, бұл жағдайда құру опциясын пайдалану жақсы жаңа пішін.

— форма мен атау тілін таңдау.

- пішін үлгісінің конфигурациясын өзгерту.

— енгізілген өзгертулерді сақтаңыз.

- бұрын алынған кодпен жаңа бет құру. Сізге жаңа бетті жариялау қажет.

Соңғы кезеңде сіз сайтқа өтіп, интернет-ресурстың құрылған интерфейс элементінің дұрыс жұмысын тексеруіңіз керек.

Жаңа пішін жасаңыз

Бұл плагин белсендіруден кейін бірден әдепкі бойынша блогқа немесе сайтқа келушілерден сұрақтар қоюға арналған пішін жасайды. Әрине, оны жай ғана теңшеуге және дұрыс өңдеуге болады. Дегенмен, оны жою және жаңасын жасау оңайырақ болады толық жиынтығыбарлық қажетті функциялар. Ол үшін келесі әрекеттер тізбегін орындау керек. Бұл плагиннің мәзіріне өтіп, «Пішіндер» тармағын таңдау керек. Ашылған терезеде «Байланыс нысаны» элементінің жанындағы құсбелгіні қойыңыз. Оның үстінде «Әрекеттер» ашылмалы тізімінде «Жою» тармағын таңдаңыз. Нәтижесінде орындалып жатқан операцияны растау сұралуы керек. Пішінді жоюды растаңыз және «Иә» түймесін басыңыз. Келесі кезеңде WordPress басқару тақтасында «Жаңа жасау» мәзір элементін таңдау керек, ContactForm 7 түймесін басыңыз. Нәтижесінде болашақ платформаның интерфейс тілін таңдау қажет терезе ашылады - «Орыс « ашылмалы тізімде. Содан кейін «Жасау» түймесін басу керек. Нәтижесінде жаңа кері байланыс пішінінің бастапқы коды жасалады. Содан кейін 7-ші Байланыс пішінін орнату сияқты операцияны орындау керек.

Пішіннің атын орнатыңыз

Бұрын сипатталған барлық әрекеттерді орындағаннан кейін пішіннің атын енгізуге арналған терезе пайда болады. Бұл интерфейс элементін орнату осы қарапайым әрекеттен басталады. Форманы негізге ала отырып атаған дұрыс іздеу жүйесін оңтайландыру. Бұл жағдайда ең жақсы нұсқалар «Сайт әкімшісіне сұрақ қою» немесе «Кері байланыс нысаны» болады. Осы интерфейс элементінің атын шешкеннен кейін оны сұрау терезесінің сәйкес өрісіне теру керек.

Байланыс нысаны 7: Үлгіні өңдеу

Терезеде жасалған пішіннің аты бар тағы төрт қойынды бар. Біріншісі - Үлгі қойындысы. Мұнда әдепкі бойынша тек бес элемент қалыптасады.

- ресурсқа келушінің аты-жөнін теру орны;

- адрестер жиынының өрісі электрондық поштапайдаланушы;

- сұрақтың тақырыбын қоюға арналған өріс;

- хабарламаның өзін жазуға арналған өріс;

- «Жіберу» деп белгіленген түйме.

Қажет болса, өрістегі мәтінді өңдеуге және оған басқа интерфейс элементтерін қосуға болады. Ол үшін мәтін элементінің кодын таңдап, оны пайдаланып көшіру жеткілікті контекстік мәзірбасқа өріске. Оң жақта опциялардың ашылмалы тізімі бар. Мұнда сізді қызықтыратын элементті таңдау керек. Осыдан кейін қажетті код ашылмалы тізімнің жанында пайда болуы керек. Сіз оны тақырып кодының орнына көшіріп, қоюыңыз керек. Элементтің атын өз қалауыңыз бойынша таңдай аласыз.

Байланыс пішінін теңшеу 7

Сол жерде ContactForm 7 енгізу өрісінің ұзындығын өзгертуге болады.Кез келген мәтін өрісінің енін келесідей реттеуге болады. Келуші атындағы таңбалар санын 55-ке дейін көбейту керек делік.Әдепкі бойынша олардың саны 40. Ол үшін кодтың соңына 60/55 сандарын қосыңыз. Нәтиже код болуы керек. Барлық енгізілген өзгертулер сақталғаннан кейін бұл өрістің ұзындығы 60 болады және максималды соматаңбалар 55 болады. Хабарлама мәтіні өрісінің өлшемін дәл осылай өзгертуге болады. Бұл жағдайда осы элементтің кодын келесідей өзгерту керек - . Бұл жағдайда 40 - жолдағы әріптер саны, 30 - ContactForm 7 интерфейсінің осы элементіндегі жолдардың жалпы саны. Пішіннің сыртқы түрін теңшеу үшін параметрлердің мәндерін таңдау керек. әрқайсысы жеке элемент. Осы себепті әрбір элементтің мұқабасында осы бөлімде берілген әрбір параметр үшін нақты мәндерді көрсету ұсынылады.

Басқа пішін қойындылары

Жоғарыда айтылғандай, бірінші қойынды Пішін үлгісі деп аталады. Одан кейін «Хат» қойындысы орналасқан. Ол осы интернет-ресурстан хат жіберілетін жердің параметрлерін көрсетеді. Хат сәтті жіберілген жағдайда жүйе шығаратын хабарлама мәтіні «Хабарлама» қойындысында қалыптастырылады. Сондай-ақ сайт әкімшісіне хабарласа алмаған жағдайда хабарлама дайындау мүмкіндігі бар. Соңғы қойынды ContactForm 7-де «Қосымша параметрлер». Бұл қойындыда тәжірибеде сирек қолданылатын параметрлер бар. Мәселен, мысалы, оның көмегімен сіз Яндекс құралдары - метрика арқылы пайдаланушы енгізген мәтінді бақылауды орнатуға болады.

Байланыс пішіні 7 плагині арқылы қосуға болатын өрістер

ContactForm 7 теңшеу кері байланыс пішініне келесі интерфейс элементтерін қосуға мүмкіндік береді:

— мәтін өрісі әмбебап элемент болып табылады. Оған кез келген таңбалар жиынын енгізуге болады.

- E-Mail – электрондық поштаны енгізу үшін қолданылады;

- URL – веб-беттің адресін теруге арналған өріс;

- телефон нөмірі - халықаралық форматта телефон нөмірін енгізуге мүмкіндік береді;

- «Number (spinbox)» - кез келген бүтін мәннің енгізу өрісін құруға мүмкіндік береді;

- «Сан (слайдер)» - формаға жүгірткі қосады, оның көмегімен белгілі бір диапазоннан сандық мәнді таңдауға болады;

- «Күн» - қажетті күнді көрсетуге болатын арнайы енгізу өрісін жасайды. Бұл интерфейс элементі іске қосылса, төменде күнтізбе көрсетіледі, онда күнді бірден таңдауға болады;

- «Мәтіндік өріс» - хабарламаның мәтіндік бөлігін теруге арналған;

- «Ашылмалы мәзір» - бекітілген жиынтықтан қажетті параметрді таңдауға мүмкіндік береді;

- «Тексеру ұяшықтары» - тізімнен бір немесе бірнеше мәндерді таңдауға арналған;

Радио түймелері - алдыңғы элементпен дерлік бірдей, жалғыз айырмашылығы - бұл жағдайда тек бір дұрыс опцияны таңдауға болады. «Тексеру ұяшықтары» элементінде бірнеше жарамды мән болуы мүмкін;

- «Қабылдау» - құрылған пішінге тек бір құсбелгі қосуға мүмкіндік береді. Бұл элемент әдетте кейбір шарттармен танысу үшін қолданылады. Оларды қабылдаусыз хатты одан әрі жіберу мүмкін болмайды;

- «Мәзір» - интерфейсте құруға мүмкіндік береді арнайы бөлімқорғауды қамтамасыз етеді пошта жәшігіспамнан. Бұл жағдайда жібермес бұрын сұраққа дұрыс жауап беру керек;

- «CAPTCHA» - тағы бір қорғаныс нұсқасы. Бұл элемент таңдалған кезде пішінге арнайы бөлім қосылады, онда таңбалары бар сурет және қосымша өріс көрсетіледі;

- «Файлды жіберу» - бұл тармақ хат мәтініне түсініктемелері бар файлды қосуға мүмкіндік береді;

- «Жіберу түймесі» - сәйкес элементті қосуға мүмкіндік береді.

Барлық қажетті мәндерді орнатқаннан кейін пішінді сақтау керек. Ол үшін плагинді өңдеу терезесінде оның бетіне өтіңіз жоғарғы бөлігі. Мұнда «Сақтау» түймесі бар.

Contact Form 7 плагинін WordPress пайдаланушылары өте кең қолдануына байланысты жазу қажет болды. егжей-тегжейлі нұсқаулықол арқылы. Бұл мақалада Байланыс пішінінің 7 параметрлері, іске асыру әдістері және плагинді пайдалану туралы жиі қойылатын сұрақтарға жауаптар қарастырылады.


Байланыс нысаны 7 дұрыс жерге қосу үшін беттің немесе жазбаның бөліміне ендіру кодын көшіру керек. Бұл өте қарапайым орындалады:


Әрбір контакт формасының [ contact-form-7 id="71" title="(!LANG:Contact Form 1) сияқты өзінің қысқа тегі бар."] . Чтобы вставить контактную форму в свой пост, скопируйте шорткод и вставьте его в содержание поста.!}

Пішініңіз көрсетілмесе және контакт-форма-7 404 "Табылмады" қатесін жіберсе

Код қысқа кодпен берілген байланыс пішінін табу мүмкін еместігінің көрсеткіші болып табылады. Дұрыс ендірілген кодты пайдаланып жатқаныңызға көз жеткізіңіз. Көшіру арқылы қайтадан қоюға тырысыңыз қалаған кодтағы бір рет.

Байланыс пішіні 7 көрінісін өзгерту үшін өрісті қалай қосуға немесе өңдеуге болады?

Өріс қосу үшін тегті қосыңыз пішінмәтін өрісінде пішінді толығымен өзгерту немесе өңдеу үшін параметрлерге өтіп, қажетті параметрлерді орнату керек.


Әрбір тегте бірнеше нұсқаларды қолдайтын қатаң синтаксис бар. Синтаксисті үйрену қиын болуы мүмкін, бірақ оның орнына тег генераторымен теңшелетін тегті оңай жасауға болады. Тег түймесін басып, пішімдеуден кейін « Тег жасау.Сіз бұл туралы бөлек мақалада оқи аласыз.

Байланыс формасының ішкі параметрлері 7.

Әрбір пішінде келесі параметрлер бар:

  • Пішін үлгісін теңшеу;
  • Хат;
  • Пішінді жіберу кезіндегі хабарландырулар.

Бұл параметрлерде енгізу пішінінің тегтерімен қажетті манипуляцияларды орындауға, пайдаланушы алатын хаттың пішінін, хаттарды жіберу кезінде хабарландыру параметрлерін реттеуге болады.

Барлығын шығарған Байланыс формасы 7 ішкі параметрлеріСіз ендірілген өңделген ендіру кодын аласыз қалаған аумақсайтта.

Хабардың тақырыбын қалай көрсетуге немесе өзгертуге болады?

«Хат» бөліміндегі «Тақырып» өрісін өзгерту жеткілікті. Ол үшін қажетті параметрлер мәзіріне өтіп, стандартты тегті атыңызға өзгертіңіз.

Байланыс формасы 7 үшін автоматты жауап беруді қалай орнатуға болады?

Бірінші хат сәтті жіберілгеннен кейін жұмыс істейтін автожауап берушіні орнату үшін «Хат» бөліміне өтіп, параметрлерді төмен түсіріп, «2-хат» жанындағы құсбелгіні қою керек. Пішін пайда болғаннан кейін «1-хатқа» ұқсастығы бойынша қажет критерийлерге сәйкес теңшеңіз.

Байланыс пішіні 7 плагинінің байланыс пішіні арқылы келетін хат жіберушінің аты ретінде "WordPress" көрсетеді. Оны қалай өзгертуге болады?

Жіберушінің мекенжайы жіберушінің электрондық пошта мекенжайы мен жіберушінің бүркеншік атынан тұрады. Параметр пішімделмеген болса, WordPress жіберуші аты ретінде "WordPress" тағайындайды. «WordPress» бұдан былай жіберушінің аты ретінде көрсетілмейтіндей басқа атауды пайдаланғыңыз келсе, «пошта» бөліміндегі «Кімнен:» өрісінде жіберушінің атын нақты көрсетуіңіз керек:

Байланыс формасын посттан тыс орналастыруға болады ма?

Иә. Байланыс пішінін мәтін виджетіне орналастыруға болады. біз қазірдің өзінде қарастырдық. Сізге тек виджетті жасау және оған қажетті пішіннің қысқа кодын қою қажет.

Байланыс пішінін үлгі файлына қалай ендіруге болады?

do_shortcode() функциясын пайдалану арқылы қысқа кодты тікелей үлгі тақырыбына ендіруге болады. Мұны мына сызықпен жасауға болады:

«Хабар жіберу мүмкін болмады» қате туралы хабар. Байланыс формасы электрондық поштаны жібермейді. Не болды?

Әдетте мұндай хабарламаның бірнеше себептері бар:

  • Бірінші нақты себеп пошта пішінін жіберуге тыйым салынған пошта сервері болуы мүмкін. Бұл жағдайда қате туралы хабар қызыл сызықпен қоршалады. Шешім алу үшін сервер әкімшісіне хабарласыңыз.
  • Екінші ықтимал себепЖіберу пішіні спамға күдік туғызады. Бұл жағдайда қате туралы хабар қызғылт сары сызықпен қоршалған болады.

Жауап хабарламасы «Сіздің хабарламаңыз сәтті жіберілді», бірақ электрондық пошта жеткізілмейді.

Егер хабарлама жасыл жиекте көрсетілсе, бұл дегеніміз PHP функциясыпоштаны жіберу міндетті түрде сәтті аяқталды. Сондықтан поштаны ала алмасаңыз, пошта ұрланған немесе жойылған болуы мүмкін.

Егер сіз журналыңызды тексере алсаңыз пошта сервері, бұл сізге кейбір анықтамалар беруі мүмкін.Спам сүзгісі жиі осындай ақаулықты тудырады.

Байланыс пішіні жіберілген кезде 404 қате бетіне қайта бағытталады.

Бұл мәселе екі конфигурация қатесінің тіркесімінен туындайды. Біріншіден, AJAX JavaScript сіздің байланыс пішініңізде жұмыс істемейді. Осы мәселеге байланысты сіздің байланыс пішініңіз жібергеннен кейін қайта бағыттауға мәжбүр. Екіншіден, сіздің байланыс пішініңіз енгізу өрістерінің атауларында қолжетімсіз сөздерді пайдаланады. Бұл сұрақ WordPress-ті шатастырады, нәтижесінде 404 (" табылмады"") қателер.

Байланыс пішіні кейбір браузерлерде біртүрлі әрекет етеді.

Бұған жарамсыз HTML, CSS, Javascript себеп болуы мүмкін. Пішін бетін валидаторлармен немесе жөндеу құралдарымен сынап көріңіз.

Пайдалы құралдар:

  • өрт қоздырғышы- Firefox кеңейтімі. JavaScript жөндеу үшін жақсы.
  • W3C Markup Validation Service - HTML тексеру қызметі.
  • W3C CSS Validation Service - CSS Validation Service.

Байланыс формасын ағылшын тілінде емес, қалаған тілде қалай пайдалануға болады.

Байланыс нысаны 7 көптеген тілдерге аударылған. Сайтыңыз үшін тіл конфигурациясының файлы бар-жоғын қараңыз байланыс формасы 7 плагиніосы тілді пайдаланады.

Байланыс нысаны 7 параметрін орнату WordPress тілі. WordPress тіл параметрлерін өзгерткеннен кейін Байланыс формасы 7 де өзгереді.

CAPTCHA жұмыс істемейді, кескін пайда болмайды.

CAPTCHA пайдалану үшін серверде орнатылған GD және FreeType кітапханалары болуы керек. Сондай-ақ, CAPTCHA үшін уақытша қалтаның жазылатын етіп орнатылғанын тексеріңіз.

CAPTCHA мәтін енгізу өрісі Internet Explorer браузерінде жұмыс істейді, бірақ Firefox емес. Кодты енгізу мүмкін емес.

Бұл жақсы белгілі мәселетегті теріс пайдаланудан туындаған

Кодты енгізіңіз:

[сіздің captchac - captcha]

< strong >& lt; жапсырма>< / strong >Кодты енгізіңіз: [ captchar your - captcha ]< strong >& lt; /label>< / strong >

Бұл дұрыс жұмыс істемейді:
Кодты енгізіңіз:

Мақала ұнады ма? Достарыңызбен бөлісіңіз!
Бұл мақала пайдалы болды ма?
Иә
Жоқ
Пікіріңізге рахмет!
Бірдеңе дұрыс болмады және сіздің дауысыңыз есептелмеді.
Рақмет сізге. Сіздің хабарламаңыз жіберілді
Мәтіннен қате таптыңыз ба?
Оны таңдаңыз, басыңыз Ctrl+Enterжәне біз бәрін түзетеміз!