[Ad_1]

Pa një fushë kërkimi, navigimi i faqes tuaj do të vuajë. Ju mund të keni përvojën më të fortë të shfletimit në internet, por nëse përdoruesit tuaj nuk mund të kërkojnë pikërisht atë që kërkojnë, ju rrezikoni (dhe ndoshta do të) humbni biznesin. Ky tutorial do t'ju udhëheqë në shtimin e një kutie kërkimi në menunë dytësore Divi në mënyrë që sido që të jetë rasti, përdoruesit tuaj do të jenë gjithmonë disa klikime larg nga gjithçka që u nevojitet.

Pasqyrë e kutisë së kërkimit Divi

zyrë

versioni desktop i kutisë së kërkimit divi

Telefon

versioni celular i kutisë së kërkimit të divi -t

Shkarkoni dhe / ose modifikoni titullin global

Për këtë artikull, ne do të përdorim kokën / fundin falas që vjen me paketën tonë të paraqitjes së shpërndarjes së ushqimeve. Ju thjesht mund ta shkarkoni .Zip *: Frëngjisht arkivoni dhe nxirrni të nevojshme .json skedar në kompjuterin tuaj.

skedar json

Pas kësaj shkoni në pultin tuaj të WordPress dhe lundroni te Divi - Gjenerator temashMe Nga atje ju duhet të klikoni në ikona e shigjetave lart dhe poshtë për të hapur opsionet e transportueshmërisë.

gjenerator temash për kutinë e kërkimit divi

Në modalitetin e ri, klikoni në import tab dhe gjeni .json skedarin që keni shkarkuar. Kur të jeni gati, zgjidhni Importoni modele gjeneratorësh nga Tema divi për të filluar shkarkimin.

importoni skedarë

Në këtë pikë ju jeni gati për të hyrë në Header global Pjesa e Modeli i faqes në internet sipas parazgjedhjesMe Importo nga .json skedari duhet të ketë aplikuar automatikisht freebie si kokën e përgjithshme të faqes.

titulli global

Shtoni një fushë kërkimi në shiritin e menusë dytësore

Duke përdorur Divi Visual Builder, duhet të shihni diçka të ngjashme me këtë si Header Global.

redaktuesi global i titujve

Gjëja e parë që duam të bëjmë është të krijojmë hapësirë ​​për fushën e kërkimit. Ne duam të sigurohemi që fusha e kërkimit të jetë lehtësisht e aksesueshme për të gjithë. vizitorët, kështu që ne do ta shtojmë atë në menynë dytësore (sipër Shtëpi / Kontakt linjë).

Për të filluar, ne do të shtojmë kutinë e kërkimit duke përdorur Moduli i kërkimit Divi në kolonën e tretë të rreshtit të parë.

moduli i kërkimit në kolonën e tretë

Teksti i vendndodhjes është i rëndësishëm për fushat e kërkimit, kështu që kur moduli juaj është në vend, shkoni te Parameters dhe vendosni tuajin Zonë e rezervuar tekst për diçka që i kujton përdoruesit atë që duhet të kërkojë. kemi vënë Gjeni artikuj! si vendmbajtës në mënyrë që përdoruesi të dijë se kjo është ajo që mund të kërkojnë pasi ne po përdorim paketën e paraqitjes së shpërndarjes së ushqimeve.

teksti i vendmbajtësit brenda kutisë së kërkimit divi

Kutia e kërkimit që është në kolonën e tretë nuk është e mirë. Pra, ne duam të hyjmë në Moduli i Kërkimit cilësimet dhe shkoni te Dizajn gjuha. Gjeje transformator opsionet, pastaj shkoni te përkthej tab (e dyta). Pastaj mund ta tërhiqni modulin e kërkimit në vend, dhe Divi do të trajtojë të gjithë CSS dhe hapësirën për të.

Ne gjithashtu përdorim% për këtë vlerë në mënyrë që të mbetet relative pavarësisht nga porta e shikimit në desktop. Duke përdorur piksele mund të shtrembërojë disa rezoluta të ndryshme.

opsionet e transformimit

