Kuna programu-jalizi nyingi za WordPress za kuunda fomu. maoni kwenye blogi au tovuti yako. haswa zaidi, hukuruhusu kupachika fomu ya mawasiliano moja kwa moja kwenye machapisho na Kurasa za WordPress(wakati programu-jalizi nyingi zinakulazimisha kutumia template maalum kwa ukurasa, na hivyo kupunguza uhariri wake).

Kupachika fomu kwenye ukurasa kwa kawaida hutosha, lakini vipi ikiwa ungependa fomu ionekane kwenye kidukizo mtumiaji anapobofya kiungo cha Wasiliana Nasi? Ili kutambua tamaa hiyo, unahitaji kutumia mbili Plugin ya WordPress wakati huo huo: Easy FancyBox

1. Awali ya yote, sakinisha programu-jalizi na Easy FancyBox.

2. Kwa unyenyekevu tutatumia fomu Fomu ya Mawasiliano 7, tayari imeundwa na programu-jalizi yenyewe wakati wa usakinishaji kwa mfano. Kwenye ukurasa wa mipangilio ya Fomu ya Mawasiliano, chukua msimbo wa fomu, ambao unahitaji kunakili na kubandika Mhariri wa WordPress kuunda fomu.

3. Unda ukurasa mpya katika WordPress. Ili kuongeza fomu ya mawasiliano unahitaji kubandika msimbo katika mabano ya mraba kutoka ukurasa wa mipangilio wa Fomu ya Mawasiliano 7 kwenye ukurasa wako. Hakikisha kuwa umebandika msimbo kwa usahihi, kama vile programu-jalizi inavyoionyesha.

4. WordPress yako sasa ina fomu ya mawasiliano. Tuliamua kuifanya ibukizi, ndani dirisha la modal baada ya mtumiaji kubofya kiungo. Programu-jalizi ya Easy FancyBox inaanza kutumika. Kwa msaada wake, unaweza kufanya kipengele chochote cha ukurasa kionekane kwenye dirisha ibukizi. Fungua hariri ya ukurasa, bofya kwenye kichupo cha TEXT na uongeze msimbo ufuatao wa HTML:

Wasiliana nasi

5. Hiyo ndiyo yote, sasa tuna kiungo ambacho "huzindua" fomu ya kuwasiliana kwenye dirisha la pop-up. Hongera! Pengine utahitaji kurekebisha CSS ya fomu zako za barua pepe ili kupata upana, urefu, na ujumbe wa barua pepe ili kuonyesha ipasavyo. makosa iwezekanavyo wakati wa kujaza. Hii inapaswa kutosha ili uanze.

Habari msomaji mpendwa, katika makala hii nitakuonyesha jinsi ya kuunda fomu ya mawasiliano ya popup kwenye tovuti yako ya WordPress. Mara nyingi wakati wa kuendeleza tovuti yako mwenyewe au blogu, unahitaji kufunga uwezo mawasiliano ya uendeshaji na wageni kwenye rasilimali ya mtandao. Katika kesi hii, fomu ya maoni ya pop-up kwa WordPress itakuja kwa manufaa, ambayo itasaidia kuanzisha mawasiliano ya haraka na watumiaji.

Kwa nini unahitaji fomu ya maoni ibukizi kwa WordPress?

Sababu za matumizi

Hebu tuangalie kwa nini fomu hii inahitajika

1. Kuhifadhi nafasi ya bure Mtandaoni. Fomu ya mawasiliano inaweza kuwekwa popote: kwenye kijachini au kichwa, katika maudhui kuu ya ukurasa, kama kitufe cha kuelea, nk.
2. Muonekano wa ufanisi. Uhuishaji wa kuonekana kwa dirisha jipya inaonekana kuvutia na isiyo ya kawaida
3. Upatikanaji. Unaweza kuacha maingizo katika fomu hii kutoka mahali popote kwenye tovuti; watumiaji hawana haja ya kurudi kwenye ukurasa kuu.

Bonasi ya ziada: fomu ni rahisi kurekebisha na kubinafsisha ili kuendana na mahitaji ya tovuti yako. Fomu ya maoni ibukizi ya WordPress inaweza kuwasilishwa kwa njia ya dirisha linalofungua kwa ajili ya kuagiza simu, huduma au bidhaa, au kufanya usajili. Ikiwa inataka, unaweza kuongeza athari za kuona, picha mbalimbali, nk.

Programu-jalizi za kusakinisha fomu ibukizi

Wacha tuangalie zana zinazohitajika kukuza popups katika WordPress - maombi maalum kwa maendeleo na kuunda tovuti.

Fomu ya Mawasiliano 7

Programu-jalizi hii inatumika moja kwa moja kuunda fomu. Ili kuiweka, fuata hatua hizi:

Rahisi FancyBox

Programu-jalizi hii inafaa kwa kutengeneza madoido ya dirisha ibukizi. Kufuatia Ufungaji rahisi FancyBox ni sawa na kusakinisha programu-jalizi iliyopita.

Inasanidi programu-jalizi

Unaweza kusanidi mipangilio ya programu jalizi ya Easy FancyBox kupitia faili za midia. Tumia chaguzi za menyu "Mipangilio" -> "Faili za media".

