Duke përdorur modulin e kërkimit, mund të vendosni një formë kërkoni kudo në faqen tuaj. Kjo formë Kërkimi do t'i lejojë vizitorët tuaj të kërkojnë të gjithë përmbajtjen e faqes suaj të internetit, duke përfshirë të gjitha faqet dhe postimet në blog. Kjo ju jep funksionalitetin e miniaplikacionit të kërkimit të WordPress me fleksibilitetin që ofron Divi Builder. Ju jo vetëm që mund të kontrolloni vendndodhjen e format kërkoni në faqe, por edhe personalizoni dizajnin e saj.

Si të shtoni një modul kërkimi në faqen tuaj

Përpara se të shtoni një modul kërkimi në faqen tuaj, së pari duhet të hidheni në Divi Builder. Pasi të Tema divi instaluar në faqen tuaj të internetit, do të vini re një buton Përdorni Divi Builder sipër redaktuesit të postimeve sa herë që krijoni një faqe të re. Klikoni në këtë buton për të aktivizuar Divi Builder dhe për të hyrë në të gjitha modulet Divi Builder. Pastaj klikoni në butonin Përdorni Visual Builder për të filluar gjeneratorin në modalitetin vizual. Ju gjithashtu mund të klikoni butonin Përdorni Visual Builder kur shfletoni uebfaqen tuaj në plan të parë nëse jeni të lidhur me pultin e WordPress tuaj.

Pasi të keni hyrë në Visual Builder, mund të klikoni në butonin gri plus për të shtuar një modul të ri në faqen tuaj. Modulet e reja mund të shtohen vetëm brenda rreshtave. Nëse po filloni një faqe të re, mos harroni të shtoni më parë një rresht në faqen tuaj.

Gjeni modulin e kërkimit në listën e moduleve dhe klikoni mbi të për ta shtuar në faqen tuaj. Lista e moduleve është e kërkueshme, që do të thotë që ju gjithashtu mund të shtypni fjalën "kërko" dhe pastaj klikoni enter për të kërkuar dhe automatikisht shtoni modulin e kërkimit! Pasi të shtohet moduli, ju do të përshëndeteni nga lista e opsioneve të modulit. Këto opsione janë të ndara në tre grupe kryesore: Përmbajtje , Konceptim et i përparuar .

Përdorni Shembullin e Rastit: Shtimi i një Moduli të Kërkimit të Zakonshëm në një faqe me Gjerësi të Plotë

Për këtë shembull, unë do t'ju tregoj se si të shtoni një modul kërkimi për të qenë një thirrje kryesore për veprim në krye të një faqe në blog. Kjo i lejon përdoruesit të kërkojnë me lehtësi përmbajtjen e blogut tuaj pa ndonjë rrëmujë.

Kjo faqe ka një titull me gjerësi të plotë në krye me modulin e kërkimit direkt poshtë. Nën modulin e kërkimit është një modul blog duke përdorur paraqitjen e rrjetit.

Duke përdorur Visual Builder, shtoni një seksion të ri standard në faqen e blogut me një rresht me gjerësi të plotë (1 kolonë). Pastaj futni modulin e kërkimit në rresht.

Përditësoni cilësimet e modulit të kërkimit si më poshtë:

Opsionet e përmbajtjes

Teksti i rezervuar: Kërkoni në blogun tonë ...
Fshih butonin: PO

Opsionet e dizajnit

Ngjyra e sfondit të fushës së hyrjes: # f8f8f8
Ngjyra e mbajtësit të vendit: # 888888
Madhësia e shkronjës së hyrjes: 16px
Ngjyra e tekstit të futur: # 888888
Lartësia e linjës hyrëse: 1em
Mbushje me porosi: 20px Top, 20px Fund

Ruani cilësimet

Tani kthehuni për të ndryshuar gjerësinë e rreshtit që përmban modulin tuaj të kërkimit. Në skedën Design të cilësimeve të linjës, jepi linjës një gjerësi të personalizuar prej 300px. Kjo do ta mbajë modulin e kërkimit kompakt dhe të përqendruar në faqe.

Kjo është e gjitha!

Kërko opsionet e përmbajtjes

Në skedën Përmbajtja, do të gjeni të gjithë elementët e përmbajtjes së modulit, të tilla si teksti, imazhet dhe ikonat. E gjithë kjo kontrollon çfarë shfaqet në modulin tuaj gjithmonë do të gjenden në këtë skedë.

