Modulet e hartave me ekran të plotë në Divi lehtësojnë integrimin e Hartave Google të personalizuara kudo në faqen tuaj. Mund të shtoni edhe kunja të pakufizuara në hartë dhe të vendosni një vendndodhje fillestare të personalizuar. Hartat e moduleve janë gjithashtu në formatin Gjerësia Normale, prandaj sigurohuni që ta kontrolloni edhe këtë!
Çelësi API i Hartave Google
Një çelës API është kërkesat për të përdorur modulin Maps. Për të marrë një çelës API, hyni në Google Developers Console, i cili do t'ju udhëzojë gjatë procesit dhe automatikisht aktivizon Google Maps JavaScript API dhe të gjitha shërbimet e lidhura. Gjëja e parë që do t'ju kërkohet është të krijoni një projekt të ri.
Më pas, do t'ju kërkohet të emërtoni projektin tuaj. Ju mund ta emërtoni projektin si të dëshironi. Në këtë shembull, unë thjesht e quajta atë "Hartat". Ju gjithashtu mund të futni në Emri i domain e faqes tuaj të internetit (shtoni një * përpara saj nëse lejoni aksesin nga www.domain.com dhe domain.com) për t'u siguruar që janë të autorizuara për çelësin tuaj API.
Pasi të keni krijuar një projekt të emëruar, do të shihni një çelës API që mund ta përdorni.
Pasi të keni marrë një çelës API, duhet ta kopjoni / ngjitni atë në panelin e opsioneve të temave duke shkuar tek: Divi >> Opsionet e temës >> Cilësimet e përgjithshme >> Çelësi API i Hartave Google
Si të shtoni modulin e Kartës me ekran të plotë
Përpara se të shtoni një modul harte me ekran të plotë 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 Aktivizo 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 me gjerësi të plotë mund të shtohen vetëm brenda seksioneve me gjerësi të plotë.
Nëse jeni duke filluar një faqe të re, mos harroni të shtoni në fillim një seksion me gjerësi të plotë në faqen tuaj.
Gjeni modulin e hartës me gjerësi të plotë 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ë shkruani fjalën "hartë me ekran të plotë" dhe më pas klikoni enter për të gjetur automatikisht dhe shtuar modulin e hartës me gjerësi të plotë! 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: Shtoni një modul të hartës me gjerësi të plotë në një faqe kontakti
Një modul harte me gjerësi të plotë është një mënyrë e shkëlqyer për të shfaqur vendndodhjen e biznesit tuaj në faqen tuaj të kontaktit. Dhe aftësia për të shtuar disa kunja në hartën tuaj për të theksuar vendndodhje të ndryshme dhe informacione biznesi është një veçori e dobishme dhe tërheqëse.
Për këtë shembull, unë do të shtoj një modul harte me gjerësi të plotë për të shfaqur vendndodhjen dhe informacionin e biznesit duke shtuar një kunj të personalizuar në hartë.
i rëndësishëm : Sigurohuni që një çelës i vlefshëm API i Google është futur në panelin e opsioneve të Tema divi. Moduli i hartës nuk do të funksionojë pa të.
Duke përdorur Visual Builder, shtoni një seksion me Gjerësi të Plotë në fund të faqes së kontaktit. Pastaj futni modulin Harta e Gjerësisë në seksionin tuaj të ri. Në skedën Përmbajtja të cilësimeve të hartës me gjerësi të plotë, futni adresën e kompanisë tuaj nën opsionin adresa e qendrës së hartës. Adresa e qendrës së hartës është pika qendrore e hartës.
Pastaj kliko + Shtoni një artikull të ri për të krijuar kunjën tuaj të parë. Përditësoni sa vijon:
Titulli: [shkruani titullin e vendndodhjes suaj] Përmbajtja: [shkruani përmbajtjen tuaj pin (adresa dhe numri i telefonit)] Adresa e hartës: [shkruani adresën për këtë vend specifik]
Ruani cilësimet
Kjo eshte e gjitha. Tani keni një modul të hartës dinamike me gjerësi të plotë në fund të faqes së kontaktit me një kunj të klikueshëm që shfaq informacionin e kompanisë.
Opsionet e përmbajtjes së modulit të hartës me gjerësi të plotë
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ë.
Çelësi i Google API
Moduli i Hartave përdor Google Maps API dhe kërkon një çelës të vlefshëm Google API për të funksionuar. Përpara se të përdorni modulin Harta, sigurohuni që të keni shtuar çelësin tuaj API në panelin e opsioneve të Tema divi.
Adresa e Qendrës së Hartave
Vendosni një adresë për pikën qendrore të hartës dhe adresa do të kodohet dhe shfaqet në hartën më poshtë. Kjo është e dobishme nëse keni shumë kunja dhe dëshironi që harta të zmadhohet në një vend specifik dhe më të saktë. Thjesht mund të shkruani një adresë në një format standard, siç është "1235 Sunny Road, Some City, State, 88343".
Etiketa e administratës
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.
Opsionet e dizajnit të hartë me gjerësi të plotë
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ë ndryshuar gjithçka.
Wheel wheel Zoom
Këtu mund të zgjidhni nëse niveli i zmadhimit do të kontrollohet nga rrota e miut apo jo. Shpesh herë, është më mirë ta çaktivizoni këtë mundësi në mënyrë që vizitorët të mos shqetësohen ndërsa lëvizin poshtë faqes dhe rrota e miut mbërthen në iframe të hartës. Kjo është veçanërisht e vërtetë për modulet e kartës me gjerësi të plotë.
Zoom zmadhues
Ju mund të zgjidhni këtu nëse kartela mund të zhvendoset në pajisjet e lëvizshme.
Përdorni filtrin me ngjyrë gri
Aktivizimi i këtij opsioni do ta kthejë hartën tuaj në një imazh me ngjyrë gri.
Opsione të përparuara të hartës me gjerësi të plotë
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.
Opsionet individuale të përmbajtjes së gjërë të gjerësisë
Titull
Kur krijoni një pin të ri, mund të caktoni një titull. Ky titull do të shfaqet në kutinë kur rri pezull mbi majën në hartë.
Përmbajtje
Kur krijoni një pin të ri, mund të caktoni një bllok teksti të përmbajtjes. Ky tekst do të shfaqet në kutinë kur rri pezull mbi majën në hartë.
Adresa e Hartave
Ky është vendi i saktë në hartë ku do të shfaqet kunji juaj i ri. Mund ta fusni adresën në një format standard.
[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-download”]SHKARKO TEMËN DIVI [/vcex_button][/vc_colum][/vc_colum] /1″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=2&url=23065&tid40632=tutorials” target=”blank” layout=”expanded” align=”family” font ”Raleway” font_weight=”1″ style=”flat” custom_background=”#c700e” custom_hover_background=”#4226d8f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-NADLOGO”]DOW templates 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