Katika block inayofungua chini tu mipangilio ya kawaida Vigezo vya programu-jalizi yenyewe vitapatikana. Kawaida kuna alama karibu na kipengee cha "Picha", ambayo inaonyesha kuwa dirisha la pop-up litaanzishwa wakati unapobofya picha. Inashauriwa kuiondoa, kwani ikiwa kuna zingine zana za ziada Wakati wa kuunda uhuishaji wa pop-up, picha zitafunguliwa mara mbili.

Lakini si hayo tu. Chagua kisanduku karibu na "Maudhui ya ndani"

Mtu yeyote anaweza kuvinjari zaidi mipangilio ya programu-jalizi na kuiweka kwa hiari yake.

Kidokezo: ikiwa unataka fomu iwe wazi kila wakati, basi uondoe tiki Mipangilio rahisi Kisanduku cha kuteua cha FancyBox kando ya chaguo la "Funga FancyBox wakati kiwanja kimebofya", ambacho hufanya kazi ya kufunga dirisha wakati kipanya kimebofya nje yake.

Maagizo ya hatua kwa hatua

Kweli, na "kuchosha" maandalizi ya awali imekamilika, sasa wacha tuendelee kwenye sehemu ya "kitamu" - jinsi, kwa kweli, fomu ya kurudi ibukizi inatengenezwa mawasiliano ya wordpress.

Kushughulikia Dirisha la Fomu

Tunaanzia wapi? Bila shaka, na kuweka mapema fomu yenyewe. Chagua "Fomu ya 7 ya Mawasiliano" kwenye menyu ya kulia, na kisha chaguo la "Ongeza mpya".

Njoo na jina jipya la fomu, kwa mfano, "Jaribio," liingize kwenye uwanja wa kuingiza wa dirisha linalofungua, ambapo maandishi "Kichwa" iko, na ubofye kitufe cha "Hifadhi". Unaweza kubadilisha vigezo vingine, ikiwa ni pamoja na kiolezo cha fomu yenyewe, lakini hatutaigusa. Sasa lengo letu kuu ni kujifunza tu jinsi ya kuunda fomu za pop-up.

Angalia matokeo. Kama unaweza kuona, programu-jalizi ilitoa msimbo mkato maalum ambao hutumika kuonyesha fomu. Unahitaji kuinakili.

Pato la fomu

Sasa hebu tuende kwenye programu. Mpya msimbo wa programu inaweza kuingizwa mahali popote kwenye tovuti, kwa mfano, katika "Mawasiliano", na wengine. Katika mfano wetu fomu mpya itaonyeshwa kwenye wijeti. Chagua "Muonekano" kwenye menyu, kisha bofya kwenye "Widgets", kisha kwenye dirisha linalofungua, bofya chaguo la "Nakala".

Sasa bofya kitufe cha "Ongeza Widget".

Bandika msimbo ufuatao kwenye sehemu ya ingizo ya Maudhui:

Hivi ndivyo matokeo yatakavyoonekana:

Tafadhali kumbuka kuwa badala ya msimbo mkato uliobainishwa katika mfano, utahitaji kubainisha uliyounda kama matokeo ya kuunda fomu mpya.

Zaidi ya hayo, fomu inaweza kuhaririwa: ongeza au ondoa sehemu za ingizo, weka maandishi ya mwanzo na/au ya kumalizia kabla na baada ya fomu, badilisha maandishi kuwa kichwa au uyaonyeshe kama kizuizi tofauti, tumia mitindo tofauti, vishikilia nafasi, n.k. Ikiwa tu kulikuwa na wakati na hamu!

Mitindo ya kiungo

Wacha pia tuangalie njia mbili za kubadilisha kiunga kuwa kitufe ili kuboresha mwonekano wake wa kuona.

Njia ya 1: Kutumia mitindo ya ziada ya mada.

Nambari ifuatayo inaweza kuingizwa kama ifuatavyo:

Nambari ya programu yenyewe inaonekana kama hii:

