Ndarja e një koleksioni imazhesh në Divi është gjithmonë një mënyrë e shkëlqyeshme për të angazhuar vizualisht përdoruesit në përmbajtjen tuaj. Moduli i Galerisë së Divi ju lejon të krijoni dhe organizoni galeri kudo në faqen tuaj të internetit. Moduli i galerisë në Divi Builder është i disponueshëm në format rrjeti dhe rrëshqitës dhe mbështet galeri të mëdha me faqe.
Si të shtoni një modul galerie në faqen tuaj
Përpara se të shtoni një modul galerie 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. Ne kemi mësime të shkëlqyera për përdorimin e elementeve të Linjat et de seksione nga Divi.
Gjeni modulin e galerisë 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 "galeri" dhe pastaj klikoni enter për të gjetur automatikisht dhe shtuar modulin e galerisë! 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 .
Shembull rasti i përdorimit: Shtimi i një galerie imazhesh me gjerësi të plotë për të shfaqur fotografinë.
Shtimi i një galerie në faqen tuaj të fotografisë është një mënyrë e shkëlqyer promovojë punën tuaj dhe të rrisni besueshmërinë tuaj me klientët. Në këtë shembull, unë do t'ju tregoj se si mund të përdorni modulin e galerisë për të shtuar një galeri imazhesh me një plan urbanistik që përfshin gjerësinë e plotë të faqes. Imazhet nuk kanë hapësirë mes tyre gjë që i jep një paraqitje praktike dhe estetike.
Dhe le të mos harrojmë se çdo imazh hap një dritare të dritareve për të qarkulluar nëpër versionet më të mëdha të imazheve në galeri.
Duke përdorur Visual Builder, shtoni një seksion të ri nën seksionin e kokës me një rresht me gjerësi të plotë ose gjerësi të plotë (1 kolonë). Pastaj shtoni modulin e Galerisë në rresht.
Përditësoni cilësimet e modulit të Galerisë si më poshtë:
Opsionet e përmbajtjes
Fotografitë e Galerisë: Klikoni në galerinë e azhurnuar dhe zgjidhni imazhet që dëshironi të përfshini në galeri. Numri i imazheve: 12 Shfaq titullin dhe titullin: JO Shfaqje Pagination: JO
Opsionet e dizajnit
Skema: Orientimi i miniaturës në rrjet: Ikona e zmadhimit të peizazhit Ngjyra: #ffffff Ngjyra e rri pezull: rgba (0,0,0,0.48) Zgjedhësi i ikonës së hover: i parazgjedhur
Ruani cilësimet
Tani mbetet vetëm të heqim qafe të gjithë hapësirën përreth imazheve. Kthehuni dhe zgjidhni cilësimet e rreshtit. Në skedën Design, azhurnoni sa vijon:
Bëni këtë rresht me gjerësi të plotë: PO
Përdorni gjerësinë e ulluqeve me porosi: PO
Gjerësia e zorrës së trashë: 1
Importantshtë e rëndësishme të mbani mend se vlera numerike "1" për gjerësinë e ullukut është me të vërtetë zero (pa gjerësi fare).
Ruani cilësimet
Kjo është e gjitha!
Opsione të përmbajtjes së modulit të galerisë
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ë.
Imazhet e galerisë
Klikoni në butonin Update dita e galerisë për të nisur bibliotekën e mediave WordPress ku mund të zgjidhni imazhet që dëshironi të shfaqni në galerinë tuaj.
Numri i imazheve
Vendosni numrin e imazheve që do të shfaqen për faqe. Kur në galerinë tuaj përfshihen më shumë imazhe sesa ato që lejohen në secilën faqe, faqosja do të shfaqet poshtë imazheve.
Titulli dhe titulli i ekranit:
Nëse është shtuar një titull ose titull i figurës, ato do të shfaqen poshtë figurës në galeri. Nëse dëshironi të çaktivizoni këto elemente teksti, mund ta bëni duke përdorur këtë opsion.
Shikoni pagimin
Kur në galerinë tuaj përfshihen më shumë imazhe sesa ato që lejohen në secilën faqe, faqosja do të shfaqet poshtë imazheve. Nëse dëshironi të hiqni paging, mund ta çaktivizoni këtë cilësim.
Etiketa e administratorit
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ë modulit të galerisë
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.
natyrë
Si parazgjedhje, galeritë shfaqen si një rrjet imazhesh. Mund të zgjidhni të shfaqni galerinë tuaj si një rrëshqitës për imazhin.
Orientimi i gishtit të vogël
Mund të zgjidhni të keni imazhet nga galeria juaj në formatin portret ose peizazh. Nëse ndryshoni mënyrën, mund t'ju duhet rigjeneroni figurat tuaja .
Ikona me ngjyra zmadhimi
Kur rrini pezull mbi një send në podin e Galerisë, shfaqet një ikonë e mbivendosur. Ju mund të rregulloni ngjyrën e përdorur nga kjo ikonë duke përdorur zgjedhësin e ngjyrave në këtë cilësim.
Rri pezull ngjyra e mbivendosur
Kur rrini pezull mbi një send në podin e Galerisë, një ngjyrë e mbivendosur shfaqet në krye të figurës dhe poshtë tekstit dhe ikonës së titullit të portofolit. Si parazgjedhje, përdoret një ngjyrë e bardhë gjysmë transparente. Nëse dëshironi të përdorni një ngjyrë tjetër, mund ta rregulloni ngjyrën duke përdorur zgjedhësin e ngjyrave në këtë cilësim
Ikni selektues ikonë
Këtu mund të zgjidhni një ikonë të personalizuar për të shfaqur kur një vizitor rri pezull mbi artikujt e galerisë në modul.
Ngjyra e tekstit
Këtu mund të zgjidhni nëse teksti juaj duhet të jetë i lehtë ose i errët. Nëse jeni duke punuar në një sfond të errët, teksti juaj duhet të jetë i lehtë. Nëse sfondi juaj është i lehtë, teksti juaj duhet të jetë i errët.
Font të titullit
Ju mund të ndryshoni fontin e tekstit tuaj të titullit duke zgjedhur fontin e 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 mundësi të nënvizuara.
Madhësia e shkronjës së titullit
Këtu mund të rregulloni madhësinë e tekstit tuaj të titullit. 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 tekstit të titullit
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ë titullit tuaj, zgjidhni ngjyrën e dëshiruar nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.
Hapësira e letrës së titullit
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 të titullit, 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 rreshtit të titullit
Lartësia e vijës ndikon në hapësirën midis secilës rresht të tekstit tuaj të titullit. 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ën e hyrjes 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.
Shkronja legjendare
Ju mund të ndryshoni fontin e tekstit tuaj të titrave duke zgjedhur fontin e 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ë titullit
Këtu mund të rregulloni madhësinë e tekstit tuaj të titrave. 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 tekstit legjendë
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ë titullit, zgjidhni ngjyrën e dëshiruar nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.
Hapësira e letrave legjendare
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 të titullit, 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 rreshtit të legjendës
Lartësia e rreshtit ndikon në hapësirën midis secilës rresht të tekstit të titullit 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ën e hyrjes të 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.
Përdorni kufirin
Aktivizimi i këtij opsioni do të vendosë një kufi rreth modulit tuaj. Ky kufi mund të personalizohet duke përdorur parametrat e mëposhtëm të kushtëzuar.
Ngjyra e kufirit
Ky opsion ndikon në ngjyrën e kufirit tuaj. Zgjidhni një ngjyrë të personalizuar nga zgjedhësi i ngjyrave për ta aplikuar në kufirin tuaj.
Gjerësia e kufirit
Si parazgjedhje, kufijtë janë 1 pixel të gjerë. Ju mund ta rrisni këtë vlerë duke tërhequr rrëshqitësin e diapazonit ose duke futur një vlerë të personalizuar në fushën e hyrjes në të djathtë të rrëshqitësit. Mbështeten njësitë e masave të personalizuara, që do të thotë që ju mund të ndryshoni njësinë e paracaktuar nga "px" në diçka tjetër si em, vh, vw etj.
Stili i kufirit
Kufijtë mbështesin tetë stile të ndryshme: të ngurta, me pika, me pika, dyshe, brazdë, kreshtë, mbivendosje dhe fillim. Zgjidhni stilin tuaj të dëshiruar nga menuja zbritëse për ta aplikuar në kufirin tuaj.
Opsione të përparuara të modulit të galerisë
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-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
Përshëndetje, opsioni i galerisë, duket interesant. Thënë kështu, si mund t'i zgjedh imazhet e mia rastësisht nga një grup i caktuar? Po kërkoj të zëvendësoj një faqe html/php në faqen time që të ketë vetëm wp/divi. Një ide ? php injection… të tjera… Faleminderit paraprakisht. Adresa e faqes sime më poshtë, një klikim në një miniaturë kthehet në këtë faqe html/php për të cilën unë flas. Një klikim në një imazh të paraqitjes së rrëshqitjes html/php për t'u kthyer në miniaturë (faqe wordpress). Dhe kështu me radhë, imazhet e paraqitjes së rrëshqitjes ruhen në një bazë të dhënash, me një kod që kufizon fushën e përzgjedhjes së rastësishme në 5, të rinovuar çdo herë.
Për të pasur kodin e injektuar në një faqe tjetër WP për të zgjedhur informacionin direkt në bazën e të dhënave të WP, mbaj mend se nuk ishte e lehtë përpara se të funksiononte… Faleminderit për faqen tuaj!
Bonsoir,
Po kërkoj të përqendroj vertikalisht imazhe me madhësi të ndryshme në një galeri DIVI.
Sado të kërkoj nuk e gjej. A keni një këshillë??
Merci d'avance.
CDT
Përshëndetje, por si mund të kem 5 imazhe në të njëjtën rresht?
Nuk mund të kem më shumë se 4!
Merci.
hi,
Ju duhet të përdorni një shtojcë si Visual Composer ose Elementor. Ata ofrojnë më shumë mundësi.
Përshëndetje, i gjej artikujt tuaj shumë interesant.
Unë krijova një galeri nën Divi duke ndjekur këshillën tuaj dhe gjithçka po funksionon mirë, përveç se nuk di si të heq klikimin e djathtë të miut për të parandaluar ruajtjen nën imazhet e mia. E keni zgjidhjen, faleminderit paraprakisht. përzemërsisht
Mbrëmje të mbarë Bernard,
Për të bllokuar klikimin e duhur, duhet të instaloni një shtojcë. Ju ftoj të bëni një kërkim në drejtorinë WordPress.