Plug Kontakt skjema 7: innstilling utseende. Konfigurer Contact Form 7 for Wordpress

Dette materialet vil bli beskrevet i detalj Kontakt skjema 7 oppsett - plug-in til en så populær plattform for etablering og markedsføring av nettsteder på den globale nettet, som "WordPress". Denne programvaren verktøyet lar deg opprette og konfigurere tilbakemeldingsskjemaet.

Litt om "wordpress"

En av de mest populære og mest vanlige verktøy for design og innhold av informasjonsressurser er "WordPress". Utgangspunktet programvaren ble fokusert på å skape upretensiøs blogger. Men så profil spesialister utfylle sin funksjonalitet, som tillater å skape ved hjelp av innhold styringssystemer er allerede, og andre elektroniske ressurser.

Styrker og svakheter ved plattformen for etablering og markedsføring av nettsteder

Plus, denne programvaren plattformen er:

• Enkelheten og åpenheten av kildekoden.

• En imponerende mengde bakgrunnsinformasjon.

• Evne til å utvikle noen grad av vanskeligheter tematisk ressurs på Internett for kortest mulig tid.

• Høy ytelse uten ekstra programvare add-ins (plug-ins).

Men ulempene i denne saken er som følger:

• Nettsteder som er basert på "WordPress", ute av stand til å takle den tunge lasten.

• En reduksjon i hastigheten på Internett-ressursen med installasjon av ekstra miniprogrammer, eller som de kalles plug-ins.

Hva er en plug og hvorfor de trengs på grunnlag av nettstedenes Wordpress 'plattform

Den grunnleggende funksjonaliteten til et content management system, slik som "Wordpress" meget beskjeden. Hans eneste nok til å utvikle de mest enkle blogger og nettsteder. For å liksom bedre situasjonen med funksjonaliteten til programvareplattform og legge til det fleksibilitet, utviklerne måtte installere mer spesielle mini-program, som i sjargong kalles plug-ins. En av disse er den Kontakt skjema 7. Konfigurere plugg gjør til en viss side av et innholdshåndteringssystem for å skape en feedback skjema med avansert nivå av funksjonalitet.

Spesialisering "Contact Form 7"

Som nevnt tidligere, etablering av en feedback mellom den besøkende og administrator av Internett ressurs basert på "WordPress" plattform - den viktigste oppgaven Contact Form 7. postoppsett, mal redigering, overføre ulike filer - dette er ikke en uttømmende liste over de mulighetene denne mini-program. I dette tilfellet vil belastningen på hardware ressurser i et område være relativt liten, og dens tilgjengelighet vil ikke føre til en betydelig reduksjon i hastigheten på din nettside eller blogg.

Hvordan installere plugin

Det er tre måter å installere plug-ins i "WordPress" plattform:

• Ved å laste ned en ZIP-arkiv av global web og "fylle" den i den aktuelle mappen av Internett-ressurser.

• Med bruk av ulike typer FTP-klienter.

• Last ned appleter ved hjelp av administrativ kontroll panel, nettsted, blogg eller portal.

Den sikreste av de følgende tre alternativer for installasjon av plug-ins er den siste. I dette tilfellet er programkoden lastet ned fra det offisielle nettstedet, og det har ikke akkurat en annen type ondsinnet, farlige fragmenter. prosedyren for installasjon av plugin seg selv, i dette tilfellet som følger:

• Gå til admin panel "WordPress".

• Deretter må du flytte til "Plugins" -delen.

• I "Legg til ny" vinduet som åpnes, velger du elementet.

• I søkefeltet skriver du inn navnet på plugin - Kontakt skjema 7 - og deretter direkte musepekeren på knappen "Søk" og gjøre et enkelt klikk. Dette starter et søk operasjon nødvendig programvare.

• På slutten vil vise en liste over plug-ins funnet. I denne listen finner vi den vi ønsker, og klikk på knappen med "Install" inskripsjon, som ligger foran ham.

• Etter det, vil content management system automatisk laste ned og installere plugin.

