Kontaktni obrazac za dodavanje 7: prilagodite izgled. Konfigurirajte obrazac za kontakt 7 za Wordpress

Ovaj materijal će biti detaljno opisan kontakt obrasca 7 postava - Plug-in za takve popularne platforme za kreiranje i promociju web stranice na globalnoj webu, kao „WordPress”. Ovaj softverski alat omogućuje vam da stvoriti i konfigurirati obrazac za povratne informacije.

Malo o Wordpressu

Jedan od najpopularnijih i najčešćih alata za razvoj i popunjavanje informacijskih resursa je Wordpress. U početku, ovaj softverski proizvod bio je usredotočen na stvaranje nepretencioznih blogova. No, tada su specijalizirani stručnjaci dopunili svoju funkcionalnost, što je omogućilo kreiranje drugih internetskih resursa uz pomoć ovog sustava za upravljanje sadržajem.

Prednosti i slabosti ove platforme za stvaranje i promoviranje web stranica

Prednosti ove softverske platforme su:

• Jednostavnost i otvorenost izvornih kodova.

• Impresivna količina pozadinskih podataka.

• Mogućnost razvijanja bilo kojeg stupnja složenosti tematskih resursa na Internetu u najkraćem mogućem roku.

• Visoke performanse bez dodatnih softverskih dodataka (dodataka).

Ali nedostaci u ovom slučaju su sljedeći:

• Web stranice izrađene na temelju Wordpressa, ne mogu se nositi s teškim opterećenjem.

• Smanjenje brzine resursa Interneta smanjuje se prilikom instalacije dodatnih mini programa ili, kako se zove, dodatke.

Što su dodatke? i zašto ih trebaju web-lokacije temeljene na platformi Wordpress

Osnovna funkcionalnost sustava za upravljanje sadržajem, kao što su „Wordpress” vrlo skromna. Njegov jedini dovoljno za razvoj najjednostavnijih blogove i web stranice. Da bi se na neki način poboljšati situaciju s funkcionalnosti softverske platforme i dodati na njega fleksibilnost, programeri su morali uvesti više poseban mini-program, koji u žargonu nazivaju dodatke. Jedan od njih je obrazac za kontakt 7. Konfiguriranje dodatka omogućuje određene stranice sustav za upravljanje sadržajem za stvaranje obrazac za povratne informacije s naprednom razinom funkcionalnosti.

Specijalizacija "Oblici kontaktiranja 7"

Kao što je već spomenuto, uspostavljanje povratne informacije posjetitelja i administratora internet resursa se temelji na „WordPress” platforma - glavni zadatak Kontakt Obrazac 7. Mail Setup, uređivanje predloška, ​​prijenos raznih datoteka - ovo nije iscrpan popis mogućnosti koje nudi ovaj mini-programa. U tom slučaju, opterećenje na hardverskim resursima site će biti relativno mala, a njegova dostupnost neće dovesti do značajnog smanjenja brzine svoj website ili blog.

Kako instalirati dodatak

Postoje tri načina za instaliranje dodataka na platformu Wordpress:

• Preuzimanjem ZIP-arhive s globalnog weba i "popunjavanjem" u odgovarajući katalog internetskog resursa.

• Korištenje raznih vrsta FTP klijenata.

• Preuzmite mini program pomoću upravljačke upravljačke ploče web mjesta, bloga ili portala.

Najsigurnije od ove tri opcije za instaliranje dodataka je potonje. U ovom slučaju programski kôd preuzima se s službenog mjesta i u njemu nema raznih zlonamjernih, opasnih fragmenata. Postupak za instaliranje dodataka u ovom slučaju je sljedeći:

• Idemo na administrativnu ploču Wordpressa.

• Tada morate premjestiti na odjeljak "Dodaci".

• U prozoru koji se otvori odaberite stavku "Dodaj novi".

• Na traci za pretraživanje unesite naziv dodatka - obrazac za kontakt 7 - nakon čega postavljamo pokazivač miša iznad gumba "Pretraži" i izvršimo jednokratni klik. Nakon toga započet će rad traženja potrebnog softvera.

• Na kraju će se prikazati popis pronađenih dodataka. Na ovom popisu pronađite onaj koji nam treba i kliknite gumb s natpisom "Instaliraj" koji se nalazi ispred njega.

• Nakon toga, sustav za upravljanje sadržajem automatski će preuzeti i instalirati ovaj dodatak.

