Dëshironi të krijoni një fund të personalizuar në DIVI?
Një nga pjesët më të rëndësishme të ndërtuesit të temave të Divi është aftësia për të shtuar në mënyrë dinamike funde globale në faqet dhe postimet tuaja të internetit.
Pasi të keni krijuar një fund të faqes, mund ta shtoni automatikisht në çdo lloj faqeje ose postimi që dëshironi duke përdorur ndërtuesin e temave të Divi.
Në këtë tutorial, ne do t'ju çojmë hap pas hapi përmes procesit të krijimit dhe shtimit të një fundi global në faqen tuaj Site Web.
studim
Përpara se të zhytemi në tutorial, le t'i hedhim një sy futerit që do të dizajnojmë.
zyrë
Shkoni te Ndërtuesi i Temave Divi dhe shtoni një Footer Global
- Shkoni te Divi > Ndërtuesi i Temave dhe klikoni në " Shto një fund të faqes globale«
- Per te zgjedhur " Ndërtoni një fund të faqes globale«
Personalizo seksionin #1
Ngjyrë e sfondit
Hapni seksionin që mund të gjeni në faqe dhe ndryshoni ngjyrën e sfondit të seksionit.
- Sfondi: #000000
ndarje
Kalo te skeda Stili dhe më pas ndryshoni cilësimet e ndarjes për seksionin.
- Margjina (sipër, majtas dhe djathtas): 6vw
- Marzhi i brendshëm (majtas dhe djathtas): 30 px
kufi
Pastaj shtoni një kufi të sipërm majtas dhe djathtas.
- Drejtkëndësh i rrumbullakosur lart majtas: 20 px
- Drejtkëndësh i rrumbullakosur lart djathtas: 20 px
Kuti me hije
Përfshini gjithashtu një hije kutie në cilësimet e seksionit.
- Forca e turbullimit të hijes së harkut: 135 px
- Ngjyra e shkronjave të titrave: rgba (0,0,0,0.18)
Shtoni një rresht të ri në seksion
Struktura e kolonës
Vazhdoni duke shtuar një rresht në seksionin tuaj duke përdorur strukturën e mëposhtme të kolonës:
Shtoni një modul teksti në kolonë
Shto një titull të madhësisë H2 (Titulli 2)
Futni një modul teksti me përmbajtje me madhësi H2.
Cilësimet e tekstit H2
Kalo në skedën e Stili të modulit dhe modifikoni parametrat e tekstit H2 në përputhje me rrethanat:
- Fonti i kokës: Poppins
- Titulli i lehtë i përmbajtur: gjysmë i theksuar
- Rreshtimi i tekstit: në qendër
- Ngjyra e tekstit të kokës: #ffffff
- Madhësia e tekstit të kokës: 31 px (desktop), 24 px (tableti), 18 px (telefon)
- Lartësia e vijës së kokës: 1,6 em
sizing
Shtoni gjithashtu një gjerësi maksimale në modul.
- Gjerësia maksimale: 700 piksele
Shtoni modulin e butonit në kolonë
Shtoni tekst në butonin
Futni një modul Button pikërisht poshtë modulit Tekst në kolonën tuaj dhe vendosni një tekst sipas dëshirës tuaj.
radhitje
Kalo në skedën e Stili të modulit dhe ndryshoni shtrirjen e butonit në qendër.
- Shtrirja e butonave: në qendër
Cilësimet e butonit
Vazhdoni duke personalizuar butonin.
- Përdorni stile të personalizuara për butonin: Po
- Madhësia e tekstit të butonit: 12 px
- Ngjyra e tekstit të butonit: #000000
- Butoni i sfondit: #FFFFFF
- Butoni i gjerësisë së kufirit: 0 piksel
Lexo gjithashtu: Si të shfaqni një faqe blogu si një karusel në DIVI
- Rrezja e kufirit të butonit: 100 px
- Hapësira e shkronjave të butonave: 1 px
- Fonti i butonit: Poppins
- Butoni i butë i dritës: Gjysmë i trashë
- Butoni i stilit të kopjimit: TT
ndarje
Shtoni gjithashtu vlera të marzhit të brendshëm të personalizuar.
- Marzhi i brendshëm (lart dhe poshtë): 14 px
- Marzhi i brendshëm: majtas (40 px); Djathtas (58 px)
Seksioni 2
Shtoni një seksion të dytë "normal" poshtë atij të mëparshëm.
Ngjyrë e sfondit
Ndrysho ngjyrën e sfondit
- Sfondi: #ffffff
ndarje
Pastaj hiqni të gjitha kufijtë e brendshëm (sipër dhe poshtë).
- Marzhi i brendshëm (lart dhe poshtë): 0px
kufi
Shtoni gjithashtu një rreze kufiri në seksion.
- Drejtkëndësh i rrumbullakosur (lart majtas): 20 px
- Drejtkëndësh i rrumbullakosur (sipër djathtas): 20 px
Kuti me hije
Dhe plotësoni cilësimet e seksionit duke shtuar një hije delikate kutie.
- Forca e turbullimit të hijes së kutisë: 135 px
- Ngjyra e fontit të titrave: rgba(0,0,0,0.18)
Shtoni një rresht të ri në seksion
Struktura e kolonës
Pasi të keni përfunduar cilësimet e seksionit, shtoni një rresht të ri duke përdorur strukturën e mëposhtme të kolonës:
sizing
Pa shtuar ende asnjë modul, hapni cilësimet e rreshtit dhe ndryshoni ato si më poshtë:
- Përdorni gjerësinë e personalizuar të ulluqit: Po
- Hapësira e kolonave: 1
- Harmonizoni lartësitë e kolonave: Po
- Gjerësia maksimale: 100%
- Gjerësia maksimale: 100%
ndarje
Pastaj hiqni kufijtë e brendshëm të paracaktuar (lart dhe poshtë) nga rreshti.
- Marzhi i brendshëm (lart dhe poshtë): 0px
Hapësira midis kolonave
Vazhdoni duke hapur cilësimet e kolonës për të shtuar vlera të personalizuara të mbushjes.
- Marzhi i brendshëm (lart dhe poshtë): 100 px (desktop), 50 px (tableti dhe telefoni)
- Margjina e brendshme (majtas dhe djathtas): 100 px (desktop), 50 px (tableti dhe telefoni)
Shtoni tekstin #1 modulin në kolonë
Shto përmbajtje
Tani mund të shtojmë module në të. Shtoni një modul Teksti në kolonë dhe futni përmbajtje e zgjedhjes suaj.
Cilësimet e tekstit
Kalo në skedën e Stili të modulit dhe modifikoni parametrat e tekstit në përputhje me rrethanat:
- Font të tekstit: Poppins
- Pesha e shkronjave të tekstit: Bold
- Ngjyra e tekstit: #000000
- Madhësia e tekstit: 17 px
- Rreshtimi i tekstit: në qendër
ndarje
Pastaj shtoni kufijtë e personalizuar (lart dhe poshtë).
- Marzhi i sipërm: 10 px
- Marzhi i poshtëm: 30 px
Shtoni një modul ndarës në kolonë
Pak poshtë modulit Tekst, shtoni një modul Separator.
dukshmëri
Sigurohuni që opsioni " Shfaq ndarësin Enshtë aktivizuar.
- Shfaq ndarësin: Po
Linjë
Ndrysho ngjyrën e linjës në të zezë.
- Ngjyra e etiketës: #000000
sizing
Ndryshoni gjithashtu cilësimet e madhësisë së ndarësit.
- Gjerësia maksimale: 15%
- Rreshtimi i tekstit: në qendër
Shtoni tekstin #2 modulin në kolonë
Shto përmbajtje
Vazhdoni duke shtuar një modul tjetër Teksti në kolonë si dhe a përmbajtje e zgjedhjes suaj.
Shto një lidhje
Vendosni një lidhje në faqen që dëshironi t'i referohet këtij moduli.
Cilësimet e tekstit
Pastaj kaloni në skedën Stili dhe ndryshoni cilësimet e tekstit si më poshtë:
- Fonti i tekstit: Poppins
- Teksti me dritë të butë: I qartë
- Teksti me ngjyra të tekstit: #777777
- Teksti Madhësia e tekstit: 15 px
- Rreshtimi i tekstit: në qendër
ndarje
Shtoni gjithashtu një diferencë (lart dhe poshtë).
- Marzhi (lart dhe poshtë): 10 px
Klononi modulin e tekstit #2 sipas nevojës
Pasi të keni përfunduar modulin e dytë të tekstit, mund ta klononi sa herë të keni nevojë (në varësi të numrit të elementeve të faqes së poshtme të klikueshme që dëshironi të përfshini).
Redaktoni përmbajtjen dhe lidhjet
Sigurohuni që të redaktoni përmbajtjen e modulit dhe lidhjet për çdo dublikatë.
Klononi të gjithë kolonën dy herë
Pasi të keni përfunduar kolonën dhe modulet e saj, mund ta klononi dy herë.
Ngjyra e sfondit të kolonës 2
Pastaj hapni cilësimet për kolonën 2 dhe ndryshoni ngjyrën e sfondit.
- Sfondi: #f9f9f9
Redaktoni përmbajtjen dhe lidhjet
Sigurohuni që të redaktoni të gjithë përmbajtjen dhe lidhjet në secilën kolonë të kopjuar.
Shto një kolonë të re
Tjetra, shtoni një kolonë të katërt në rresht.
Ngjyrë e sfondit
Ndryshoni ngjyrën e sfondit të kolonës së re.
- Sfondi: #0fffc7
ndarje
Ndryshoni kufijtë e brendshëm si më poshtë:
- Marzhi i brendshëm (lart dhe poshtë): 70 px
- Marzhi i brendshëm (majtas dhe djathtas): 50 px
Shtoni modulin "Na ndiqni në mediat sociale" në kolonën 4
Shtoni rrjetet sociale
Vazhdoni duke shtuar një modul " Na ndiqni në rrjetet sociale në kolonën 4 dhe futni rrjetet sociale të zgjedhjes suaj.
Rivendosni stilet e ikonave të mediave sociale
Klikoni mbi Rivendos stilet e elementeve të roleve për secilin prej rrjeteve sociale.
radhitje
Pastaj kaloni në skedën Stili dhe modifikoni shtrirjen e modulit.
- Rreshtimi i tekstit: në qendër
Cilësimet e ikonës
Ndryshoni gjithashtu ngjyrën e ikonave të mediave sociale.
- Ngjyra e ikonës: #000000
Shtoni modulin Optin të Email-it në kolonën 4
Fut një mod " Email Optin "poshtë modulit" Na ndiqni në rrjetet sociale«
Pastro përmbajtjen dhe titullin e modulit
Llogaria e emailit
Pastaj shtoni një llogari emaili. Nëse nuk shtoni një llogari emaili, moduli nuk do të shfaqet pasi të dilni nga ndërtuesi i temave.
Hiq ngjyrën e sfondit
- Përdorni ngjyrën e sfondit: Jo
Cilësimet e fushës
Kalo te skeda Stili dhe ndryshoni cilësimet e fushës si më poshtë:
- Fushat e ngjyrave të sfondit: rgba (0,0,0,0)
- Fushat e ngjyrave të tekstit: #000000
- Fonti Champs: Poppins
- Fushat e madhësisë së tekstit: 13 px
- Fushat e gjerësisë së kufirit: 1 px
Cilësimet e butonit
Gjithashtu personalizoni butonin e modulit tuaj.
- Përdorni stile të personalizuara për butonin: Po
- Madhësia e tekstit të butonit: 12 px
- Ngjyra e tekstit të butonit: #000000
- Butoni i sfondit: #FFFFFF
- Gjerësia e kufirit: 0 px
- Rrezja e kufirit të butonit: 100 px
- Hapësira e shkronjave të butonave: 1 px
- Fonti i butonit: Poppins
- Butoni me dritë të zbehtë: Gjysmë i trashë
- Butoni i stilit të kopjimit: TT
Shiko gjithashtu: Si të krijoni një formë kontakti ngjitëse në DIVI
- Mbushja e butonave (lart dhe poshtë): 15 px
Shtoni modulin dinamik të tekstit në kolonën 4
Moduli tjetër dhe i fundit që na duhet për të përfunduar këtë dizajn është një modul Text.
Aktivizo opsionin " Përdorni përmbajtje dinamike".
Pastaj zgjidhni opsionin " data aktuale".
Dhe ndryshoni cilësimet e përmbajtjes dinamike si më poshtë:
- Përpara: Copyright ©
- Pas: | Të gjitha të drejtat e rezervuara
- Formati i datës: Dogana
- Formati i personalizuar i datës: 20 vjet
Cilësimet e tekstit
Më pas, kaloni në skedën e stilit dhe ndryshoni cilësimet e tekstit:
- Fonti i tekstit: Poppins
- Teksti me ngjyra të tekstit: #000000
- Teksti Madhësia e tekstit: 16 px
ndarje
Plotësoni parametrat e modulit duke shtuar margjinën dhe voila!
- Marzhi i sipërm: 50 px
Ruani opsionet globale të futbollit dhe të ndërtuesit të temave
Pasi të keni mbaruar, sigurohuni që ta ruani punën tuaj përpara se të dilni nga ndërtuesi. Tema divi.
Sapo të jeni jashtë paraqitjes së shabllonit, ruani të gjitha ndryshimet e ndërtuesit të temave dhe keni mbaruar!
studim
Tani që kemi kaluar nëpër të gjitha hapat, le t'i hedhim një vështrim të fundit rezultatit.
Shkarkoni DIVI Tani!!!
Përfundim
Në këtë tutorial, ne ju treguam se sa e lehtë është të krijoni një fund të bukur global të personalizuar me ndërtuesin e temave të Divi.
Shpresojmë që ky tutorial t'ju frymëzojë të krijoni funde të bukura globale për projektet tuaja të ardhshme Divi.
Nëse keni ndonjë shqetësim apo sugjerim, na gjeni në pjesa e komenteve për ta diskutuar atë.
Sidoqoftë, gjithashtu mund të këshilloheni burimet tona, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.
Por në ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.
...
