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.
Vini re titullin dhe titullin e faqes në mesin e sipërm të kokës që shfaqet dinamikisht.
Shkarko falas
Bashkohuni me Divi Newlsetter dhe ne do t'ju dërgojmë me email një kopje të Paketës së Paraqitjes së Faqes Landing Divi Ultimate, plus shumë të tjera RESSOURCES, këshilla dhe truket falas dhe të mahnitshme të Divi. Ndiqni atë dhe do të bëheni një Divi Master në një kohë të shkurtër. 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.
Pasi të përfundojë, modeli i përgjithshëm i kokës do të jetë i disponueshëm në Divi Theme Builder.
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ë.
Dhe, disa njerëz as nuk e kuptojnë se ekziston etiketa, e lëre më të marrin kohë për ta përditësuar atë. Për më tepër, kur përdorni Tema divi, titulli i faqes dhe etiketa nuk do të jenë të dukshme në faqen tuaj si parazgjedhje, kështu që është e lehtë t'i anashkaloni ato. Megjithatë, titulli i faqes dhe etiketa janë elementë thelbësorë 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.
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ë , zbërtheni skedarin dhe gjeni skedarin JSON të shabllonin e faqes në internet Default.
Pastaj shkoni te Divi> Theme Builder.
Klikoni ikonën e transportueshmërisë në këndin e sipërm djathtas. Në dritaren pop-up të transportueshmërisë, zgjidhni skedarin JSON nga shabllonin e faqes në internet default dhe klikoni butonin Import.
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.
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ë.
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).
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.
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.
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.
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ë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
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.
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%
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.
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!
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