Teksti i mbajtësit të vendit

Shtypni tekstin që doni të përdorni si mbajtës vendi për fushën e kërkimit.

Fshih butonin

Nëse aktivizoni këtë mundësi, butoni Kërko do të fshihet.

Përjashtoni faqet

Nëse aktivizoni këtë mundësi, faqet do të përjashtohen nga rezultatet e kërkimit.

Përjashto artikujt

Përdorimi i këtij opsioni do të përjashtojë mesazhet nga rezultatet e kërkimit.

Përjashtoni kategoritë

Zgjidhni kategoritë që doni të përjashtoni nga rezultatet e kërkimit.

Etiketa Admin

Kjo do të ndryshojë etiketën e modulit në konstruktor për identifikim të lehtë. Kur përdorni pamjen WireFrame në Visual Builder, këto etiketa shfaqen në bllokun e modulit të ndërfaqes Ndërtuesi Divi.

Kërko Opsionet e Projektimit

Në skedën Design, do të gjeni të gjitha opsionet e stilit të modulit, të tilla si gërmat, ngjyrat, madhësia dhe hapësira. Kjo është skeda që do të përdorni për të ndryshuar pamjen e modulit tuaj. Çdo modul Divi ka një listë të gjatë të cilësimeve të dizajnit që mund t'i përdorni për të shkulur çdo gjë.

Ngjyra e sfondit të fushës së futjes

Këtu mund të ndryshoni ngjyrën e sfondit të shiritit të kërkimit.

Ngjyra e placeholder

Para se të përdoret fusha e kërkimit, teksti i mbajtësit të vendit ekziston brenda fushës. Nëse keni rregulluar ngjyrën e sfondit të fushës, mund të rregulloni edhe ngjyrën e tekstit të mbajtësit të vendit për t'u siguruar që është i lexueshëm.

Ngjyra e tekstit

Këtu mund të zgjidhni vlerën e tekstit tuaj. Nëse jeni duke punuar në një sfond të errët, teksti juaj duhet të jetë aktiv. Nëse jeni duke punuar me një sfond të lehtë, teksti juaj duhet të jetë i errët.

Orientimi i tekstit

Kjo kontrollon se si teksti juaj është rreshtuar në modul.

Policia e hyrjes

Ju mund të ndryshoni fontin e tekstit tuaj të hyrjes duke zgjedhur fontin tuaj të dëshiruar nga menuja në rënie. Divi vjen me dhjetëra fonte të shkëlqyera të mundësuara nga Google Fonts. Si parazgjedhje, Divi përdor fontin Open Sans për të gjithë tekstin në faqen tuaj. Ju gjithashtu mund të personalizoni stilin e tekstit tuaj duke përdorur shkronja të zeza, të pjerrëta, shkronja të mëdha dhe opsione të nënvizuara.

Madhësia e shkronjës së hyrjes

Këtu mund të rregulloni madhësinë e tekstit tuaj të hyrjes. Mund të tërhiqni rrëshqitësin e diapazonit për të rritur ose ulur madhësinë e tekstit tuaj, ose futni direkt vlerën e dëshiruar të madhësisë së tekstit në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Fut ngjyrën e tekstit

Si parazgjedhje, të gjitha ngjyrat e tekstit në Divi shfaqen në të bardhë ose gri të errët. Nëse dëshironi të ndryshoni ngjyrën e tekstit tuaj të hyrjes, zgjidhni ngjyrën e dëshiruar nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.

Ndarja e letrës

Hapësira e shkronjave ndikon në hapësirën midis secilës shkronjë. Nëse dëshironi të rrisni hapësirën midis secilës shkronjë në tekstin tuaj, përdorni rrëshqitësin e diapazonit për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse që do të thotë se mund të fusni "px" ose "em" në varësi të vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Lartësia e vijës

Lartësia e vijës ndikon në hapësirën midis secilës rresht të tekstit tuaj të hyrjes. Nëse dëshironi të rrisni hapësirën midis secilës rresht, përdorni rrëshqitësin e diapazonit për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fushë. hyrja në të djathtë të kursorit. Fushat e hyrjes mbështesin njësi të ndryshme matëse që do të thotë se mund të fusni "px" ose "em" në varësi të vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Butoni dhe ngjyra kufitare