• Sljedeći je korak aktiviranje instaliranog softvera. Da biste to učinili, otvorite karticu "Dodaci" i na popisu pronađite formular za kontakt7. Uz to je natpis: "Aktiviraj", na njemu i kliknite jednom mišem.

• Nadogradimo administrativnu ploču sustava za upravljanje sadržajem i pronađemo među svojim elementima za kontakt7. To je uvjet za uspješno instaliranje ovog popularnog i funkcionalnog dodataka.

Algoritam za konfiguraciju "Kontakt obrasca 7"

Konfiguracija kontakt obrasca 7 sastoji se od sljedećih stavki:

• Izradite novi obrazac ili uredite stari koji je stvoren kada je dodatak instaliran. Iskustvo pokazuje da je u većini slučajeva bolje koristiti opciju za stvaranje novog obrasca.

• U sljedećem koraku odaberite jezik formulara i postavite njegovo ime.

• Trebate ponovo konfigurirati svoj predložak, ako je potrebno.

• Spremite promjene.

• Napravite novu stranicu s primljenim kodom ranije.

• Zatim morate objaviti novu stranicu.

• U posljednjoj fazi, morate otići na stranicu i provjeriti ispravan rad stvorenog sučelja elementa Internet resursa.

Izradite novi obrazac

Odmah nakon aktivacije, ovaj dodatak stvara zadani obrazac za postavljanje pitanja od posjetitelja web mjesta ili bloga. Naravno, može se urediti i konfigurirati ispravno. Ali to će biti puno lakše ukloniti ovo i stvoriti novi s punim skupom sve potrebne funkcionalnosti. Da biste to učinili, morate izvršiti sljedeće radnje:

• Idite na izbornik ovog dodatka i odaberite "Obrasci".

• U prozoru koji se otvori nakon toga morate označiti okvir pored "Kontakt obrazac1".

• Zatim na vrhu, na padajućem popisu "Radnje" odaberite "Izbriši".

• Kao odgovor, od vas će se tražiti da potvrdite radnju. Morate potvrditi brisanje obrasca i kliknite gumb "Da".

• 
  
  
  

  Na sljedećoj stranici odaberite stavku izbornika "Stvaranje novog" u administrativnoj ploči "Wordpress" "Obrazac za kontakt7".

• U prozoru koji se otvori odaberite jezik sučelja budućeg obrasca na padajućem popisu - "ruski". Zatim kliknite gumb "Napravi".

Nakon toga, izvorni kod novog obrasca za povratne informacije za Wordpress generira se prema zadanim postavkama. Nakon toga će biti potrebno izvršiti takve operacije kao što je postavljanje obrasca za kontakt 7.

Navedite naziv obrasca

Nakon dovršavanja svih gore navedenih radnji, pojavljuje se prozor za unos naziva novog obrasca u kontaktni obrazac 7 Style. Konfiguracija ovog elementa sučelja je upravo ono što započinje jednostavnom operacijom s jedne strane. No, naziv obrasca bolje se daje na temelju tražilice optimizacije. Dakle, najoptimalniji u ovom slučaju, na primjer, "Obrazac za povratne informacije" ili "Pitanje administratora web sučelja". Nakon što definirate naziv ovog elementa sučelja, upišemo ga u odgovarajuće polje prozora upita.

Uređivanje predloška "Obrazac za kontakt 7"

U istom prozoru s nazivom stvorenog oblika, postoje 4 kartice. Prva od njih je "Predložak". Prema zadanim postavkama ovdje se formira samo 5 elemenata:

• Mjesto gdje se treba postaviti ime posjetitelja internetskog resursa.

• Polje za biranje e-adrese posjetitelja koji je postavio pitanje.

• Drugi polje omogućuje upisivanje predmeta pitanja.

• Zatim je veliko tekstualno polje osmišljeno za izravno biranje poruke.

• Zadnji element obrasca prema zadanim postavkama je gumb sa riječi "Pošalji".

