Kalo te përmbajtja kryesore

Si të shtoni një titull dinamik të faqes dhe sloganin në një Header Global Divi

Divi: tema më e lehtë për t'u përdorur nga WordPress

Divi: Tema më e mirë e WordPress të të gjitha kohërave!

më shumë Shkarkimet e 901.000, Divi është tema më e popullarizuar e WordPress në botë. Është i plotë, i lehtë për t'u përdorur dhe vjen me më shumë se shabllona falas 62. [Rekomanduar]

Njohja se si të shtoni një titull dinamik të faqes dhe një parullë në një kokë të përgjithshme të Divi do të jetë e dobishme kur krijoni faqet e internetit të Divi. Dhe ka disa arsye të mira për ta bërë këtë. Nga njëra anë, jo të gjitha faqet kanë një logo. Titulli i faqes është një zëvendësim i mirë i logos. Një arsye tjetër është të rrisni markën tuaj duke përfshirë informacione jetike në faqen tuaj ku të gjithë do ta shohin atë.

Në këtë udhëzim, ne do t'ju tregojmë se si të shtoni një titull dinamik të faqes dhe një slogan në një kokë globale të Divi. Kjo zgjidhje do të nxjerrë në mënyrë dinamike titullin dhe titullin e faqes nga faqja e WordPress. Plus, do të keni të gjitha opsionet e fuqishme të dizajnit të Divi-t për të personalizuar titullin dhe parullën, ashtu si dëshironi!

Rezultati i mundshëm

Këtu është një vrojtim i dizajnit që do të ndërtojmë në këtë tutorial.

Titulli dinamik i faqes modeli global i titullit 6

Vini re titullin dhe titullin e faqes në mesin e sipërm të kokës që shfaqet dinamikisht.

Shembull i modifikimit të titullit Divi

Shkarko falas

Bashkohuni në Divi Newlsetter dhe ne do t'ju dërgojmë me email një kopje të Paketës së Layout të Ultimate Divi Landing Page, së bashku me mijëra burime, këshilla dhe truke të tjera falas dhe të mahnitshme të Divi. Ndiqni atë dhe ju do të jeni një master Divi në asnjë kohë. Nëse jeni pajtuar tashmë, thjesht shkruani adresën tuaj të emailit më poshtë dhe klikoni në shkarkim për të hyrë në paketën e planit.SHKARKO

Për të importuar modelin, shkoni te Divi> Krijuesi i temave.

Klikoni në ikonën e transportueshmërisë në të djathtë të faqes.

Në dritaren pop-up të transportueshmërisë, zgjidhni skedën e importit dhe zgjidhni skedarin e shkarkimit nga kompjuteri juaj.

Pastaj klikoni në butonin e importit.

Zgjidhni një model divi

Pasi të përfundojë, modeli i përgjithshëm i kokës do të jetë i disponueshëm në Divi Theme Builder.

Modifikoni titullin global divi

Në atë që vijon do të kalojmë në modelim.

Titulli i faqes dhe slogani në WordPress

Çdo faqe WordPress ka një titull të faqes dhe një titull. Titulli i faqes është në thelb emri i faqes dhe etiketimi është një frazë e shkurtër që zakonisht shpjegon se çfarë është.

Nuk është e pazakontë të shtoni titullin e faqes kur instaloni WordPress dhe harroni atë.

Krijoni me lehtësi faqen tuaj të internetit me Elementor

Elementor ju lejon të krijoni me lehtësi çdo dizajn të faqes në internet me një pamje profesionale. Ndaloni të paguani shtrenjtë për ato që mund të bëni vetë. [Pa]

Personalizo titullin divi

Dhe, disa njerëz as nuk e kuptojnë se etiketimi ekziston, e lëre më të marrin kohë për ta azhurnuar. Përveç kësaj, kur përdorni temën Divi, titulli i faqes dhe parulla nuk do të jenë të dukshme në faqen tuaj si parazgjedhje, kështu që është e lehtë t'i injorosh ato. Sidoqoftë, titulli i faqes dhe etiketimi janë pjesë thelbësore të faqes në internet dhe do të njihen nga motorët e kërkimit.

Ju mund të lokalizoni dhe azhurnoni titullin e faqes dhe etiketën në WordPress në çdo kohë duke shkuar në panelin e WordPress dhe duke naviguar te Settings> General.

Ose, ju mund të merrni një rrugë tjetër duke përdorur personalizuesin e temës për të azhurnuar titullin e faqes nën cilësimet e përgjithshme.

