Dëshironi të publikoni postimet e blogut në Divi?
Sot do t'ju tregojmë një mënyrë krijuese për të paraqitur postimet në blog si karta lundruese në Divi. Çdo blog ose Site Web duhet të synojë të ketë një të shkëlqyer përmbajtje tërheqëse dhe, ndoshta po aq e rëndësishme ose e arritshme.
Një mënyrë për të siguruar që përmbajtje mbetet e aksesueshme për përdoruesit është ta bëjnë atë të notojë në faqe.
Dhe për blogerët, ne do t'ju tregojmë se si të paraqisni artikuj nga blogun tuaj si karta lundruese në mënyrë që të mbeten të dukshme gjatë lëvizjes së faqes.
Le të shkojnë.
studim
Këtu është një përmbledhje e shkurtër e rezultatit që do të marrim në fund të këtij tutoriali.
Çfarë duhet të filloni
Para se të filloni të krijoni këtë dizajn në Divi, do t'ju duhet të bëni sa më poshtë:
- Krijoni një faqe të re, jepni një emër përkatës dhe klikoni në 'Përdor Divi Builder'
- Zgjidhni opsionin Zgjidhni paraqitjen".
- Gjeni dhe zgjidhni paraqitjen 'faqja e uljes së blogerit'.
- Klikoni në butonin Zgjidhni paraqitjen për ta ngarkuar atë në faqe.
Pas kësaj, do ta keni faqosjen e përgatitur paraprakisht gati për t'u përdorur për këtë tutorial.
Si të krijoni karta lundruese të postimeve në blog duke përdorur modulin e blogut të Divi
Tani që paraqitja është ngarkuar në faqe, ne jemi gati të krijojmë kartat lundruese të postimeve tona në blog.
Lexo gjithashtu: Si të krijoni një kokë ngjitëse globale në Divi
Krijo një seksion të ri në fund të paraqitjes.
Pastaj shtoni një rresht të ri me një kolonë në seksion.
Shtoni një modul Blog dhe një titull në rresht / kolonë
Në vend që të krijoni një modul të ri Blog këtu, lëvizni lart dhe gjeni modulin ekzistues të Blog që tregon tre postime në blog (është në seksionin e tretë afër mesit të faqes). hap" Parametra të tjerë të modulit »Dhe zgjidhni« Kopjimi i modulit".
Më pas ngjisni modulin në rreshtin e ri me një kolonë që krijuam në fund të faqes duke klikuar me të djathtën në ikonën plus gri dhe duke zgjedhur " Moduli i ngjitjes".
Më pas, do të shtojmë një titull mbi postimet tona në blog, i cili gjithashtu do të notojë mbi kartat e blogut. Për ta bërë këtë, kopjoni modulin ekzistues të tekstit me tekstin e vogël të titullit " Lifestyle".
Pastaj ngjitni modulin pikërisht mbi modulin e ri Blog që sapo shtuam.
Më pas, modifikoni tekstin e titullit për të përshkruar llojin e postimeve në blog që dëshironi të shfaqni. Në këtë shembull, ne thjesht do të përdorim " Të paraqitura".
Përshtatja e linjës me pozicion fiks dhe gjerësi të personalizuar
Ne duam të zvogëlojmë madhësinë e postimeve të blogut lundrues në mënyrë që ato të mos zënë shumë hapësirë në faqe kur kanë një pozicion fiks. Do të ishte argëtuese. Për ta bërë këtë, hapni cilësimet e linjës dhe përditësoni sa vijon:
Për t'i bërë artikujt të notojnë, duhet t'i japim linjës një pozicion fiks. Nën skedën "Avanced", përditësoni sa vijon:
- Pozicioni: Fiks
- Vendndodhja: Poshtë djathtas
- Zhvendosja vertikale: 20 px
- Ofset horizontale: 20 px
- Z Indeksi: 12
Moduli i përditësuar i Blogut me përmbajtje minimale dhe hije të kutisë
Në përgjithësi, moduli Blog tashmë ka një plan urbanistik me tre kolona dhe një stil të bukur që vjen me paketën e paraqitjes që kemi zgjedhur. Por ka disa gjëra që duhet të bëjmë.
Shih gjithashtu: Si të krijoni një kokë globale me formën e hyrjes në Divi
Para së gjithash, duhet të zvogëlojmë madhësinë e hartave (vertikalisht) dhe të heqim disa elementë prej tyre përmbajtje.
Për ta bërë këtë, hapni cilësimet e blogut dhe fshihni të gjithë elementët përveç imazhit të paraqitur. Kjo do të bëjë që postimi të tregojë vetëm imazhin dhe titullin e paraqitur.
Nën skedën Style, konfiguroni hijen e kutisë si më poshtë:
- Kutia e hijes: Shiko pamjen e ekranit
- Forca e turbullimit të hijes së kutisë: 28 px
- Ngjyra e fontit të titrave: rgba(0,0,0,0.19)
studim
Këtu është një vrojtim i rezultatit që kemi deri më tani.
Bëni që rreshti i artikujve të shfaqet në hover
Më në fund, ne mund të shtojmë një efekt të këndshëm pezullimi që inkurajon përdoruesit të ndërveprojnë me artikujt lundrues.
Lexo gjithashtu: Si të krijoni faqen e blogut me modulin Blog në Divi
Hap cilësimet e linjës dhe opsionet e përditësimit:
Për zyrën
- Transformimi: 50%
Për gjendjen hover
- Transformimi: 0%
Kjo fillimisht do ta sjellë të gjithë linjën jashtë portit të shikimit të shfletuesit me 50%. Pasi përdoruesi rri pezull mbi linjë, ajo kthehet plotësisht në pamje.
Fshih rreshtin në celular
Nëse nuk dëshironi të publikoni një postim të vetëm në blog, nuk ka kuptim që ato postime të blogut t'i publikoni në celular. Ndoshta do të merrte shumë hapësirë dhe do të shkaktonte probleme kur përpiqeni të lëvizni.
Shih gjithashtu: Si të shtoni një formular kontakti në një kokë globale në Divi
Për të fshehur hartat në celular, hapni cilësimet e seksionit dhe çaktivizoni dukshmërinë e seksionit në telefon dhe tablet.
Rezultati përfundimtar
Shkarkoni DIVI Tani!!!
Përfundim
Kështu që ! Ne ju kemi treguar në këtë tutorial një mënyrë krijuese dhe origjinale për të paraqitur postimet në blog që dëshironi të nënvizoni.
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.
...