Ako je potrebno, tekst u ovom polju može se uređivati ​​i dodati drugi elementi sučelja. Da biste to učinili, dovoljno je istaknuti kôd bilo kojeg elementa teksta (primjerice, dio koda u kojem je predmet poruke naveden i kopirati ga pomoću kontekstnog izbornika u istom polju na drugo mjesto. padajući popis parametre (detaljno će se razmatrati u sljedećem odlomku), u kojem odabire element interesa. Nakon toga se pojavljuje odgovarajući kôd pored padajućeg popisa. Zatim kopirajte ovaj kôd i zalijepite umjesto naslova poruke. Odaberemo naziv elementa po vlastitom nahođenju.

Podešavanje duljine polja, a ne samo

Na istom mjestu možete promijeniti duljinu ulaznog polja u Kontakt formi 7. Širina bilo kojeg tekstualnog okvira prilagođena je na sljedeći način:

• Na primjer, morate povećati broj znakova u nazivu posjetitelja internetskog resursa na 55. Zadana je 40.

• U tu svrhu, u kodu [text * your-name] na kraju, dodajte brojeve 60/55. Kao rezultat toga, primat će se kôd [text * your-name 60/55]. Nakon što spremite izmjene, dužina ovog polja bit će 60, a maksimalni broj znakova koji se mogu upisati u njega iznosi 55.

Isto tako, možete promijeniti veličinu polje za tekst poruke. Samo u tom slučaju potrebno je promijeniti kôd elementa slijedi [textarea svoj-poruka 40 x 30]. U ovom slučaju, 40 - je broj slova u istom retku i 30 - ukupan iznos izraza u ovom sučelju element u kontakt obrasca 7. prilagodbu izgleda u istom obliku obavlja se odabirom vrijednosti parametara svakog pojedinog elementa. Stoga se preporučuje da kod svaki element naveli posebne vrijednosti svaki dan u ovom odjeljku parametra.

Ostale kartice obrasca

Kao što je navedeno, prva kartica naziva se "obrazac predloška". Sljedeća iza nje u ovom prozoru je "Pismo". Navodi se postavke za mjesto na kojem će se pošta poslati iz ovog internetskog resursa. Kartica "Obavijest" generira tekst poruke, koja će se prikazati ako je poruka uspješno poslana. Postoji i mogućnost pripreme poruke i u slučaju da ne možete kontaktirati administratora web stranice koristeći sredstva. Posljednja kartica u Kontakt formi 7 je "Napredne postavke". Sadrži one parametre koji se vrlo rijetko koriste u praksi. Na primjer, možete ga koristiti za konfiguriranje praćenja teksta koji je unio korisnik pomoću Yandex - mjernih podataka.

Polja koja se mogu dodati pomoću ovog dodatka u ovom obrascu

Postavljanje obrasca za kontakt 7 za Wordpress omogućuje vam da dodate takve elemente sučelja na obrazac za povratne informacije:

• Testno polje je univerzalni sučelje, u koji možete unijeti bilo koji skup simbola.

• E-pošta - mjesto gdje možete unijeti ime e-pošte.

• URL - polje skupova adresa internetske stranice.

• Telefonski broj - omogućuje vam unos telefonskog broja u međunarodnom obliku.

• Element "spinbox" omogućuje stvaranje polja za unos za cijelu vrijednost (na primjer, dob posjetitelja).

• Element "Klizač" dodaje klizač na obrazac s kojim možete odabrati numeričku vrijednost iz navedenog raspona.

• Stavka "Datum" stvara poseban polje za unos u kojem možete navesti traženi datum. Kada se aktivira ova stavka sučelja, na dnu se prikazuje donji kalendar u kojemu možete odmah odabrati željeni datum.

• S druge strane, padajući izbornik "Polje za tekst" namijenjen je za upisivanje tekstnog dijela e-pošte.

• Sljedeća stavka - "padajući izbornik" - omogućuje odabir traženog parametra s popisa fiksnih.

• Ali "CheckBoxes" je namijenjen za odabir jedne ili više vrijednosti s danog popisa.

• Element sučelja "Radio Buttons" je gotovo identičan onom prethodnom. Jedina razlika je u tome što u ovom slučaju možete odabrati samo jednu ispravnu opciju, dok "CheckBoxovi" mogu imati nekoliko ispravnih vrijednosti.

• Stavka "Prihvaćanje" omogućuje vam dodavanje samo jednog kvadratića u generirani obrazac. U pravilu se koristi za upoznavanje sa svim uvjetima i bez njihovog prihvaćanja u budućnosti neće biti moguće poslati e-mail.

• Stavka "Izbornik" omogućuje izradu posebnog odjeljka u sučelju koji će zaštititi poštanski sandučić od neželjenog sadržaja. U tom slučaju prije slanja bit će potrebno dati točan odgovor na postavljeno pitanje.

• Druga opcija je "CAPTCHA". Kada ga odaberete na obrascu, dodaje se zaseban odjeljak u kojem će biti prikazana slika s simbolima i dodatni polje za njihov unos.

• Sljedeća stavka je "Slanje datoteke". Omogućuje vam dodavanje datoteke u tekst pisma s različitim objašnjenjima i komentarima administratora resursa.

• Posljednja stavka - "Pošalji gumb" - omogućuje dodavanje odgovarajućeg elementa sučelja.

Spremi promjene

Nakon što su postavljene potrebne vrijednosti i oblik mora biti konfiguriran na neki način, sve to mora biti zadržano. Da biste to učinili, idite na gornji dio prozora za uređivanje dodatka. Mora postojati gumb "Spremi". Na njemu usmjeravamo pokazivač manipulatora i napravimo jedinstveni tisak na njemu. Kao odgovor, pojavljuje se kôd obrasca koji se odabire pomoću istog pokazivača miša i kopira. Zatim se prebacujemo u administrativnu ploču sustava za upravljanje sadržajem na stavku "Stranice". Tada izradimo novu stranicu s potrebnim imenom (na primjer, "povratne informacije", "Kontakti" ili "Pitajte administratora resursa"). Tada prevodimo postavljeni pokazivač u polje za unos koda. U tom slučaju trebate prevesti način upisivanja koda u "Tekst" na traci s opcijama. Zatim zalijepite prethodno primljeni kôd obrasca. Dalje na desnoj strani sučelja nalazimo gumb "Objavi" i pokazujemo miš na njemu. U sljedećem koraku izvršavamo jednim klikom lijeve tipke miša na ovom elementu sučelja sustava za upravljanje sadržajem.

Provjeravamo rezultat

Nakon provedbe gore navedenih manipulacija, treba dodati novu stranicu u sučelje internetskog resursa na kojem će biti prikazani elementi navedeni u Kontakt formi 7. Konfiguracija sučelja, načelno, je gotova. Potrebno je samo provjeriti ispravnu konfiguraciju softvera. Da biste to učinili, idite na glavnu stranicu web-lokacije, bloga ili portala. Zatim na popisu stranica nalazimo onu na kojoj je stavljen povratni obrazac. Prolazimo do njega, u svakom polju odmah unosimo ispravne parametre i mi šaljemo testni pismo. Kao odgovor, trebali biste primiti obavijest o uspješnom dovršenju ove operacije. Zatim s praznim poljima pokušavamo poslati još jedno pismo. Nakon toga trebali biste vidjeti poruku da morate navesti sve označene parametre obrasca. Ako se u oba slučaja primi gore navedeni rezultati, stvoreni obrazac za povratne informacije ispravno funkcionira.

Prednosti i nedostatke dodataka. Alternativne opcije

Izvrsno rješenje za novog razvojnog programera za stvaranje obrasca za povratne informacije je mini-program Contact Form 7. Postavljanje slanja pošte, stvaranje elemenata sučelja i drugih važnih elemenata sučelja u ovom je slučaju uglavnom automatizirano i zahtijeva minimalno znanje korisnika. Stoga, za jednostavan internetski izvor ulazne razine i s početnikom administratora - to je izvrsno rješenje. No, nakon svega, bilo koji dodatak dodatno je opterećen izvorima internetske stranice, što smanjuje brzinu. Stoga napredniji korisnici preporučuju izbjegavanje tako jednostavnog načina izrade obrasca za povratne informacije. Možete ga i sami izraditi koristeći HTML, CSS i JS, iako s nižom razinom funkcionalnosti. Istodobno će se smanjiti potreba za računalnim resursima web mjesta, a razina izvedbe značajno će se povećati.

rezultati

Ovo korak po korak opisuje konfiguraciju Kontakt obrasca 7. Ovaj dodatak zaista ima visoku razinu funkcionalnosti, može stvoriti bilo koji oblik povratnih informacija. S druge strane, upotreba dodatnog dodatka u sklopu sustava za upravljanje sadržajem povećava razinu opterećenja na hardveru web-lokacije. Stoga se preporučuje početnicima web-lokacija na temelju ovog sustava za upravljanje sadržajem da koriste takav dodatak za takve svrhe. Pa, napredniji korisnici mogu bez obrasca za kontakt 7. Konfiguriranje dodatka u ovom slučaju neće biti točno potrebno.