Kjo do të ndryshojë sfondin dhe ngjyrën e kufirit të butonit të kërkimit.

Gërma e butonit

Ju mund të ndryshoni fontin e tekstit tuaj të butonit duke zgjedhur fontin e dëshiruar nga menuja që lëshohet. Divi vjen me dhjetëra fonte të shkëlqyera të mundësuara nga Google Fonts. Si parazgjedhje, Divi përdor fontin Open Sans për të gjithë tekstin në faqen tuaj. Ju gjithashtu mund të personalizoni stilin e tekstit tuaj duke përdorur shkronja të zeza, të pjerrëta, shkronja të mëdha dhe opsione të nënvizuara.

Madhësia e butonit të butonit

Këtu mund të rregulloni madhësinë e tekstit tuaj të butonit. Mund të tërhiqni rrëshqitësin e diapazonit për të rritur ose ulur madhësinë e tekstit tuaj ose futni direkt vlerën e dëshiruar të madhësisë së tekstit në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Ngjyra e shtypur e butonit

Si parazgjedhje, të gjitha ngjyrat e tekstit në Divi shfaqen në të bardhë ose gri të errët. Nëse dëshironi të ndryshoni ngjyrën e tekstit të butonit tuaj, zgjidhni ngjyrën e dëshiruar nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.

Hapësira e shkronjave të butonit

Hapësira e shkronjave ndikon në hapësirën midis secilës shkronjë. Nëse dëshironi të rrisni hapësirën midis secilës shkronjë në tekstin e butonit tuaj, përdorni rrëshqitësin e diapazonit për të rregulluar hapësirën ose futni madhësinë e dëshiruar të hapësirës në fushën e hyrjes në të djathtë të rrëshqitësit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Lartësia e vijës së butonit

Lartësia e vijës ndikon në hapësirën midis secilës rresht të tekstit tuaj të butonit vendosur në të djathtë të kursorit. Fushat e hyrjes mbështesin njësi të ndryshme matëse, që do të thotë se mund të fusni "px" ose "em" në varësi të vlerës së madhësisë tuaj për të ndryshuar llojin e njësisë së saj.

Gjerësia maksimale

Si parazgjedhje, gjerësia maksimale e shiritit të kërkimit është vendosur në 100%. Kjo do të thotë që shiriti i kërkimit do të shfaqet në gjerësinë e tij natyrore përveç nëse gjerësia e shiritit të kërkimit tejkalon gjerësinë e kolonës mëmë, në këtë rast shiriti i kërkimit do të kufizohet në 100% të gjerësisë së kolonës. Nëse dëshironi të kufizoni më tej gjerësinë maksimale të shiritit të kërkimit, mund ta bëni duke futur këtu vlerën e dëshiruar të gjerësisë maksimale. Për shembull, një vlerë prej 50% do të kufizonte gjerësinë e shiritit të kërkimit në 50% të gjerësisë së kolonës mëmë.

Marzhi personal

Marzhi është hapësira e shtuar në pjesën e jashtme të modulit tuaj, midis modulit dhe elementit tjetër sipër, poshtë, ose majtas dhe djathtas tij. Ju mund të shtoni vlera marzhi të personalizuara në secilën prej katër anëve të modulit. Për të hequr marzhin e personalizuar, hiqni vlerën e shtuar nga fusha e hyrjes. Si parazgjedhje, këto vlera maten në piksel, por ju mund të futni njësi të personalizuara të matjes në fushat e hyrjes.

Mbushje me porosi

Mbushja është hapësira e shtuar brenda modulit tuaj, midis buzës së modulit dhe elementeve të tij të brendshëm. Ju mund të shtoni vlera të personalizuara të mbushjes në secilën prej katër anëve të modulit. Për të hequr marzhin e personalizuar, hiqni vlerën e shtuar nga fusha e hyrjes. Si parazgjedhje, këto vlera maten në piksel, por ju mund të futni njësi të personalizuara të matjes në fushat e hyrjes.

Opsione të Avancuara të Modulit të Kërkimit

Në skedën e avancuar, do të gjeni opsione që krijuesit e faqeve më me përvojë mund t'i konsiderojnë të dobishme, siç janë tiparet e personalizuara të CSS dhe HTML. Këtu mund të aplikoni CSS të personalizuar në cilindo nga shumë elementë të modulit. Ju gjithashtu mund të aplikoni klasa dhe ID të personalizuara të CSS në modul, të cilat mund të përdoren për të personalizuar modulin në skedarin style.css të temës tuaj.