/***Inaonyesha kiungo katika umbo la kitufe****/ .wasiliana nasi a( ukingo:otomatiki; /*kupanga kizuizi katikati*/ display:block; width:199px; /*button size*/ padding:11px 22px ; /*padding*/ mpaka:1px nyeusi thabiti; /*kivuli cha mpaka*/ mandharinyuma:#3399ff; /*muundo wa usuli*/ upambaji wa maandishi:hakuna; /*kubadilisha maandishi kuwa yasiyo na mstari*/ maandishi- align:center; /*katikati ya lebo*/ color:#ffffff; /*kivuli cha lebo*/ -moz-mpito: urahisi wa 0.6s; -webkit-mpito: urahisi wa 0.6s; mpito: urahisi wa 0.6s ; ) /**Kubadilisha viungo vya rangi wakati wa kuelea kielekezi**/ .wasiliana-sisi a:hover( -moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111; box -kivuli:0 0 7px #111 ; -moz-mpito: urahisi wa 0.6s; -webkit-mpito: urahisi wa 0.6s; mpito: urahisi wa 0.6s; )

Matokeo yake ni kifungo kama hiki:

Nambari tayari inasema ni parameta gani inawajibika kwa nini. Sasa kila mtu anaweza kuhariri msimbo apendavyo, akijaribu mitindo na rangi tofauti na kuunda kiungo kinachofaa zaidi kwa ibukizi.

Njia ya 2 - tumia picha kama kitufe. Kwanza, pakia picha inayohitajika kwenye tovuti (picha yoyote unayopenda, si lazima kwa fomu ya kifungo - haijalishi). Ili kufanya hivyo, bonyeza "Media" -> "Ongeza Mpya" na uchague picha inayotaka. Kiungo cha kudumu cha faili kitaonekana upande wa kulia wa picha (in katika mfano huu http://www.sait.ru/wp-content/uploads/2017/04/depositphotos_2169498-E-mail-internet-icon.jpg), nakili na uiongeze kwenye nambari (usiondoe nukuu):

Ongeza msimbo unaotokana na msimbo mkuu wa pato wa fomu badala ya maandishi "Andika barua".

1

Tovuti yangu ilionyesha kitufe kilichoonyeshwa kwenye picha ya skrini hapa chini:

Na hii ndio jinsi kifungo kitakavyoonekana ikiwa utaacha mtindo wa ziada ulioelezewa kwa njia ya kwanza:

Ongeza kwenye menyu

Ili fomu ya maoni ibukizi ya WordPress iweze kuitwa moja kwa moja kutoka kwa menyu, lazima utumie nambari ifuatayo

Kwanza unahitaji kujua ni wapi unahitaji kuingiza nambari hii. Nenda kwa "Mhariri" kupitia "Muonekano" na kati ya violezo chagua "Kichwa (header.php)"

Sasa pata mahali ambapo msimbo wa menyu iko. Tafuta habari ifuatayo:

Hapa chini, bandika msimbo wako kabla tu ya lebo ya kufunga.



Kwa ujumla, hakuna chochote ngumu katika kuongeza fomu ya mawasiliano kwenye tovuti yako, jambo kuu ni kuwa na muda wa bure na hamu ya kujifunza kikamilifu vipengele vyote. Sasa unajua fomu ya mawasiliano ni nini, ni ya nini, jinsi ya kuitumia kwenye tovuti, na jinsi ya kusindika kiungo ili kufungua dirisha na athari ya pop-up. Bahati nzuri kwako na mafanikio katika biashara hii ngumu lakini ya kusisimua ya ujenzi wa tovuti.

Hivi majuzi, kwa tovuti moja, niliulizwa kuunda fomu ya maoni kwa WordPress kwenye dirisha la modal. Hiyo ni, wakati wa kubofya kiungo cha "tuandikie", badala ya kwenda kwenye ukurasa unaofanana, mtumiaji anapaswa kufungua dirisha jipya la pop-up, ambapo kazi ya kutuma ujumbe itakuwa iko. Hili ni suluhisho linaloingiliana zaidi, ingawa sio kila mtu analipenda. Binafsi napendelea utekelezaji wa kawaida na ukurasa wa mawasiliano, lakini fomu kwenye tovuti ni tofauti - kwa hivyo itakuwa muhimu kuzingatia suluhisho la shida hii. Katika kazi yangu nilitumia programu-jalizi 2: Fomu ya Mawasiliano 7 inayojulikana na moduli ya Easy Modal kuunda dirisha la modal katika WordPress.

Sasisho 05/18/2017: Kwa kuzingatia hakiki za hivi karibuni kwenye hazina, katika hali zingine kunaweza kuwa na shida na uendeshaji wake. Ikiwa umeathiriwa na hili pia, jaribu suluhu mpya kutoka kwa wasanidi programu inayoitwa Ibukizi Maker. Mbadala mwingine unaweza kuzingatiwa.

Sitaingia kwa undani kuhusu kusakinisha na kusanidi Fomu ya Mawasiliano 7; taarifa zote kuihusu ziko hapa. Blogu pia ilikuwa na makala kuhusu kile ambacho kinaweza kuwa muhimu.

Hebu tuelekee moja kwa moja kwenye moduli ya Rahisi ya Modal. Utampata. watengenezaji kudai kwamba hii Uamuzi bora zaidi kuunda madirisha ya modal kwenye tovuti na chaguzi mbalimbali za kuvutia za kuwasilisha maudhui.



Zaidi ya vipakuliwa elfu 10, vilivyokadiriwa 4.6. Matoleo halali ya 3.4 ni 4.0.8, ingawa niliiendesha kwa ufanisi kwenye WP 4.3.1. Licha ya ukweli kwamba programu-jalizi sasa imebadilishwa kuwa suluhisho mpya la Muundaji wa Ibukizi, kwenye tovuti ya wordpress.org na unapotafuta programu-jalizi ndani ya paneli ya msimamizi bado unaweza kupata toleo la kawaida la Easy Modal 2.0.17. Kwa kutumia mfano wake, nitakuambia juu ya kuunda dirisha la maoni la modal katika WordPress.

Baada ya ufungaji, sehemu ya jina moja itaonekana, ambapo kuna vitu kadhaa. Tutahitaji ya kwanza kabisa - Mitindo. Bonyeza kitufe cha Ongeza Mpya hapo.



Kitendo hiki kitaunda dirisha mpya la modal kwa tovuti yako ya WordPress. Mipangilio ya kipengee itakuwa na tabo 4:

• Vigezo vya jumla - jumla.
• Machaguo ya Kuonyesha - chaguzi za kuonyesha.
• Funga Chaguzi - mipangilio ya kufunga dirisha (kwa kutumia kubofya au kitufe cha Esc).
• Mifano - mifano ya kanuni za kutumia.

Mipangilio ya jumla ina jina la dirisha (haijaonyeshwa kwenye tovuti), kichwa chake, maudhui na aina ya kupakua. Katika kizuizi cha maudhui, ukibadilisha hadi modi ya HTML, ongeza msimbo mkato wa fomu yako ya maoni kwenye kidirisha cha modal.



Aina Mzigo Aina ina chaguzi 2:

• Pakia Tovuti nzima (kwa tovuti nzima).
• Kwa Kila Ukurasa/Chapisho (kwa machapisho na kurasa maalum).

Chaguo la kuvutia sana. Ikiwa unahitaji dirisha la pop-up ambalo litaonyeshwa kwenye kurasa zote za tovuti (kiungo kiko kwenye upau wa kando, kwa mfano), kisha chagua chaguo la kwanza. Katika kesi ya pili, kizuizi cha mipangilio kinacholingana kitaonekana kwenye kurasa / machapisho ya tovuti wakati wa kuhariri:



Unaweza kuwezesha na kuchagua kidirisha chako ibukizi kwa ukurasa fulani. Ikiwa hutaangalia kisanduku, kipengele hakitapakiwa kwenye tovuti.

Kichupo cha pili cha vigezo vya moduli ni Machaguo ya Kuonyesha.



Hapa unaonyesha:

• ukubwa wa dirisha - moja kwa moja, kati, adaptive, ndogo, kubwa, nk;
• mandharinyuma - unaweza kutumia mandharinyuma kwa fomu au kuionyesha bila hiyo;
• uhuishaji wa dirisha la pop-up;
• nafasi (mahali) - kituo cha juu, chini kulia, nk; fasta au la;
• indentation juu ya skrini.

Mifano ya kuonyesha matokeo ya dirisha la modal katika WordPress kwa kutumia programu-jalizi ya Easy Modal inaweza kupatikana kwenye kichupo cha mwisho.



Unahitaji kuingiza msimbo huu kupitia wijeti kwenye utepe au mhariri wa maandishi. Sio tofauti na nambari nyingine yoyote ya HTML, jambo pekee ni kwamba darasa la dirisha maalum la modal (eModal-1) limeonyeshwa hapa. Kwa kipengele cha pili ulichounda, darasa litakuwa eModal-2, nk. Ili kuepuka kufanya makosa wakati wa kuingiza msimbo, njia rahisi ni kunakili kutoka kwa ukurasa huu.

Kuhariri mada ya dirisha la modal

Katika programu-jalizi ya Easy Modal, pamoja na mipangilio ya kipengele maalum Unaweza kufafanua mandhari kwa madirisha ibukizi (Mandhari). Katika msingi toleo la bure Moduli ina template moja tu, lakini hii ni zaidi ya kutosha.



KATIKA chombo hiki Alamisho 6:

• Jumla - onyesha jina la mada;
• Kufunika - mandharinyuma (hapa unaweza kuchagua rangi na uwazi wa mandharinyuma ya fomu);
• Chombo - mipangilio tofauti ya dirisha la modal yenyewe (padding, sura, kivuli);
• Kichwa-vigezo vya kichwa cha dirisha ibukizi (fonti, kivuli);
• Yaliyomo - fonti na rangi ya maandishi kwenye kizuizi;
• Funga - kipengele cha kufunga fomu (maandishi na kubuni).

Kama unavyoona, mwonekano inaweza kubinafsishwa upendavyo ili kuendana na mahitaji yako. Nimepata hii rahisi Fomu ya WordPress kwenye dirisha la modal:



Baada ya kuweka mipangilio yote, usisahau kuwaokoa (bofya kitufe cha Hifadhi).

Video ya kuongeza Fomu ya 7 ya Mawasiliano katika kidukizo cha Easy Modal

Kwa njia, nimepata video ya kufanya kazi na programu-jalizi ya Easy Modal, inayoonyesha mchakato wa kuunda dirisha la maoni la modal katika WordPress. Huko, kiolesura cha moduli kimepitwa na wakati (baadhi ya mipangilio inaonekana tofauti), lakini unaweza kupata kiini cha jumla. Labda itakuwa rahisi kwa mtu kuelewa suala hili kwa kutumia video.

Jumla kuhusu madirisha ya modal ya WordPress

Kama ilivyoelezwa hapo juu, sasa programu-jalizi ya Easy Modal (kuhukumu kwa Ukurasa Rasmi) iliyogeuzwa kuwa Kiunda Ibukizi. Nilifanikiwa kupata moduli ya jina moja kwenye hazina, lakini sikuijaribu. Ninakuambia juu ya hili ili ujue nini cha kutafuta ikiwa Modal Rahisi katika WordPress katika matoleo yanayofuata itaacha kufanya kazi ghafla.

Suluhu zote mbili ni za bure, ingawa zimelipa nyongeza. Yanakuruhusu kubinafsisha ulengaji, kuongeza mandhari zaidi ya muundo, yana uchanganuzi na vipengele vingine. Ikiwa unahitaji utaratibu wa juu zaidi wa dirisha la modal, unaweza kuangalia kwa karibu viendelezi hivi.

Kuhusu kazi ya kufungua fomu ya maoni ya Fomu ya Mawasiliano 7 kwenye dirisha ibukizi, inatosha uwezo wa kimsingi Rahisi Modal. Aidha uamuzi huu pia inaweza kutumika kuonyesha madirisha mengine ya modal katika WordPress - vidokezo muhimu, Taarifa za ziada Nakadhalika. Kwa kuzingatia uwepo wa mhariri HTML ingizo msimbo, unaweza kuonyesha video, fomu, n.k. katika dirisha ibukizi. Kwa ujumla, programu-jalizi muhimu. Ikiwa una maswali yoyote kuhusu hilo, andika kwenye maoni.

Salamu, marafiki. Mafunzo ya leo yatasaidia tovuti yako ya WordPress kuwa na fomu nzuri ya maoni na inayofanya kazi. Tutaifanya kwa kutumia programu-jalizi ya Fomu ya Mawasiliano 7. Wakati mmoja nilitumia muda mwingi kutafuta fomu ya mawasiliano ya kawaida na mbadala inayostahili Bado sijapata programu-jalizi hii.

Vipengele vya programu-jalizi

Acha nikukumbushe tena kwamba tutafanya kazi na programu-jalizi, kwa hivyo ikiwa unahitaji maoni bila programu-jalizi, ni bora kutembelea nakala kuhusu, usanidi ni ngumu zaidi, lakini chaguo ni la ulimwengu wote (inafaa kwa kila tovuti) na huweka mzigo mdogo kwenye seva.

Faida kuu ya fomu ya mawasiliano kwenye Fomu ya Mawasiliano 7 ni urahisi wa kubinafsisha, utendakazi usio na kikomo na marekebisho ya muundo wa kiotomatiki kwa templeti yoyote ya WordPress. Kwa msaada wake, unaweza kuunda sio tu fomu ya kutuma ujumbe kutoka kwa tovuti. Programu-jalizi inaweza kutumika kuunda kitufe cha kuagiza, nipigie au dodoso changamano na visanduku vya kuteua na orodha kunjuzi. Inawezekana pia kuambatisha faili kwa uhamisho.

Kwa neno moja, programu-jalizi ni mega-kazi.

Ikiwa bado una wasiwasi kuhusu swali "kufanya au kutofanya fomu ya mawasiliano?" (unaweza kupata kwa kutuma tu habari ya mawasiliano kwenye kurasa sahihi), basi nitasema bila usawa - inafaa kufanya.

Kwanza, kutuma ujumbe moja kwa moja kutoka kwa tovuti ni rahisi zaidi kuliko kufungua programu ya barua na ujaze kila kitu kwa mikono. Kuokoa wakati hautaumiza mtu yeyote.

Pili, fomu ya mawasiliano inaweza kubinafsishwa na hii itakuruhusu kupokea barua za muundo wa kawaida - zitakuwa rahisi kuzunguka. Kwa mfano, unaweza kuweka kichwa cha kawaida cha ujumbe wa "Agizo" na barua pepe zote kutoka kwa ukurasa wa maagizo zitakuja na kichwa hiki.

Tatu, kutumia fomu ya mawasiliano hukuruhusu kuficha anwani yako ya barua pepe na, kwa hivyo, kuondoa barua taka zinazowezekana ambazo huonekana wakati kisanduku chako cha barua pepe kinapatikana kwa umma.

Nne, ni maridadi na ya kisasa.

Inasakinisha na kusanidi programu-jalizi ya Fomu ya Mawasiliano 7

Programu-jalizi imeingia msingi wa kawaida WordPress, kwa hivyo hakuna haja ya kutafuta faili zake mahali fulani, pakua mwenyewe na kisha uzipakie kwa mwenyeji wako. Kila kitu kinafanywa rahisi - kupitia msimamizi wa WordPress, ingiza sehemu ya programu-jalizi, chapa "Fomu ya Mawasiliano 7" kwenye uwanja wa utafutaji na uisakinishe. Ikiwa haujawahi kusakinisha programu-jalizi, basi maelekezo ya kina jinsi ya kusakinisha programu-jalizi.



Inasanidi programu-jalizi ya Fomu ya Mawasiliano 7

Kuweka programu-jalizi kuna hatua mbili.

Ya kwanza ni kuunda fomu maalum. Kunaweza kuwa na aina nyingi tofauti, kila moja inaweza kuwa na seti yake ya mashamba. Kwa neno moja, kwa kila kazi na kila ukurasa kwenye tovuti unaweza kuunda fomu ya maoni tofauti, Wordpress inaruhusu hii - orodha yao itahifadhiwa kwenye hifadhidata ya programu-jalizi.

Hatua ya pili ni kuingiza fomu kwenye kurasa za tovuti. Kila fomu tunayounda ndani ya programu-jalizi itakuwa na msimbo wake mfupi wa kipekee. Ili kuiingiza kwenye ukurasa, unahitaji tu kuiingiza.

Kwa hiyo, twende.

Kuanza, katika orodha ya kushoto ya jopo la msimamizi tunapata kichupo cha Fomu ya Mawasiliano 7. Menyu yenye vitu viwili itatokea chini yake - "Fomu" na "Ongeza mpya".



Bado hatuna fomu zilizotengenezwa tayari, kwa hivyo hebu tuende kwenye sehemu ya "Ongeza mpya". Ukurasa utafunguliwa hapo ukikuuliza uchague lugha, na lugha chaguo-msingi pia itaorodheshwa hapo. Bofya tu kitufe cha bluu"Ongeza mpya."



Mipangilio ya fomu imegawanywa katika vitalu tofauti. Nitazizingatia kwa utaratibu.

Zuia "Jina la Fomu"

Kizuizi cha kwanza kinawajibika kwa jina la fomu yako - weka mshale kwenye uandishi "Untitled" na uweke jina unalohitaji. Jina hili litaonyeshwa kwako tu katika orodha ya fomu za mawasiliano za programu-jalizi, kwa hivyo fanya iwe wazi kwako ili usichanganyike katika siku zijazo na aina zote.



Zuia "Kiolezo cha Fomu"

Hapo awali, kizuizi hiki kina usanidi wa kawaida wa uwanja. Ina jina la mtumaji wa barua, yake barua pepe, mada ya barua pepe, maudhui ya barua pepe na kitufe cha kutuma.



Sehemu zinazohitajika zimewekwa alama ya nyota. Ikiwa sehemu hii itaachwa tupu, ujumbe hautatumwa.

Mpangilio wa mashamba unaweza kubinafsishwa kwa kutumia html ya kawaida alama.

Kuhusu kusanidi uwanja wenyewe, unaweza kuondoa zisizo za lazima na kuongeza zile unazohitaji. Ikiwa hutaki mada ya barua kuingizwa kwa mikono, futa tu kizuizi kinacholingana.

Kuongeza mashamba pia ni rahisi sana. NA upande wa kulia Kuna kitufe cha kutengeneza lebo; kwa kubofya juu yake, utaona orodha ya sehemu zote zinazowezekana ambazo programu-jalizi hii inasaidia.



Chagua kipengee unachotaka na usanidi mipangilio yake. Programu-jalizi iko kwa Kirusi, kwa hivyo mipangilio yote ni angavu.

Kisanduku cha kuteua cha kwanza kinaonyesha kama sehemu inahitajika au ya hiari (inaongeza nyota).

Baada ya kusanidi uga, utakuwa na misimbo fupi 2:

• "Nakili msimbo huu na uibandike kwenye template ya fomu upande wa kushoto" - msimbo huu umeingizwa kwenye msimbo wa fomu kwa njia sawa na wengine wote;
• "Na ubandike nambari ifuatayo kwenye kiolezo cha herufi hapa chini" - tutahitaji msimbo huu ili kufomati herufi kwenye kizuizi kinachofuata.



Kwa njia hii unaweza kuongeza idadi yoyote ya sehemu, visanduku vya kuteua, orodha kunjuzi, vipengele vya kuambatisha faili, n.k. kwenye fomu.

Herufi kubwa"

Sasa kazi yetu ni kubinafsisha barua ambayo tutapokea. Barua haiathiri kwa njia yoyote utendakazi wa fomu ya maoni; inatumika tu kuwasilisha habari iliyoingizwa katika fomu.

Kazi yetu ni kuingiza habari zote katika barua.



Hatua ya kwanza ni kuonyesha barua pepe ambayo ujumbe utatumwa (inaweza kuwa chochote).

Jambo la pili linaonyesha barua pepe, ambayo barua itatumwa kwako. Nisingebadilisha chochote hapa, imeorodheshwa kama chaguo-msingi Sanduku la barua blogu yako na kuongeza lebo yenye jina la mtu anayetuma ujumbe.

Ifuatayo, tunaonyesha mada ya barua. Kama kawaida, somo linachukuliwa kutoka kwa uwanja ambao umejazwa katika fomu. Lakini unaweza kuondoa kipengele hiki kutoka kwa fomu, na uingie mada maalum kwenye shamba, ambayo imewekwa moja kwa moja katika kila barua. Nilifanya hivi kwa fomu za maoni kutoka kwa kurasa kuhusu huduma na utangazaji. Ujumbe kutoka hapo huwa na mada sawa kila wakati "Huduma za kuagiza" au "Kuagiza utangazaji" - rahisi na wazi.

Sehemu ya vichwa vya ziada ina lebo ya "Jibu-Kwa:" ili unapojibu barua iliyopokelewa kutoka kwa blogi yako, utume ujumbe kwa blogi, na kwa anwani ambayo mtumaji wa barua alionyesha kwenye uwanja wa fomu. Hakuna haja ya kubadilisha uwanja huu.

Sehemu ya "Kiolezo cha Barua" inawajibika kwa maudhui ya ndani ya ujumbe uliopokea. Kwa chaguo-msingi, ina taarifa kuhusu mtumaji, somo, na maandishi ya ujumbe yaliyoingizwa kwenye uwanja.

Mwishoni, tovuti ambayo barua ilitumwa imeonyeshwa.

Ikiwa umeingiza habari yoyote kwenye fomu mashamba ya ziada, haijasakinishwa kwa chaguo-msingi, basi usisahau kuongeza lebo inayofaa kwenye kiolezo cha barua. Ulipewa kwenye kizuizi cha "Kiolezo cha Fomu", ambapo ulitengeneza lebo inayolingana (sehemu ya "Na ubandike nambari ifuatayo kwenye kiolezo cha barua pepe hapa chini").

Naipenda habari ya maandishi Kizuizi hiki (isipokuwa lebo) kinaweza kubadilishwa kwa kupenda kwako. Unaweza pia kuongeza maelezo yoyote na ubadilishane tagi, ukizipanga kwa mpangilio unaokufaa.

Zuia "Barua 2"

Ikiwa ungependa mtu mwingine apokee ujumbe uliotumwa kwako, unaweza kuteua kisanduku hiki.

Kizuizi hiki kimeundwa sawa na uliopita. Kwa default, mashamba yote ndani yake yanajazwa ili barua iende kwa mtu aliyejaza fomu (inaonekana ili asisahau).

Unaweza kusanidi nakala ya kutumwa kwa, kwa mfano, meneja wako au mhasibu.

Zuia "Arifa wakati wa kuwasilisha fomu"

Katika kizuizi hiki unaweza kusanidi ujumbe ambao mtumiaji anaona baada ya kubofya kitufe cha kutuma ujumbe. Ikiwa unataka kubadilisha chochote, tafadhali, niliacha kila kitu kama kilivyo.

Uanzishaji wa fomu

Baada ya kujaza sehemu zote, rudi mwanzo kwenye kizuizi cha "Jina la Fomu" na ubofye kitufe cha "hifadhi" kilicho upande wa kulia.

Programu-jalizi itaweka fomu uliyounda kwenye orodha ya zinazotumika na kuikabidhi kanuni maalum kitu kama hiki:

[ contact - form - 7 id = "5464" title = "Verification" ] !}

Kwa kubandika msimbo huu popote kwenye tovuti yako utapata fomu tayari kuwasiliana na wateja wako watarajiwa.

Anti-spam - Akismet na Captcha

Spammers husababisha shida nyingi kwa wamiliki wa tovuti, na kila fomu mpya ambayo inakuwezesha kuandika kitu huongeza tu idadi ya bots ya barua taka.

Ukiacha Plugin ya fomu ya kuwasiliana katika toleo lake la msingi, basi baada ya muda utapigwa na ujumbe mwingi usio na maana na usio na maana.

Kuna njia mbili za kuondoa spammers:

1. Weka captcha ya lazima (hii inaweza kufanywa na programu-jalizi ya ziada - Rahisi sana CAPTCHA).
2. Tumia programu-jalizi ya kuzuia taka kwa WordPress - Akismet.

Chaguo la kwanza sio rahisi kwa sababu inalazimisha wageni kuingiza herufi za ziada. Sio ngumu sana, lakini watu wengine hawapendi.

Kutumia programu-jalizi ya Akismet ni rahisi zaidi kwa sababu inachambua data iliyoingizwa kwa uhuru (majina, barua pepe, viungo) na, kulingana na hifadhidata iliyokusanywa, hufikia hitimisho kuhusu barua taka au zisizo taka za ujumbe.

Kwa kuongeza, akismet imewekwa kwenye tovuti nyingi za WordPress ili kulinda dhidi ya barua taka katika maoni kwa makala. Hii ina maana kwamba wakati wa kutumia hutahitaji kufunga programu-jalizi za ziada na kuunda mzigo usiohitajika kwenye tovuti.

Ulinzi wa barua taka na Akismet

1. Sakinisha programu-jalizi ya Akismet kwenye tovuti yako na uiwashe - .

2. Ongeza data ya ziada kwa lebo za fomu ya mawasiliano:

• ongeza kwenye uwanja na jina la mwandishi akismet:mwandishi
• uwanjani na barua pepe ya mtumaji barua akismet:author_email
• katika uwanja wa anwani ya tovuti akismet:author_url

Inapaswa kuonekana kama hii:



Baada ya kuhifadhiwa, fomu ya mawasiliano inapaswa kuzuia ujumbe wote unaotumwa na watumaji taka. Unaweza kuangalia uendeshaji wa chujio kwa kutumia jina maalum la mtihani "viagra-test-123? - unapoiingiza, ujumbe wa hitilafu unapaswa kuonekana.

Ili kufanya hundi iwe chini ya ukali, unaweza kuangalia sehemu tu ya mashamba, kwa mfano, jina na barua pepe, na uache anwani ya tovuti bila uthibitishaji. Katika kesi hii, uwezekano wa ujumbe wa barua taka utaongezeka, lakini utakuwa na uwezekano mdogo wa kupoteza ujumbe muhimu.

Ulinzi wa barua taka kwa kutumia CAPTCHA Rahisi Sana

Ikiwa unaona kwamba Akismet haikufaa (inaruhusu kupitia barua taka nyingi au kuzuia ujumbe muhimu), basi unaweza kuwezesha captcha. Ili kufanya hivyo, sakinisha programu-jalizi rahisi ya CAPTCHA.

Fungua fomu ya mawasiliano unayotaka ili kuhariri

Chagua Captcha kutoka kwenye orodha ya vitambulisho. Katika mipangilio ya vitambulisho, unaweza kuchagua ukubwa wa picha na alama, vinginevyo hakuna haja ya kubadilisha chochote. Chini ya dirisha la mipangilio, vitambulisho 2 vitaonekana, mtu anajibika kwa kuonyesha picha, pili inaonyesha shamba la kuingiza data kutoka kwa picha hii.



Ili captcha ianze kufanya kazi, unahitaji kunakili na kubandika lebo hizi zote mbili kwenye dirisha la kushoto la kiolezo cha fomu, na kisha uhifadhi mabadiliko.

Kuweka fomu ya maoni kwenye dirisha ibukizi

Fomu ya mawasiliano sio lazima iwe iko katika sehemu maalum ya tovuti; wakati mwingine, mteja anapaswa kuwa na uwezo wa kuipata kutoka kwa kila ukurasa wa rasilimali.

Katika hali kama hizi, kutuma fomu kamili sio rahisi kila wakati. Ni rahisi zaidi kuweka kifungo kwenye mahali maarufu ambayo huvutia tahadhari. Kubofya kitufe hiki lazima tayari kusababisha ufunguzi wa fomu.

Kwa hivyo, mtu ataweza kutuma ujumbe kutoka kwa wavuti bila kuacha ukurasa anaohitaji.

Hii inafanywa kwa kutumia programu-jalizi nyingine - Easy FancyBox.

1. Sakinisha programu-jalizi



Kwanza kabisa, tunasakinisha programu-jalizi yenyewe; iko kwenye hifadhidata ya programu-jalizi ya jumla, kwa hivyo unachohitaji kufanya ni kuingiza jina lake kwenye paneli ya msimamizi wa blogi yako katika kutafuta programu-jalizi. Baada ya kusanikisha programu-jalizi, kichupo cha "faili za media" kitaonekana kwenye sehemu ya "mipangilio".



Katika kichupo hiki unahitaji kupata orodha ya aina za maudhui ambazo zinapaswa kuonyeshwa kwenye dirisha la pop-up. Kwa chaguo-msingi kuna Picha pekee, unahitaji kuongeza maudhui ya Inline.

Kwa kuwa usanidi wa programu-jalizi umekamilika, hebu tuendelee kusanidi kitufe cha maoni.

2. Bandika msimbo kwenye tovuti

Kimsingi, unaweza kutumia kiunga cha maandishi cha kawaida, lakini kitufe cha picha kitaonekana bora.

Kwenye tovuti yako, ambapo ungependa kuonyesha kitufe cha fomu ya mawasiliano (kwenye kichwa, kijachini au utepe), weka msimbo ufuatao:



< a href = "#contact_form_pop" class = "fancybox-inline" > < img title = "fomu ya mawasiliano" alt = "fomu ya mawasiliano" src = "http://kiungo kwa picha"> < / a > < div style = "display:none" class = "fancybox-hidden" > < div id = "contact_form_pop" > [ fomu ya mawasiliano - 7 id = "kitambulisho cha fomu yako" title = "jina la fomu yako"] < / div > < / div >

Katika msimbo, unahitaji kuonyesha anwani ya picha unayotumia kama kitufe cha maoni, na uhariri msimbo mfupi wa fomu yenyewe - ingiza kitambulisho chako na kichwa.

3. Ondoa kizuizi kwenye misimbo fupi kwenye upau wa kando

Kipengee hiki kinahitajika ikiwa unataka kusakinisha kitufe kwenye utepe. Upau wa kando katika WordPress hairuhusu misimbo fupi kila wakati.

Ili kuwezesha kazi hii, unahitaji kufungua faili ya function.php kwa uhariri (moja kwa moja kutoka Msimamizi wa WordPress) na uweke msimbo ufuatao kabla ya mabano ya kufunga “?>”:

add_filter("widget_text", "do_shortcode");

add_filter ("widget_text" , "do_shortcode" ) ;

Itakupa uwezo wa kutekeleza misimbo fupi yote kwenye upau wa kando.

Nilimaliza na fomu hii nzuri ya pop-up:



Aina kadhaa tofauti za pop-up kwenye ukurasa mmoja

Wakati mwingine kuna haja ya kuweka fomu kadhaa kwenye tovuti na mipangilio tofauti na mashamba.

Kwa mfano, kifungo kimoja kinaongoza kwa fomu yenye jina na nambari ya simu na hutumiwa kuagiza simu kutoka kwa tovuti, na pili inapaswa kufungua fomu nyingine ambapo kuna maombi ya utaratibu wa kina (pamoja na anwani, uwanja wa maelezo, uwezo wa kuunganisha faili, nk). Katika programu-jalizi ya Fomu ya Mawasiliano 7 yenyewe, unaweza kutengeneza idadi isiyo na kikomo ya chaguzi za fomu, lakini jinsi ya kuziweka ndani vifungo tofauti ukurasa mmoja?

Ili kufanya hivyo, unahitaji kurekebisha msimbo wa kifungo kutoka kwa aya iliyotangulia. Kitufe cha kwanza kinatumia chaguo lililowasilishwa hapo juu. Katika pili, maadili mawili yanabadilika:

1. Kiungo kinabadilika, patia kigezo cha href thamani #contact_form_pop_2
2. Badilisha kitambulisho kiwe thamani sawa #contact_form_pop_2