Kako dodati polje za pretraživanje u sekundarni izbornik Divi

Bez polja za pretraživanje navigacija na vašoj web stranici će patiti. Možda imate najrobilnije iskustvo pregledavanja Interneta, ali ako vaši korisnici ne mogu tražiti upravo ono što traže, riskirate (i vjerojatno ćete izgubiti posao). Ovaj će vas vodič uputiti u dodavanje okvira za pretraživanje u sekundarni izbornik Divi tako da će vaši korisnici, bez obzira na to, bili udaljeni nekoliko klikova od svega što im je potrebno.

Pregled okvira za pretraživanje Divi

Biro

Mobilni

Preuzmite i / ili izmijenite globalno zaglavlje

Za ovaj članak koristit ćemo besplatno zaglavlje / podnožje koje dolazi s našim paketom izgleda isporuke namirnica. Možete jednostavno preuzeti .Zip *: francuski arhivirati i izdvojiti potrebno .json datoteku na vašem računalu.

Nakon toga idite na svoju nadzornu ploču WordPress i idite na Divi - Generator tema. Odatle morate kliknuti na ikona strelica gore i dolje za otvaranje mogućnosti prenosivosti.

U novom načinu rada kliknite na uvoz karticu i pronađite .json datoteku koju ste preuzeli. Kad budete spremni, odaberite Uvezi modele graditelja iz Divi tema za početak preuzimanja.

U ovom trenutku spremni ste za ulazak u Globalno zaglavlje dio Predložak web stranice po defaultu. Uvezi iz .json Datoteka je trebala automatski primijeniti besplatnu stranicu kao cjelokupno zaglavlje web lokacije.

Dodajte polje za pretraživanje u sekundarnu traku izbornika

Koristeći Divi Visual Builder, trebali biste vidjeti nešto slično ovome kao Globalno zaglavlje.

Prvo što želimo napraviti je stvoriti prostor za okvir za pretraživanje. Želimo biti sigurni da je polje za pretraživanje lako dostupno svima. posjetitelji, pa ćemo ga dodati u sekundarni izbornik (iznad Početna / Kontakt crta).

Za početak ćemo dodati okvir za pretraživanje pomoću Divi modul za pretraživanje u trećem stupcu prvog reda.

Rezervirani tekst važan je za polja za pretraživanje, pa kad je vaš modul na mjestu, idite na Parametri i postavite svoj Rezervirano područje tekst u nešto što podsjeća korisnika na ono što treba tražiti. stavljamo Pronađite stavke! kao rezervirano mjesto kako bi korisnik znao da je to ono što može tražiti budući da koristimo paket izgleda dostave namirnica.

Okvir za pretraživanje u trećem stupcu nije dobar. Zato želimo ući u Istraživački modul postavke i idite na Oblikovati jezik. Pronađi Transformator opcije, a zatim idite na Prevedi jezičak (drugi). Zatim možete povući modul za pretraživanje na mjesto i Divi će obraditi sav CSS i razmak za njega.

Također koristimo% za ovu vrijednost tako da ostane relativna bez obzira na prikaz na radnoj površini. Korištenje piksela mogu iskriviti neke različite rezolucije.

Divi Transformer Translate opcije je potrebno prilagoditi i za mobitel. Ako ne, isto je. Zato svakako idite na reaktivnost postavke i postavite lokaciju modula za pretraživanje u opcijama sekundarnog izbornika. Upravo smo prilagodili okomiti položaj mobilnog telefona jer se postavljanjem u treći stupac retka automatski prikazuje na dnu stavki retka.

Stiliziranje Divi modula za pretraživanje

Iako nemate puno mogućnosti oblikovanja okvira za pretraživanje, imate ih nekoliko. Naime, boja teksta i samog polja, i kada je neaktivan i kada je korisnik na njega kliknuo. (I razmak i veličina i druge standardne Divi mogućnosti dizajna, naravno.)

Da biste pronašli opcije boja, idite na Šampion izbornik u Oblikovati jezik. Kada se proširi, imate mogućnost promijeniti boju teksta rezerviranog mjesta, boju pozadine polja i boju teksta polja (tekst koji je unijeo korisnik, tj. Reći). Osim toga koncentrirati se varijacije su kada korisnik posebno komunicira s okvirom za pretraživanje.

Kad je ovo stilizirano po vašem ukusu, kliknite gumb Spremi.

Provjerite postavke vidljivosti

Neki od naših besplatnih paketa izgleda i zaglavlja dolaze s različitim opcijama prikaza za stolna i mobilna uređaja. Ako vidite zatamnjene / zasivljene modove u vizualnom generatoru, to znači da je mod onemogućen na nekim uređajima.

Za zaglavlje isporuke namirnica posljednja dva stupca onemogućena su na mobilnom uređaju. Želimo ući u Postavke linije i kliknite postavke stupaca koje želite prikazati na mobilnom uređaju. U ovom slučaju to je treće.

Zatim idite na napredak jezik i pomaknite se do vidljivost opcija. Ovdje provjerite jesu li sve opcije pod deaktiviranje oko neprovjereno za stupac koji sadrži vaše polje za pretraživanje. Pritisnite gumb Spremi (zeleni krpelj), a moduli bi se trebali pojaviti u boji i više se ne smiju mijenjati.

Nakon što provjerite je li sve vidljivo, spremni ste ovu stvar staviti na internet!

Sačuvajte svoj rad

Svakako kliknite na zeleni gumb za spremanje u donjem desnom dijelu zaslona.

Sada ste spremni zatvoriti vizualni generator pomoću X u gornjem desnom kutu. Na sljedećem zaslonu pobrinite se da Divi Theme Builder spremi sve vaše mogućnosti. Ako kaže Spremite promjene, Pritisnite gumb. Ako kaže Sve promjene spremljene, tada je vaše polje za pretraživanje već aktivno na vašem sekundarnom izborniku Divi.

Konačni rezultati

Preostaje vam samo da se divite svom radu na web stranici!

Biro

Mobilni

Zaključak s Divi pretraživačkim poljem

Okviri za pretraživanje temeljni su dio dobrog korisničkog iskustva vaše web-lokacije. Ako želite pružiti najbolju moguću uslugu svojim posjetitelji, osiguravanje mogućnosti pretraživanja vašeg sadržaja trebao bi biti jedan od vaših glavnih prioriteta. Nadam se da ćete moći koristiti ovu brzu i jednostavnu metodu i uskoro je primijeniti na svoju stranicu Divi!