Personalizo identitetin e wordpress

Tani që e dimë se ku janë titulli i faqes dhe slogani në sfondin e WordPress, le të shqyrtojmë se si mund t'i shtojmë ato në një kokë Divi!

Si të shtoni një titull dinamik të faqes dhe parullën në një kokë globale në Divi

Importimi i modelit global të kokës së para-projektuar

Për këtë udhëzim, ne do të përqendrohemi në mënyrën e shtimit të titullit dinamik të faqes dhe etiketës në një titull ekzistues në vend që të krijojmë një titull të plotë nga e para. Kjo do t'ju kursejë kohë dhe do të përmirësojë qartësinë. Pra, për të filluar këtë dizajn të kokës, ne do të importojmë një model të paracaktuar global të kokës nga tonë pako gjeneruese e temave të katërt .

Pasi ta keni shkarkoi paketën e duke krijuar temë , unzip skedarin, dhe të gjetur modelin e paracaktuar faqen e internetit skedar JSON.

Pastaj shkoni te Divi> Theme Builder.

Klikoni në ikonën e transportueshmërisë lart djathtas. Në dritaren pop-up të transportueshmërisë, zgjidhni skedarin JSON të paracaktuar të faqes në internet dhe klikoni në butonin Import.

Importi i modelit Divi

Pasi shablloni të shtohet në ndërtuesin e temave, fshini modelin e faqes kryesore dhe klikoni për të redaktuar kokën e përgjithshme.

Hiq shabllonin nga faqja kryesore

Shtimi i titullit dinamik të faqes dhe etiketës në titull

Brenda redaktorit të faqosjes së shabllonit, ju do të shihni titullin premade të dizajnuar tashmë. Ne mund të fillojmë të bëjmë personalizimet tona menjëherë.

A po kërkoni temat më të mira të WordPress dhe shtojcat?

Shkarkoni shtojcat më të mira dhe temat e WordPress në Envato dhe krijoni lehtësisht faqen tuaj te internetit. Tashmë më shumë se shkarkimet e 49.720.000. [EXCLUSIVE]

Leviz logon

Për të filluar, tërhiqni modulin e imazhit që shfaq logon (dinamikisht) nga kolona e mesit të rreshtit të sipërm në kolonën e majtë të rreshtit të sipërm.

Shtoni një modul thirrje për veprim për të shfaqur titullin e faqes dhe etiketën

Pastaj shtoni një modul të ri Thirrje për Veprim në kolonën e mesit të rreshtit të sipërm (aty ku ishte logoja).

Personalizoni thirrjen për veprim

Ne do të përdorim modulin Thirrje për Veprim për të shfaqur titullin dhe titullin e faqes.

Por, para se të filloni të shtoni përmbajtje, së pari zgjidhni JO për të përdorur ngjyrën e sfondit.

Konfiguroni veprimet e thirrjes për veprim

Shtoni një titull dinamik të sitit

Nën cilësimet e përmbajtjes, qëndroni mbi kutinë e hyrjes së titullit dhe klikoni në ikonën "Përdor përmbajtjen dinamike". Pastaj zgjidhni "Titulli i sitit" nga lista.

Shtoni një slogan dinamik të sitit

Pastaj, vendosni miun mbi zonën e trupit dhe zgjidhni ikonën "Përdor përmbajtjen dinamike". Pastaj zgjidhni "Site Tagline" nga lista.

Shto një slogan të faqes divi

Shtoni një lidhje dinamike të faqes kryesore

Commonshtë e zakonshme që titulli i faqes të ridrejtohet në faqen kryesore me klikim, veçanërisht nëse jeni duke zëvendësuar logon. Për të ridrejtuar të gjithë kursin në faqen kryesore, shtoni lidhjen e faqes kryesore si përmbajtje dinamike në URL-në e kursit.

Shtoni një lidhje në faqen kryesore

Hartimi i tekstit të titullit dhe slogani i faqes

Tani titulli i faqes dhe etiketa e faqes shfaqen në kokë në mënyrë dinamike. E tëra çka duhet të bëjmë tani është të shtojmë një stilim. Mos harroni, ne duhet të rregullojmë tekstin e titullit për të hartuar titullin e faqes dhe tekstin e trupit për të hartuar etiketën.

