Želite li prilagoditi obrazac za kontakt 7 s Elementorovim dodatkom Essential Addons?
Kontakt obrazac 7 jedan je od WordPress plugins od najpopularnijih graditelja obrazaca. Potpuno je besplatan i možete ga koristiti za izradu kontakt obrazac na vašoj web stranici WordPress.
Također možete izraditi mnoge vrste obrazaca kao što su obrazac za rezervaciju ili obrazac za učitavanje datoteke. Nudi 14 vrsta polja koja možete koristiti tijekom izrade obrasca.
Otkrijte također: Kako koristiti Elementor widgete/predloške kao Gutenbergove blokove
Jedan od uobičajenih problema s dodatkom za obrazac za kontakt 7 je njegov proces prilagodbe. Obrazac za kontakt 7 koristi vaš zadani stil WordPress tema imovina. Možete koristiti drugačiji stil, ali bit će potrebne vještine CSS-a. Ako nemate CSS vještine, možete koristiti modul Osnovni dodaci stilizirati svoj oblik.
Essential Addons dodatak je Elementoru koji poboljšava proces prilagođavanja obrazaca Contact Form 7 pomoću Elementora. Elementor i Essential Addons besplatni su dodaci. Možete koristiti besplatne verzije oba za stiliziranje obrazaca Contact Form 7.
Kako stilizirati obrazac za kontakt 7 s osnovnim dodacima
Prije nego počnete stilizirati svoje obrasce, provjerite jeste li instalirali Elementor et Osnovni dodaci. Nakon instalacije i aktivacije izradite novu stranicu (Stranice – > Dodaj) i uredite ga pomoću Elementora.
Prije početka procesa prilagodbe, postavite izgled stranice klikom na ikonu zupčanika u donjem lijevom kutu. Postavite izgled iz padajućeg izbornika.
Dodajte novi odjeljak klikom na ikonu plus u okviru za uređivanje i povlačenjem widgeta Obrazac za kontakt EA 7 s lijeve ploče u uređivaču.
Idite na lijevu ploču i odaberite obrazac čiji stil želite prilagoditi.
Nakon odabira obrasca, idite na karticu Stil. Kao što vidite, možete postaviti nekoliko opcija stiliziranja. Ovdje su uobičajene opcije stiliziranja koje možete postaviti.
- Širina obrasca, poravnanje i pozadina
Ispod bloka FormContainer, kliknite birač boja u odjeljku Vrsta pozadine i postavite željenu boju za pozadinu obrasca. Kao pozadinu možete koristiti jednobojnu ili gradijentnu boju.
Pročitajte također: Elementor: Kako uvesti ili izvesti predloške
Da biste postavili poravnanje obrasca, jednostavno odaberite željenu opciju poravnanja u odjeljku Poravnanje obrasca.
Za postavljanje širine obrasca, postavite vrijednost Maksimalne širine obrasca u polju Maksimalna širina obrasca.
- Pozadinsko polje, širina obruba i polumjer
Da biste definirali pozadinu polja, širinu i radijus obruba, možete otvoriti odjeljak Ulaz i tekst. Pritisnite birač boja polja Boja pozadine za postavljanje pozadine.
Također možete postaviti boju pozadine polja u načinu otklanjanja pogrešaka klikom na karticu FOCUS.
Da biste definirali širinu polja, možete definirati vrijednost u poljima Unos širine. U ovom odjeljku također možete postaviti širinu polja tekstnog okvira Širina tekstualnog područja.
Da biste postavili radijus obruba, jednostavno uredite polje Polumjer granice i postavite željenu vrijednost ruba. Također možete postaviti tipografiju (familija fonta, veličina fonta, stil fonta) klikom na ikonu olovke u polju tipografija.
- oznake
Essential Addons također vam omogućuje da prilagodite stil oznaka obrazaca. Možete postaviti boju teksta kao i tipografiju. Da biste to učinili, otvorite opciju oznake. Postavite boju teksta klikom na birač boja u polju Boja teksta.
Za postavljanje tipografije kliknite ikonu olovke u polju Tipografija.
- Gumb Pošalji
Da biste prilagodili stil gumba za slanje, otvorite blok Pošalji Button. Odavde možete postaviti poravnanje gumba, širinu, boju pozadine, boju teksta, radijus obruba kao i tipografiju.
- Poruka pogreške
Da biste prilagodili stil poruke o pogrešci, možete otvoriti blok greške. Možete postaviti boju teksta poruke o pogrešci, tipografiju, boju pozadine pogreške provjere valjanosti, boju teksta pogreške provjere valjanosti itd.
Možete postaviti nekoliko drugih opcija oblikovanja. Možete se igrati s lijevom pločom dok ne budete zadovoljni stilom svoje forme.
Svojoj stranici možete dodati nekoliko drugih elemenata pomoću dostupnih widgeta koje nude Elementor i Essential Addons. Kada ste gotovi, kliknite gumb Objavi na dnu lijeve ploče da objavite svoju stranicu.
Integracija obrasca u običnu stranicu
Nakon klika na gumb Objavi, vaša kontakt stranica je u osnovi objavljena. Samu stranicu pokreće Elementor. Ako želite dodati svoje kontakt obrazac 7 na običnu stranicu (stranica stvorena pomoću Gutenberga, zadanog WordPress uređivača), možete instalirati dodatak Elementarni blokovi za Gutenberga. Ovaj će dodatak pretvoriti Elementor predložak u Gutenbergov blok.
Da biste registrirali svoje kontakt obrazac 7 kao Elementor predložak, kliknite gumb sa strelicom pored gumba OBJAVI / AŽURIRAJ na lijevoj ploči i odaberite Spremi kao predložak.
Dajte svom predlošku naziv i kliknite gumb REGISTRACIJA.
Napravi novu stranicu (Stranice – > Dodaj) i dajte mu naziv poput "kontaktirajte nas" "kontakt" ili bilo koji drugi naziv koji želite.
Dodajte novi blok i odaberite Biblioteka Elementor i odaberite obrazac obrasca za kontakt koji ste upravo stvorili.
A sada ste upravo personalizirali obrazac Contact Form 7.
Nabavite Elementor Pro sada!!!
Zaključak
ovdje! To je sve za ovaj članak koji vam pokazuje kako prilagoditi obrazac za kontakt 7 s Essential Addons. Ako imate bilo kakvih nedoumica o tome kako doći tamo, obavijestite ih u Komentari.
Međutim, možete se konzultirati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
