Moduli Person Divi është mënyra më e mirë për të krijuar një bllok të profilit personal. Kjo është një shtesë e shkëlqyeshme për t'u përdorur në faqet About Me ose ato që shfaqin anëtarët e ekipit ku dëshironi të krijoni një bio të individëve individualë. Ky modul ndërthuri tekstin, imazhet dhe lidhjet e mediave sociale në një modul koheziv.

Si të konfigurosh modulin Divi Person

Përpara se të shtoni një modul Divi Person në faqen tuaj, së pari duhet të hidheni në Divi Builder. Pasi të Tema divi instaluar në tuaj Site Web, 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 ju shfletoni tuaj Site Web në plan të parë nëse jeni regjistruar në pultin tuaj të WordPress.

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 personit 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 "person" dhe pastaj klikoni enter për të gjetur automatikisht dhe shtuar modulin Person! 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 Përdorni rastin: Shtimi i një Seksioni "Ekipi ynë" në një faqe Rreth Nesh

Faqja rreth nesh është një vend i mirë për të prezantuar anëtarët e ekipit tuaj duke përdorur modulin Person. Ai shton një prekje personale dhe mund të ndihmojë në krijimin e besimit me klientët e rinj.

Për këtë shembull, unë do t'ju tregoj se si të përdorni modulin Person për të shtuar një seksion "Ekipi ynë" në një faqe në lidhje me një biznes të vogël. Do të përdor një plan urbanistik prej tre personash, tre kolona, ​​i cili e mban pjesën më kompakte dhe përputhet me modelin e përgjithshëm të faqes.

Duke përdorur Visual Builder, futni një seksion të ri standard me një rresht prej tre kolonash (1/3 1/3 1/3). Pastaj shtoni një modul Person në kolonën e parë.

Përditësoni cilësimet e modulit Person si më poshtë:

Opsionet e përmbajtjes

Emri: [Vendos emrin e personit]
Pozicioni: [Vendos zgjatjen e personit]
Vendosni URL-të për profilet e mediave sociale
Përshkrimi: [Vendos një biografi të shkurtër]
Imazhi: [Kapni një imazh 600 x 600]

Opsionet e dizajnit

Ikona me ngjyra: # fcbf00
Ngjyra Icon Hover: # e0a831
Shkronja e kokës: Roboto, e zezë, e fortë -
Madhësia e shkronjave të kokës: 30px
Ngjyra e tekstit të kokës: # 505050
Hapësira e Kreut të Letrës: 1px
Lartësia e rreshtit të kokës: 1.5em
Madhësia e shkronjave të trupit: 18px
Trupi Madhësia e vijës: 1.4em
Mbushja me porosi: 15px lart, djathtas 15px, 15px poshtë, 15px majtas

Opsione të përparuara (me porosi CSS)

Elementi kryesor:
-webkit-box-hije: 0 1px 5px rgba (0, 0, 0, 0.2)
-moz-box-hije: 0 1px 5px rgba (0, 0, 0, 0,2);
kuti-hije: 0 1px 5px rgba (0, 0, 0, 0,2);

Ruani cilësimet

Tani kopjoni modulin Person që sapo keni krijuar dy herë dhe tërhiqni modulet e kopjuara në kolonat e dyta dhe të treta në rresht. Meqenëse dizajni është kryer për secilin prej moduleve dublikatë "Person", gjithçka që duhet të bëni është të azhurnoni përmbajtjen me imazhin, titullin, pozicionin, url-et e mediave sociale dhe përshkrimin. të personit.

Kjo është e gjitha!

Opsionet e përmbajtjes së personit

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ë.

Emri

Ky është emri i personit që po prezantoni. Emri shfaqet në krye të modulit me tekst më të madh.

pozitë

Pozicioni shfaqet nën emrin në një tekst më të vogël. Kjo shpesh përdoret për t'iu referuar pozicionit profesional të një personi brenda një ekipi korporate. Për shembull, Nick Roach, "Graphic Designer".