• Det neste trinnet er å aktivere den installerte programvaren. For å gjøre dette, gå til fanen "Plugins" i listen er Kontakt Form7. Ved siden av det er det en inskripsjon: "Enable" og klikk på den en gang med musen.

• Oppdatere administrative panel av styringssystemer innhold og finne den blant de Kontakt Form7 poeng. Dette er forutsetningen for en vellykket installasjon av denne populære og funksjonelle plugin.

Algoritme innstillinger "Kontakt Form 7"

Konfigurer Contact Form 7 består av følgende elementer:

• Opprett et nytt skjema eller redigere en gammel en, som ble opprettet når du installerer plugin. Som erfaring viser, er det bedre i de fleste bruker muligheten til å skape en ny form for det.

• I neste trinn, velge språk for form og sette sitt navn.

• Deretter må du, om nødvendig, for å rekonfigurere sin mønster.

• Lagre endringene.

• Opprett en ny side med koden tidligere oppnådd.

• Da er det nødvendig å publisere den nye siden.

• På den siste etappen må du gå til nettsiden og sjekke riktig drift av laget element grensesnittet til en Internett-ressurs.

Opprett et nytt skjema

Umiddelbart etter aktivering av denne plugin skaper en standard skjema for å stille spørsmål fra besøkende til nettstedet eller bloggen. Det er, selvfølgelig, kan du redigere og konfigurere riktig. Men mye lettere å fjerne den og opprette en ny med et komplett sett med alt nødvendig funksjonalitet. For å gjøre dette, må du utføre disse trinnene:

• Vi går inn i denne plugin-menyen og velg elementet "Skjemaer".

• I vinduet som åpner seg etter dette, må du sette boksen ved siden av "Kontakt Form1."

• Og på toppen av det, i rullegardinlisten "handling", velger du "delete".

• Som svar, vil du bli bedt om å bekrefte arbeidsflyten. Det er nødvendig for å bekrefte sletting av skjemaet og klikk med musen på knappen "Ja".

• I den neste menyen, velg "Opprett ny" i admin panel "WordPress» «Kontakt Form7».

• I vinduet som åpnes, i rullegardinlisten velger grensesnittspråket for fremtiden skjema - "Russian". Etter at vi trykker på knappen "Create".

Etter at det vil bli generert av den opprinnelige koden for den nye tilbakemeldingsskjemaet for "WordPress" som standard. Deretter, vil det være nødvendig å utføre operasjoner, slik som innstiller kontakt skjema 7.

Vi spør navnet på formen

Etter alle de tidligere nevnte tiltak innspill skjermen vises navnet på den nye formen Contact Form 7 Style. justering Denne widgeten er, og begynner med denne enkle betjening med én hånd. Men navnet på skjemaet er bedre å gi på grunnlag av søkemotoroptimalisering. Derfor den mest hensiktsmessige vil være tilfelle, for eksempel en "tilbakemeldingsskjema" eller "Still et spørsmål om nettstedets administrator." Når bestemte seg på navnet til dette grensesnittet element, skriv det inn i riktig felt i spørringen vinduet.

Rediger mal "Contact Form 7"

I det samme vinduet med navnet på skjemaet har 4 faner. Den første av dem - "mal". Standard er dannet bare fem elementer:

• angi navnet på stedet den besøkende til en Internett-ressurs.

• Feltet satt av elektronisk postkasse adressen til besøkende, til å stille spørsmål.

• Et annet felt kan du skrive emnet.

• Videre er et stort tekstfelt satt til direkte melding.

• Siste element standardskjemaet - dette er den knappen som sier "Send".