Kalo tek skedari i dizajnit dhe përditëso si vijon:

  • Font Titulli: Heebo
  • Pesha e shkronjave të titullit: Bold
  • Stili i fontit të titullit: TT
  • Madhësia e tekstit të titullit: 32px (desktop), 24 px (tabletë dhe telefon)
  • Hapësira e shkronjave të titullit: 0.3em
  • Font trupi: Roboto
  • Stili i fontit të trupit: italik
  • Ngjyra e Tekstit të trupit:
  • Madhësia e tekstit të trupit: 13px
  • Hapësira e shkronjave të trupit: 0.1em
  • Lartësia e vijës së trupit: 1em
Përshtat shkronjën e titullit divi

Për të ndihmuar në qendërzimin, nxirrni mbushjen e parazgjedhur nën tekstin e trupit duke shtuar CSS-në e mëposhtme me porosi në Përshkrimi Promo:

mbushje-fund: 0px
Shto kodin e personalizuar divi css

Rregullimet shtesë të projektimit

Për këtë pjesë të fundit të mësimit, ne do të bëjmë disa rregullime shtesë të projektimit në kokë për t'u siguruar që artikujt të qëndrojnë në qendër vertikale në secilën kolonë dhe t'i japin butonit një dizajn unik. Ne gjithashtu do të shtojmë një rresht para dhe pas shigjetave në etiketën (vetëm për shkelma).

Në mënyrë vertikale përqendrimi i kolonave / përmbajtjes

Tani për tani rreshti i lartë është aktivi "Barazoni lartësitë e kolonës" i cili përdor vetinë e përkuljes. Ne mund të përfitojmë nga kjo duke shtuar një copë të vogël css për tu siguruar që të gjitha kolonat të qëndrojnë vertikalisht në rresht. Për ta bërë këtë, hapni cilësimet për rreshtin e lartë dhe shtoni CSS-në e mëposhtme në Elementin kryesor:

pikat e rreshtit: qendra;

Përditësimi i kolonës me butonin

Tjetra, hapni cilësimet për kolonën 3 në rreshtin e lartë dhe nxirrni ngjyrën e sfondit dhe mbushjen.

Lehtë të krijoni Dyqanin tuaj Online

Shkarko pa pagesë WooCommerce, shtojcat më të mira të tregtisë elektronike për të shitur produktet tuaja fizike dhe digjitale në WordPress. [Rekomanduar]

Personalizoni butonin e kontaktit divi

Përditësimi i sfondit të butonit

Pastaj hapni cilësimin e modulit të butonit dhe azhurnoni sfondin me një gradient të ri të sfondit si më poshtë:

  • Sfondi i gradientit Ngjyra e majtë: #ffffff
  • Ngjyra e drejtuar e gradientit të sfondit: # 1dbf73
  • Drejtimi i gradientit: 135deg
  • Pozicioni i fillimit: 10%
  • Pozicioni i fundit: 0%
Personalizoni sfondin e butonit divi

Shtimi para dhe pas karaktereve në slogan

Çdo artikull dinamik i përmbajtjes mund të ndryshohet duke klikuar në ikonën e ingranazhit. Për të shtuar para dhe pas karaktereve në parullë, hapni cilësimet e modulit të thirrjes për veprim që përmban slloganin dhe klikoni në ikonën e redaktimit në përmbajtjen dinamike të sloganit të faqes. Pastaj shtoni karakteret në shënimet para dhe pas.

Shfaq parullën divi

Rezultati përfundimtar

Për të parë rezultatin, hapni çdo faqe në faqen tuaj. Ju duhet të shihni titullin dinamik të faqes dhe etiketën e shfaqur bukur!

Ndarja e rezultatit përfundimtar

Mendimet e fundit

Reallyshtë vërtet bukur që mund të personalizoni një titull të përgjithshëm me një titull dinamik të faqes dhe etiketim. Kjo duket si diçka që do të jetë e dobishme për shumë site. Më pëlqen gjithashtu ideja e përfshirjes së titullit dhe titullit të faqes përveç logos për një përfaqësim edhe më të fortë të markës.

Burimi: Elegant Theme

Ky artikull përmban komente 0

Lini një koment

Adresa juaj e emailit nuk do të publikohet. Fusha e kërkuar janë shënuar *

Kjo faqe përdor Akismet për të zvogëluar padëshiruar. Mësoni më shumë për mënyrën se si përdoren të dhënat e komenteve tuaja.

Kthehu në fillim
0 aksionet
pjesë
cicërimë
Regjistrohem