Tutoriali Divi: Si të përdorni modulin Titulli i Postimit

Moduli i Titullit të Punës tregon titullin e postimit tuaj aktual dhe, nëse është e zbatueshme, imazhin e postimit dhe të dhënat meta në një mënyrë elegante. Kjo ju lejon të krijoni postime më unike kur krijoni postimet tuaja duke përdorur Divi Builder.

Si të shtoni një modul Titulli Postimi në faqen tuaj

Përpara se të shtoni një modul titulli 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.

Gjeni modulin e titullit të artikullit 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 "titulli i postimit" dhe pastaj klikoni enter për të gjetur automatikisht dhe shtuar modulin e titullit të punës! 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ërdor rastin: formatimi i një moduli të titullit të postimit për një postim në blog

Për këtë shembull, unë do t'ju tregoj se sa e lehtë është të personalizoni një titull botimi për një postim në blog.

Gjëja e parë që duhet të bëni është të shkoni në faqen "Redakto artikullin" të panelit të kontrollit WordPress. Në zonën e Cilësimeve të Postimeve Divi në të djathtë, vendosni paraqitjen në Gjerësi të plotë dhe fshehni titullin e artikullit.

Duke përdorur Visual Builder, shtoni Seksionin e Rregullt me një rresht me gjerësi të plotë (1 kolonë). Pastaj shtoni modulin Titulli i Postimit në rresht.

Përditësoni cilësimet e titullit të mesazhit si më poshtë:

Opsionet e përmbajtjes

Shikoni Kategoritë e Postimeve: JO Shfaqni Numrin e komenteve: JO Pamje nga imazhi i veçuar: PO Vendndodhja e imazhit të preferuar: Titulli / Meta Sfondi Meta

Opsionet e dizajnit

Orientimi i tekstit: qendra Ngjyra e tekstit: Ngjyra e lehte e Sfondit Teksti: PO Teksti Ngjyra Ngjyra: rgba (0,0,0,0.35) Titulli Font: Roboto (i guximshëm) Titulli Madhësia e shkronjave: 50px Titulli Shkronja Ndarja: Titulli 2px Lartësia e linjës: 1em Metoda e shkronjave: Raleway Light Meta Font Size: 24px Ngjyra e shkronjave Meta: # e0ba67

Ruani cilësimet

Kjo eshte e gjitha. Tani nuk keni pse të vendosni më për një titull tjetër pune të mërzitshëm!

Opsionet e përmbajtjes për titullin e botimit

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

Trego titullin

Këtu mund të zgjidhni të shfaqni ose jo titullin e artikullit.

Trego Metën

Këtu mund të zgjidhni nëse do të shfaqni Post Meta.

Trego autorin

Këtu mund të zgjidhni nëse do të shfaqni emrin e autorit në Post Meta.

Shfaq datën

Këtu mund të zgjidhni nëse do të shfaqet data.

Formatii datës

Këtu mund të vendosni formatin e datës në Post Meta. Parazgjedhja është 'M j, Y'

Trego kategoritë e artikujve

Këtu mund të zgjidhni nëse do të shfaqen ose jo kategoritë në Post Meta. Shënim: Ky opsion nuk funksionon me llojet e postimeve të personalizuara.

Shiko komentet

Këtu mund të zgjidhni nëse do të shfaqni ose jo numrin e komenteve në Post Meta.

Shfaq imazhin e paraqitur

Këtu mund të zgjidhni nëse do të shfaqni imazhin e zgjedhur.

Vendosja e Imazheve të Veçanta

Këtu mund të zgjidhni se ku ta vendosni imazhin e zgjedhur.

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.

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.

Mundësitë e dizajnit të titullit të punës

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.

Përdorni efektin Parallax

Nëse pozicionimi i imazhit të zgjedhur është vendosur në "titull / Imazh i sfondit Meta", ju mund të zgjidhni nëse do të përdorni ose jo efektin paralaks për imazhin e zgjedhur.

Metoda paralele

Këtu mund të zgjidhni cilën metodë paralaksi të përdorni për imazhin e zgjedhur - CSS ose Parallax True.

Orientimi i tekstit

Këtu mund të zgjidhni orientimin për tekstin Titulli / Meta.

Ngjyra e tekstit

Këtu mund të zgjidhni ngjyrën për tekstin Titulli / Meta.

Përdorni ngjyrën e sfondit të tekstit

Këtu mund të zgjidhni nëse do të përdorni ose jo ngjyrën e sfondit për titullin / meta-tex.

Ngjyra e sfondit të tekstit

Nëse ngjyra e sfondit është e aktivizuar, zgjidhni ngjyrën e dëshiruar të sfondit këtu.

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

Font font

Ju mund të ndryshoni fontin e tekstit tuaj meta 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 mundësi të nënvizuara.

Madhësia e fontit metas

Këtu mund të rregulloni madhësinë e meta-tekstit 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 tekstit e të dhënave meta

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 meta-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ë të dhënave metas

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ë të meta-tekstit 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 metas

Lartësia e rreshtit ndikon në hapësirën midis secilës rresht në meta-tekstin 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.

Trego opsione të përparuara të titullit

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.

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 doni të përdorni modë të ndryshëm në pajisje të ndryshme, ose nëse doni të thjeshtoni modelin e telefonit celular duke eleminuar elemente të caktuara 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]

Divi Tutorial: Si të përdorni modulin e titullit të punës