Cuprins
Puteți fi de acord cu noi că niciun site web nu este complet fără antet. Știați că aveți două opțiuni diferite pentru a crea antet în WordPress? În acest tutorial vom explica diferențele individuale.
Imaginea originală a antetului
Antetul clasic al WordPress, așa cum îl știți, este utilizat pe toate paginile diferite. De obicei, este o cutie dreptunghiulară largă de la o parte la alta. În interior se află un logo sau numele site-ului, sloganul și elementele de meniu. De asemenea, puteți insera acolo o imagine de fundal care se numește imagine de antet. Imaginea de antet este excelentă pentru a atrage atenția vizitatorilor și pentru a crea aspectul general al site-ului web. Depinde de dvs. să decideți dacă folosiți o imagine de antet discretă sau o imagine dominantă care va concentra atenția vizitatorilor asupra navigării pe site.
Cum se editează antetul în Personalizatorul WordPress
În mod implicit, imaginea antetului poate fi modificată prin intermediul personalizatorului WordPress. Îl puteți accesa atât din administratorul WordPress, cât și de pe site-ul dvs:
- Direct din administratorul WP, trebuie doar să navigați la Aspect -> Personalizați
- Pe frontend, dacă sunteți logat, faceți clic pe "Personalizați" în bara de sus.
Personalizatorul include toate setările de bază ale aspectului temei active în prezent. Prin urmare, unde găsiți setările pentru imaginea antetului depinde de tema activă. În tema Citadela puteți adăuga și edita imaginea antetului în Personalizarea -> Aspect -> Fundal antet.
Setări pentru imaginea de antet
Indiferent de imaginea de antet pe care o alegeți, o puteți configura în funcție de nevoile dumneavoastră. Efectul interesant poate fi obținut cu ajutorul funcției "Header Image Repeat". Puteți configura următoarele opțiuni:
- Țiglă
- Placi de faianță pe orizontală
- Placi de faianță pe verticală
- No Repeat (dacă nu doriți să repetați imaginea)
Alte setări în WordPress - Dimensiunea imaginii antetului
O altă opțiune de editare a antetului și de ajustare a imaginii este de a seta dimensiunea potrivită. Dimensiunea imaginii antetului are următoarele trei opțiuni:
- Original - se va păstra dimensiunea originală a imaginii
- Copertă - imaginea încărcată va fi redimensionată pentru a se potrivi de la o parte la alta, imaginea poate fi, de asemenea, tăiată pentru a se potrivi
- Conține - dimensiunea imaginii antetului va fi ajustată astfel încât întreaga imagine să fie vizibilă.
De asemenea, puteți seta poziția imaginii în antet și puteți seta fixarea fundalului.
Bloc de acoperire care funcționează ca antet
După cum am menționat deja la începutul acestui articol, există mai multe moduri de a edita antetul în editorul WordPress. Pe lângă utilizarea Customizer, puteți utiliza și unul dintre blocurile de bază ale WordPress numit Cover block. Deci, care este diferența?
Antetul clasic creat cu Customizer se referă la întregul site web, în timp ce blocul Cover vă permite să adăugați o imagine de copertă care funcționează practic ca imagine de antet pentru orice pagină sau postare. Puteți chiar să o utilizați de mai multe ori pe o pagină sau o postare cu setări diferite.
Unde se utilizează Cover block
Blocul de copertă are o aplicare mai largă pe site-ul web în comparație cu antetul clasic al site-ului web. Blocul de copertă adaugă o imagine de titlu largă, pe toată lățimea, în conținut. Îl puteți utiliza pentru a separa vizual conținutul în postările de pe blog. Fiecare secțiune de post va primi propria imagine de antet care poate fi conectată la următorul conținut. O caracteristică grozavă este că puteți scrie text chiar în interiorul blocului Cover. Acest text va fi afișat peste imagine.
Antetul paginii de start
Blocul de copertă poate fi folosit și în locul antetului site-ului, dacă doriți să obțineți un aspect original. Deoarece blocul Cover oferă diverse opțiuni de aliniere, îl puteți seta pe lățimea conținutului sau îl puteți face să fie complet. Antetul cu lățime completă poate fi folosit și ca imagine de fundal mare. Dar nu uitați de dezactivarea titlului paginii în tema Citadela. Acest pas este necesar dacă doriți să utilizați blocul Cover ca antet al site-ului web.
Cum se creează antetul folosind blocul Cover
În primul rând, trebuie să adăugați Blocul de acoperire. Îl puteți adăuga la orice pagină sau postare în felul următor:
Faceți clic pe semnul "+" din bara de sus sau pe semnul "+" oriunde în conținut. După aceea, căutați pur și simplu Cover block.
O altă modalitate rapidă este de a adăuga un bloc folosind "/" după numele blocului.
După adăugarea blocului de copertă, veți obține un spațiu pentru a încărca o imagine sau un videoclip. De asemenea, puteți selecta imaginea din Biblioteca media. Imaginea sau videoclipul selectat va fi folosit ca antet.
Titlul antetului
Lucrul interesant cu antetul adăugat folosind blocul Cover este că puteți scrie titlul textului peste imagine. Acest titlu poate fi folosit și ca antet pentru o secțiune, de exemplu în postările de pe blog. De asemenea, este posibil să adăugați acolo orice URL.
Alinierea blocului de acoperire
Blocul de acoperire poate fi aliniat cu ajutorul barei de instrumente pentru blocuri. Acesta poate fi aliniat în cadrul zonei de conținut la stânga, la dreapta sau în centru. De asemenea, poate fi setat ca fiind lat sau cu lățime completă. Aceste opțiuni trebuie să fie suportate de tema activă pe care o utilizați pentru a vă construi site-ul web.
Setări pentru imaginea de copertă
Aspectul imaginii de copertă poate fi modificat în Inspector. Dacă o setați ca fundal fix, imaginea nu se va derula odată cu restul conținutului paginii, ci va rămâne la locul ei tot timpul.
Folosind Focal Point Picker puteți alege ce parte a imaginii va fi afișată în antet. Puteți lucra cu imaginea chiar mai departe. De exemplu, puteți seta culoarea de suprapunere și opacitatea fundalului. Ambele setări vă vor ajuta să dați ultimele retușuri antetului dumneavoastră. Dacă folosiți Blocul de copertă în interiorul postării de blog, folosind schema de culori și transparența corectă, puteți adăuga atmosfera dorită postării dumneavoastră. Aveți grijă la aceste setări, deoarece textul titlului trebuie să fie clar vizibil.
Efectuarea antetului video
Blocul de copertă poate fi folosit și pentru a reda un videoclip în interiorul antetului site-ului dvs. web. Puteți capta atenția vizitatorilor sau puteți promova un produs sau un serviciu. Există mai multe formate video acceptateCel mai frecvent pe care îl puteți utiliza este .mp4.
Un lucru grozav este că puteți, de asemenea, să scrieți titlul peste videoclip, să îl aliniați, să îl faceți să fie pe toată lățimea sau să setați suprapunerea culorilor. Setările pentru blocul Cover sunt aceleași pentru toate tipurile de media.
Care este experiența dumneavoastră cu anteturile? Ați încercat deja Blocul Cover pentru a crea antet? Preferați antetul clasic al site-ului web folosind personalizatorul WordPress? Spuneți-ne în comentariile de mai jos.