Divi tutorial: Si të përdorni modulin Social Media

Moduli i Social Media i Divi ju lejon të krijoni lidhje të bazuara në ikona që tregojnë profilet tuaja sociale në internet, të tilla si Facebook, Twitter dhe Google+. Këto ikona janë të integruara në temë, në stilin e vetë Divi-t duke përdorur ikonat e saj elegant, gjë që i bën ata të preferueshëm sesa të përdorin shtojca të palëve të treta. Ju mund të shtoni lidhje në profile të shumta shoqërore në secilin modul dhe mund ta shtoni modulin kudo në faqe.

Si të shtoni një modul të mediave sociale në faqen tuaj

Përpara se të shtoni një modul të mediave sociale 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 mediave sociale në listën e moduleve dhe klikoni mbi të për ta shtuar në faqen tuaj. Lista e modeve është e kërkueshme, që do të thotë që gjithashtu mund të shkruani fjalën "Na ndiqni në mediat sociale" dhe pastaj klikoni "enter" për të gjetur dhe shtuar automatikisht modin e mediave sociale! 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 ikonave përkatëse të mediave sociale në një faqe kontakti

Faqja e kontaktit të një faqe interneti është vendi i përsosur për të shfaqur profilet tuaja sociale në internet. Kjo ofron më shumë mundësi për përdoruesit që të qëndrojnë të lidhur dhe promovojë blogun tuaj ose biznesin tuaj. Për këtë shembull, unë do t'ju tregoj se si të shtoni ikona të mediave sociale që të përputhen me modelin aktual të një faqeje kontakti.

Duke përdorur ndërtuesin vizual, shtoni një seksion të ri të rregullt me një gjerësi të plotë të një rreshti. Vendosni një modul të mediave sociale në kolonën tuaj.

Në skedën Përmbajtja të cilësimeve të modulit, klikoni në butonin "Shto një element të ri" për të shtuar një rrjet të ri shoqëror në modulin tuaj. Nën cilësimet specifike të rrjetit social, azhurnoni sa vijon:

Opsionet e përmbajtjes

Rrjeti social:
URL e llogarisë Facebook: [futni URL-në e llogarisë tuaj në Facebook]

Opsionet e dizajnit

Ngjyra e ikonës: # d94b6a (ngjyra e larmishme)

Pastaj kopjoni këtë rrjet social për të shtuar katër rrjete të tjera (Twitter, Google+, LinkedIn dhe Instagram). Meqenëse keni kopjuar rrjetin, ngjyra e ikonës së personalizuar është transferuar. Pra, thjesht duhet të azhurnoni çdo URL dhe llogari të rrjetit.

Tani keni ikona të mediave sociale që përputhen me hartimin e faqes së kontaktit.

Opsionet e përmbajtjes së mediave sociale

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

Shto një objekt të ri

Kjo është ajo ku ju shtoni rrjete të reja në modulin tuaj. Duke klikuar në "shtoni një element të ri", ju do të hapni një dritare krejt të re opsionesh specifike për rrjetin tuaj të ri (nën skedat "Përmbajtja", "Dizajni" dhe "Avancuar"). Shihni më poshtë për cilësimet individuale të rrjetit të mediave sociale.

Pas shtimit të rrjetit tuaj të parë, do të shihni një shirit gri që shfaqet me titullin e rrjetit tuaj të shfaqur si etiketë. Shiriti gri ka gjithashtu tre butona që ju lejojnë të redaktoni, kopjoni ose fshini rrjetin.

Forma e lidhjes

Këtu mund të zgjidhni formën e ikonave tuaja të rrjetit social qoftë në drejtkëndësh të rrumbullakosur ose në rreth.

Url hapet

Zgjidhni të hapni URL-në e rrjetit tuaj në një skedë të re ose në të njëjtën dritare.

Ndiqni butonin

Këtu mund të zgjidhni nëse do të përfshini ose jo butonin tjetër pranë ikonës.

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.

Opsione për krijimin e mediave sociale

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

Për këtë modul, opsionet e dizajnit përbëhen nga një element i vetëm - Ngjyra e Tekstit.

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.

Opsione të përparuara të mediave sociale

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 klasa të shumëfishta, 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 të CSS që shtoni në faqen tuaj ose në faqen e internetit duke përdorur opsionet e temave Divi ose parametrat 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.

Opsione individuale të përmbajtjes së mediave sociale

Rrjeti Social

Këtu mund të zgjidhni rrjetin social që dëshironi të shfaqni.

URL e llogarisë

Këtu futni URL-në për këtë lidhje të rrjetit social. Nëse keni zgjedhur Facebook-un si rrjetin tuaj, këtu do të vendosni URL-në e faqes tuaj në Facebook.

Opsione individuale për krijimin e mediave sociale

Ngjyra e ikonës

Divi ofron ngjyra standarde për secilin rrjet social të përcaktuar si parazgjedhje. Këtu mund ta ndryshoni me lehtësi këtë ngjyrë të ikonës në atë që dëshironi.

Opsione të përparuara të mediave sociale

Custom CSS

[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]

Divi tutorial: Si të përdorni modulin Social Media

Si të shtoni një modul të mediave sociale në faqen tuaj