URL e profilit në Facebook

Futni URL në faqen tuaj në Facebook ose lini atë bosh për të çaktivizuar ikonën e Facebook.

URL e profilit të Twitter

Futni URL në faqen tuaj në Twitter ose lini atë bosh për të çaktivizuar ikonën Twitter.

URL e profilit në Google+

Futni URL në faqen tuaj Google+ ose lini atë bosh për të çaktivizuar ikonën Google+.

URL e profilit të LinkedIn

Futni URL në faqen tuaj LinkedIn ose lini atë bosh për të çaktivizuar ikonën LinkedIn.

Përshkrim

Futni përmbajtjen e tekstit kryesor për modulin tuaj këtu.

URL e imazhit

Këtu mund të shkarkoni një foto për tu përdorur në bio.

Ngjyra e sfondit

Përcaktoni një ngjyrë të personalizuar të sfondit për modulin tuaj ose lini bosh për të përdorur ngjyrën e paracaktuar.

Imazhi i sfondit

Nëse është vendosur, kjo imazh do të përdoret si sfond për këtë modul. Për të hequr një imazh në sfond, thjesht hiqni URL-në nga fusha e cilësimeve. Imazhet e sfondit do të shfaqen në krye të ngjyrave të sfondit, që do të thotë se ngjyra e sfondit nuk do të jetë e dukshme kur zbatohet një imazh sfondi.

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.

Opsionet e dizajnit për modulin e Personit

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.

Ngjyra e ikonës

Ky opsion kontrollon ngjyrën e ikonave të mediave sociale që shfaqen në profilin e secilit person. Si parazgjedhje, këto ikona janë gri, ju mund të ndryshoni këtë ngjyrë duke përdorur këtë cilësim.

Ngjyra e ikonës në pezull

Ju gjithashtu mund të ndryshoni ngjyrën e rri pezull për ikonat e mediave sociale. Zgjidhni ngjyrën e dëshiruar duke përdorur zgjedhësin e ngjyrave në këtë cilësim.

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.

Shkronja e kokës

Ju mund të ndryshoni fontin e tekstit tuaj të kokës 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 shkronjave të kokës

Këtu mund të rregulloni madhësinë e tekstit tuaj të kokës. 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ë kokës

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ë kokës, zgjidhni ngjyrën e dëshiruar nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.

Hapësira e shkronjave të kokë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 të kokës, 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.

Header Rreshti Lartësia

Lartësia e rreshtit ndikon në hapësirën midis secilës rresht të tekstit tuaj të kokës. 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ë fusha e hyrjes 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.

Gjelbër i trupit

Ju mund të ndryshoni fontin e trupit tuaj duke zgjedhur fontin e dëshiruar nga menuja drop-down. 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 madhësisë së trupit

Këtu mund të rregulloni madhësinë e tekstit të trupit tuaj. 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 trupit të 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, zgjidhni ngjyrën e dëshiruar nga zgjedhësi i ngjyrave duke përdorur këtë mundësi.

Hapësira e shkronjave të trupit

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 së trupit

Lartësia e vijës ndikon në hapësirën ndërmjet secilës rresht të tekstit në trupin tuaj 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.

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 kufitar

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.

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ë përparuara të modulit Person

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 një stil të personalizuar CSS. Mund të shtoni disa klasa, të ndara me një hapësirë. Këto klasa mund të përdoren në temën tuaj të fëmijës Divi ose në fletën e stilit të personalizuar CSS që shtoni në faqen ose faqen tuaj të internetit. Site Web 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.

gjallëri

Si parazgjedhje, imazhet animohen ndërsa lëvizni në faqe. Këtu mund të zgjidhni drejtimin e animacionit ose ta çaktivizoni atë.

dukshmëri

Ky opsion ju lejon të kontrolloni pajisjet në të cilat shfaqet moduli juaj. Mund të zgjidhni të çaktivizoni modulin tuaj në tableta, SmartPhones 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