ID CSS

Futni një ID opsionale CSS për t'u përdorur për këtë modul. Një ID mund të përdoret për të krijuar një stil të personalizuar CSS ose për t'u lidhur me seksione të veçanta të faqes tuaj.

Klasë CSS

Futni klasat opsionale CSS për t'u përdorur për këtë modul. Një klasë CSS mund të përdoret për të krijuar stilim të personalizuar të CSS. Mund të shtoni shumë klasa, të ndara nga një hapësirë. Këto klasa mund të përdoren në temën tuaj për fëmijë Divi ose në fletën e stilit të personalizuar CSS që shtoni në faqen tuaj ose në faqen tuaj të internetit duke përdorur opsionet e temës Divi ose cilësimet e faqes Divi Builder.

Custom CSS

CSS-ja e personalizuar mund të zbatohet gjithashtu në modul dhe cilindo nga brendësitë e modulit. Në seksionin Custom CSS, do të gjeni një fushë teksti ku mund të shtoni fletë të personalizuara të stilit CSS direkt në secilin element. Hyrjet e CSS në këto cilësime janë mbështjellë tashmë në etiketat e stilit. Pra, thjesht futni rregullat e CSS të ndara me pikëpresje.

dukshmëri

Ky opsion ju lejon të kontrolloni pajisjet në të cilat shfaqet moduli juaj. Ju mund të zgjidhni të çaktivizoni modulin tuaj në tableta, telefona inteligjentë ose desktopë individualisht. Kjo është e dobishme nëse dëshironi të përdorni modë të ndryshëm në pajisje të ndryshme, ose nëse doni të thjeshtoni modelin e telefonit celular duke hequr disa elemente nga faqja.

[vc_row center_row = "po"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expanded "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "i sheshtë" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-shkarkimi"] SHKARKO TEMËN DIVI [/ vcex_button] [_colum] [/_n] » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "cent" font_family = "Raleway" font_weight = "700 ″ style =" i sheshtë "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffrightnload "Faqja e të dhënave" DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Tutoriale të tjera Divi

• faqet e internetit të 5 për përdorim restorant Divi temë
• Si të shtoni tekst në një produkt Divi WooCommerce
• Si të ndryshoni ngjyrën e menysë në mes të faqeve Divi
• Si të personalizoni rrjetet e një blogu me Divi
• Si të përdorni redaktorin e roleve Divi në WordPress
• Si të krijoni një rrëshqitës Divi në ekran të plotë
• Si ta ndryshoni ngjyrën e menusë në mes të faqeve Divi
• Karakteristikat që ju ndoshta nuk i dini për Divi
• Si të përdorni Divi Builder në WordPress
• Si të përdorni modulin scrolling video Divi
• Si të përdorni modulin Dili Builder Flip
• Si të shtoni një modul dëshmimi në Divi Builder
• Si të përdoret moduli i tekstit Divi
• Si të krijoni një shirit në Divi
• Si të redaktoni një rol të përdoruesit të Divi
• Si të përdorni modulin Divi Social Media
• Si të përdorni modulin e dyqaneve në temën WordPress Divi
• Si të përdorni modulin e sidebarit Divi
• Si të përdorni Modulin e Tabelës së Çmimeve të Divi-t
• Si të përdoret moduli i titullit të botimeve Divi
• Si të shtoni një modul video të Divi
• Si të përdorni modulin e lundrimit të artikullit
• Si të përdorni modulin e kërkimit Divi
• Si të përdorni modulin e portofolit Divi
• Si të përdorni modulin e personit në Divi Builder
• Si të përdorni modulin e portofolit me filtrin Divi
• Si të përdorni modulin e plotë slider width
• Si të përdorni modulin e imazhit të ndërtuesit Divi
• Si të përdorni modulin e navigimit të plotë të Divi Builder
• Si të përdorni modulin e galerisë së imazheve
• Si të përdorni modulin e kartës me gjerësi të plotë Divi Builder
• Si të përdorni modulin e Portofolit të Divi Full Width
• Si të përdorni modulin e headerit me gjerësi të plotë Divi
• Si të përdorni Modulin e Divi Counter
• Si të përdorni rrëshqitësin e artikujve në Divi Builder
• Si të përdorni modulin Optika të Divi Email