Divi Transformer Përkthe opsionet gjithashtu duhet të rregullohen për celularin. Nëse nuk e bëni, është e njëjta gjë. Prandaj sigurohuni që të shkoni në Reaktiviteti cilësimet dhe vendosni vendndodhjen e modulit të kërkimit në opsionet e menysë dytësore. Sapo rregulluam vendosjen vertikale të celularit sepse vendosja e tij në kolonën e tretë të rreshtit e shfaq automatikisht atë në fund të artikujve të rreshtit.

transformohet për celular

Stilimi i modulit të kërkimit Divi

Ndërsa nuk keni shumë mundësi stilimi për një kuti kërkimi, keni disa. Kjo do të thotë, ngjyra e tekstit dhe e vetë fushës, si kur është joaktive ashtu edhe kur një përdorues e ka klikuar atë. (Dhe ndarja dhe përmasat dhe opsionet e tjera standarde të dizajnit Divi, natyrisht.)

Për të gjetur opsionet e ngjyrave, shkoni te Kampion menu në Dizajn gjuha. Pasi të zgjerohet, ju keni mundësinë të modifikoni ngjyrën e tekstit të vendndodhësit, ngjyrën e sfondit të fushës dhe ngjyrën e tekstit të fushës (teksti i futur nga përdoruesi, domethënë për të thënë). Përveç kësaj, të përqendrohen variacionet janë kur përdoruesi ndërvepron në mënyrë specifike me kutinë e kërkimit.

stili i kutisë së kërkimit

Kur kjo të jetë e stiluar sipas dëshirës tuaj, klikoni butonin Ruaj.

Kontrolloni cilësimet e dukshmërisë

Disa nga paketat tona të paraqitjes falas dhe titujve vijnë me opsione të ndryshme të ekranit për desktop dhe pajisje mobile. Nëse shihni modalitete të zbehta / të thinjura në gjeneratorin vizual, kjo tregon që modaliteti është i çaktivizuar në disa pajisje.

Për titullin e shpërndarjes së ushqimeve, dy kolonat e fundit janë të çaktivizuara në celular. Ne duam të hyjmë në Cilësimet e linjës dhe klikoni në cilësimet e kolonave që dëshironi të shfaqni në celular. Në këtë rast, është e treta.

opsionet e linjës

Pastaj shkoni në progres gjuhë dhe lundroni në dukshmëri opsion. Këtu, sigurohuni që të gjitha opsionet nën transferoj në rezervë sommes i pakontrolluar për kolonën që përmban fushën tuaj të kërkimit. Klikoni në butonin Ruaj (tik -tak i gjelbër), dhe modulet duhet të shfaqen me ngjyra dhe të mos zbardhen më.

fushën e kërkimit

Pasi të jeni siguruar që gjithçka është e dukshme, jeni gati ta vendosni këtë gjë në internet!

Ruani punën tuaj

Sigurohuni që të klikoni në butoni i gjelbër i ruajtjes në pjesën e poshtme të djathtë të ekranit.

ruani ndryshimet tuaja

Tani jeni gati të mbyllni gjeneratorin vizual duke përdorur X në këndin e sipërm të djathtë. Në ekranin tjetër, do të dëshironi të siguroheni që Ndërtuesi i Temave Divi ka ruajtur të gjitha opsionet tuaja. Nëse ai thotë Ruani ndryshimet, Klikoni në butonin. Nëse ai thotë Të gjitha ndryshimet u ruajtën, atëherë fusha juaj e kërkimit është tashmë e drejtpërdrejtë në menunë tuaj dytësore Divi.

kutia e kërkimit divi ruani ndryshimet

Rezultatet përfundimtare

E tëra çfarë mbetet për të bërë është të admironi punën tuaj në faqen tuaj!

zyrë

version desktop

Telefon

version celular

Përfundim me fushën e kërkimit Divi

Kutitë e kërkimit janë një pjesë themelore e një përvoje të mirë përdoruesi për faqen tuaj. Nëse dëshironi t'i ofroni shërbimin tuaj më të mirë të mundshëm vizitorët, sigurimi që përmbajtja juaj të jetë e kërkueshme duhet të jetë një nga prioritetet tuaja kryesore. Shpresoj se mund ta përdorni këtë metodë të shpejtë dhe të lehtë dhe ta aplikoni atë në faqen tuaj Divi së shpejti!



[Ad_2]

Lidhje Burimi