Du kan redigere og legge til andre elementer i grensesnittet, om nødvendig, teksten i dette feltet. For å gjøre dette, velger du koden nok av tekst element (for eksempel den delen av koden, som inneholder emnet for meldingen og kopiere den ved hjelp av kontekstmenyen i samme felt på et annet sted. Til høyre er det en drop-down liste med alternativer (det vil bli nærmere omtalt i neste avsnitt) der vi er interessert i, velg elementet. Så ved siden av rullegardinlisten vises nødvendige koden. Deretter kopierer koden og lim inn koden i stedet for meldingsemnet. navnet på elementet velges etter eget skjønn.

Justering av lengden på feltet og ikke bare

På samme sted er det mulig å endre lengden av en inngangsfelt i Form av kontakt 7. Innstilling av bredden av en hvilken som helst av de tekstfelt som følger:

• For eksempel vil behovet øke til 55 antall tegn i navnet til den besøkende av en Internett-ressurs. Mislighold av 40.

• For å gjøre dette i koden [tekst * ditt navn] på slutten legge tallene 60/55. Som et resultat, vil koden bli mottatt [tekst * ditt navn 60/55]. Etter å lagre endringene i dette felt er lik lengden på 60, og det maksimale antall tegn på at det er mulig å skrive - 55.

På samme måte kan du endre størrelsen på tekstfeltet i meldingen. Bare i dette tilfellet er det nødvendig å endre koden av elementet følger [textarea your-melding 40 x 30]. I dette tilfellet, 40 - er antallet bokstaver i den samme raden, og 30 - den totale mengden av uttrykket i dette grensesnittet element i kontakt Skjema 7. tilpasse utseendet av den samme formen blir utført ved å velge verdiene av parametrene for hvert enkelt element. Derfor er det anbefalt å kode hvert element spesifisere spesielle verdier som hver er gitt i dette avsnitt parameter.

De andre flikformer

Som nevnt, er den første kategorien som heter "Mal skjema". "The Letter" - etter det i dette vinduet. Den angir parametrene av stedet som vil sende en mail til denne Internett-ressursen. På "Notification" -kategorien er dannet av en tekstmelding som skal vises i tilfelle av vellykket sending av brevet. Da er det også mulig å utarbeide en melding til saken, hvis den ikke kontakt administrator ved hjelp av midlene. Den siste kategorien i Contact Form 7 - "Avanserte innstillinger". Den inneholder de parameterne som brukes i praksis er veldig, veldig sjelden. For eksempel kan du bruke den til å justere trackingen av teksten skrevet inn av brukeren ved hjelp av "Yandex" - beregninger.

Feltene som kan legges sammen med dette program i denne form

Konfigurer Contact Form 7 for Wordpress lar deg legge til elementer grensesnittet på tilbakemeldingsskjemaet:

• Felttest - et universelt element i grensesnittet, der du kan skrive inn et sett med tegn.

• E-post - stedet jeg e-postkontoen.

• URL - box set av internett side adresse.

• Telefonnummer - Lar deg skrive inn et telefonnummer i internasjonalt format.

• Element "Number (tallboksen)» lar deg lage en inngang felt et heltall (for eksempel alder av besøkende).

• Element "Number (Glider)» bidrar til å danne en skyveknapp som kan velges fra et forutbestemt tallverdiområdet.

• "Dato" skaper en spesiell inngang felt der du kan angi ønsket dato. Når aktivert, dette grensesnittet element på kalenderen nederst, der du kan direkte velge ønsket dato.

• I sin tur, velg "Tekstfelt" drop-down menyen for å sette teksten i e-posten.

• Det neste elementet - "Drop-down menyen" - lar deg velge ønsket innstilling fra en fast liste.

• Men «avmerkingsboksene» brukes til å velge én eller flere verdier fra en forhåndsdefinert liste.

• Grensesnitt «Radio Knapper» element er nesten identisk med den forrige. Den eneste forskjellen er at bare ett riktig alternativ kan velges i dette tilfellet, mens «avmerkingsboksene» kan ha flere gyldige verdier.

• Para «Aksept» kan du legge til bare en avkrysningsboks for å lage skjemaer. Som regel blir det brukt til å bli kjent med hva - noen betingelser og uten deres samtykke i fremtiden ikke vil være mulig å sende en e-post.

• Velg "Meny" kan du opprette en egen avdeling i grensesnittet, som vil beskytte postkassen fra spam. I dette tilfellet, før du sender vil det være nødvendig å gi det riktige svaret på dette spørsmålet.

• Den andre varianten av beskyttelse - det «CAPTCHA». Når du velger det på skjemaet for å legge til en egen seksjon hvor bildet skal vises med symboler og et ekstra felt for deres innspill.

• Det neste elementet - "Send en fil". Den lar deg legge til teksten i brevet til fil ulike typer forklaringer og kommentarer til administratoren av ressursen.

• Det siste elementet - "send-knappen" - kan du legge den tilsvarende grensesnitt element.

Lagre endringene

Når de nødvendige verdiene er satt, og formen må være riktig konfigurert, må du lagre alt. For å gjøre dette, redigere plug-in window stiger til den øvre delen. Det bør være en knapp "Lagre". Rett manipulator pekeren på det og gjøre et enkelt klikk på den. I respons til den form koden vises, som isoleres ved alle av samme musepekeren og kopi. Neste flyttet vi inn i den administrative panel av innhold styringssystemer i posten "Sider". Deretter oppretter du en ny side med ønsket navn (for eksempel "feedback", "Kontakter" eller "Spør administratoren av ressursen"). Deretter flytter du markøren i tekstfeltet satt sin kode. Det er nødvendig å oversette koden oppringing i "Text" på alternativlinjen. Deretter ble den tidligere erholdte pastaform kode. Videre er høyre side av grensesnittet knappen "Publiser" og antyder armen. I neste fase begå et enkelt klikk med venstre museknapp på dette elementet grensesnitt innhold styringssystemer.

Sjekk resultatet

Etter å ha utført de ovennevnte manipulasjoner i Internett-grensesnittet til ressursen må legge til en ny side, som vises elementene som er angitt i Contact Form 7. Sette opp grensesnittet i prinsippet er dette over. Det er bare nødvendig å kontrollere riktigheten av programvareinnstillingene. For å gjøre dette, må du gå til hjemmesiden, blogg eller portal. Deretter på sidene av listen er det en som han ble postet tilbakemeldingsskjema. Vi slår til det, gå inn i alle feltene gang de riktige innstillingene og sende en test-post til din e-post. Som svar, bør du se en informasjonsmelding om en vellykket gjennomføring av denne operasjonen. Deretter, med tomme felt prøver vi å sende et nytt brev. Etter det, skal du se en melding om at du må angi alle parametere for den merkede form. Dersom det i begge tilfeller ble resultatene oppnådd som tidligere definert, den opprettede form av tilbakekoblings fungerer korrekt.

Fordeler og ulemper med plugin. alternativer

En utmerket løsning for uerfarne utviklere å lage en form for tilbakemelding er det Contact Form 7. Sett opp en mini-program for å sende e-post, lage grensesnittelementer og andre viktige elementer i grensesnittet i dette tilfellet er det meste automatisert og krever minimalt med kunnskap om brukeren. Derfor, for de upretensiøse Internet ressurs entry-level og uerfarne administratorer - er den perfekte løsningen. Men noen plug-in - dette er en ekstra belastning på ressursene på nettsidene, noe som reduserer ytelsen. Som et resultat av mer avanserte brukere anbefale bort fra en slik enkel fremgangsmåte for å danne et feedback form. Det er også mulig å lage din egen, og med hjelp av HTML, CSS og JS, riktignok med mindre funksjonalitet. Samtidig redusere behovet for dataressurser i området og øke fartsnivået.

resultater

Denne artikkelen beskriver en trinnvis justering av kontaktskjema 7. Denne plugg har et høyt nivå av funksjonalitet, kan den brukes til å skape en hvilken som helst form for tilbakemelding. På den annen side, bruk av ekstra plug-in som en del av et innholdshåndteringssystem øker nivået av spenning på maskinvaren området. Derfor uerfarne administratorer av sider på grunnlag av content management system, anbefales det å bruke denne plug-in for slike formål. Vel, kan mer avanserte brukere gjøre uten Contact Form 7. Konfigurer plug-i dette tilfellet, bare ikke trenger.