Imagine de copertă vs. Imagine de prezentare în editorul de blocuri WordPress (Ghid pentru începători)

Când am început să folosesc WordPress, am confundat adesea imaginile de prezentare cu imaginile de copertă. Ca urmare, unele dintre primele mele postări de pe blog nu au atins ținta. Fie le lipseau elemente vizuale cheie, fie imaginile erau plasate greșit, lăsând designul un pic nefinisat.

Din fericire, am învățat rapid că aceste două tipuri de imagini au roluri unice și importante.

Imaginile de copertă sunt utilizate în conținutul dvs. pentru a stabili tonul și a angaja cititorii. În schimb, imaginile de prezentare acționează ca un rezumat vizual, prezentând esența postării dvs. înainte ca aceasta să fie deschisă.

În acest ghid, voi împărtăși tot ce am învățat despre imaginile de copertă și imaginile de prezentare în editorul de blocuri WordPress.

Înainte de a discuta specificul utilizării imaginilor de copertă și de prezentare în WordPress, iată o scurtă prezentare generală a ceea ce voi acoperi:

• Ce este o imagine de copertă?
• Ce este o imagine de antet?
• Cum să adaugi o imagine de copertă în WordPress
• How to Add a Featured Image in WordPress

Ce este o imagine de copertă?

O imagine de copertă este imaginea principală care apare de obicei în partea de sus a unui post. Imaginile de copertă pot fi și videoclipuri, dar acest lucru este mai comun pentru conținutul Facebook sau YouTube.

Imaginile de copertă captează imediat atenția cititorului și stabilesc tonul general al conținutului, oferind o introducere vizuală la ceea ce urmează.

Am observat că imaginile de copertă sunt populare printre bloggeri, marketeri și creatori care le folosesc pentru a face postările mai captivante.

Sunt deosebit de comune pe site-urile web care se bazează puternic pe povestiri sau conținut vizual, cum ar fi călătoriile, stilul de viață și portofoliile.

Blocul „Copertă” din WordPress vă permite să adăugați o imagine de copertă. De asemenea, vă permite să adăugați text și suprapuneri de culori imaginilor dvs.

Puteți personaliza, de asemenea, aceste suprapuneri pentru a se potrivi cu culorile site-ului dvs. sau pentru a seta atmosfera pentru diferite secțiuni de conținut. Mai târziu în articol, vă voi arăta mai multe despre această opțiune de personalizare.

Pentru cel mai bun aspect, recomand utilizarea imaginilor de copertă de 1920×1080 pixeli. Această dimensiune asigură că imaginile sunt de înaltă calitate și umplu frumos zona de sus a postărilor dvs.

Ce este o imagine de antet?

O imagine de prezentare este ca fața postării tale de pe blog, oferind o reprezentare vizuală care atrage cititorii.

Cunoscută și sub denumirea de miniatură postare, aceasta apare pe pagina de pornire și pe paginile de arhivă ale blogului. De asemenea, apare pe fluxurile de social media atunci când un articol este partajat.

Aceste imagini sunt create pentru a fi atrăgătoare vizual, încurajând cititorii să facă clic și să exploreze blogul dvs. WordPress sau site-ul web.

De exemplu, la WPBeginner, eu și echipa mea ne asigurăm că fiecare imagine de prezentare este unică, menținând în același timp stilul consecvent al mărcii noastre.

Rețineți că imaginile de prezentare depind de tema WordPress pe care o utilizați, deoarece tema decide cea mai bună dimensiune pentru aceste imagini.

De exemplu, multe teme optează pentru un raport de aspect standard de 16:9, folosind dimensiuni precum 680×382 pixeli. Unele teme ar putea chiar folosi imagini de prezentare ca imagini de antet, cu dimensiuni precum 1200×675 pixeli.

Dacă aveți nevoie de informații mai detaliate, consultați acest ghid cuprinzător despre dimensiunile imaginilor WordPress.

Cum să adaugi o imagine de copertă în WordPress

Editorul de blocuri WordPress, cunoscut și sub denumirea de Gutenberg, face foarte simplă adăugarea imaginilor de copertă folosind blocul util Copertă.

Pentru a începe, trebuie să creați o postare nouă accesând Postări » Adaugă Postare.

De asemenea, îl puteți edita pe cel pe care îl aveți deja navigând la Postări » Toate postările, găsind postarea pe care doriți să o editați și făcând clic pe titlul postării pentru a o deschide în editor.

În editorul de postări, atingeți butonul „+” pentru a adăuga un bloc nou și selectați blocul „Copertă” din listă.

Veți găsi blocul „Copertă” sub fila „Media”. Alternativ, puteți tasta și „/copertă” în câmpul de căutare a blocurilor pentru a-l găsi cu ușurință.

După selectarea blocului „Copertă”, îl veți vedea apărând în editorul de conținut. Acum sunteți gata să adăugați imaginea de copertă.

Pur și simplu trageți și plasați imaginea sau videoclipul preferat în zona blocului. Alternativ, puteți apăsa butonul „Încărcare” pentru a selecta un fișier de pe computer.

Și dacă aveți deja ceva grozav în biblioteca media, faceți clic pe butonul „Media Library” pentru a alege o imagine din galeria media.

Apăsați butonul „Selectare” pentru a adăuga imaginea la postare.

Acum, este timpul să o personalizați.

Pur și simplu faceți clic pe imagine și se va deschide o bară de instrumente pentru ajustări. Panoul din dreapta oferă și mai multe opțiuni.

Să începem prin adăugarea unui titlu. Pur și simplu faceți clic pe zona „Scrieți titlul…” din mijlocul imaginii de copertă și tastați textul dvs.

Veți avea opțiuni de formatare la îndemână care apar deasupra textului pentru personalizare.

Apoi, verificați panoul din partea dreaptă pentru setări suplimentare.

Aici, veți vedea două file – „Setări” și „Stiluri”.

În fila „Setări”, puteți personaliza opțiunile de aspect. Implicit, aspectul este setat la lățime completă, deci puteți lăsa această setare așa cum este.

Apoi, alegeți între un fundal fix sau repetat pentru a se potrivi designului dvs. Un fundal fix este perfect pentru a crea un efect de paralaxă, oferind imaginii dvs. un sentiment dinamic. Un fundal repetat ajută atunci când utilizați imagini în mozaic.

Apoi, ajustați punctul focal al imaginii pentru a evidenția părțile esențiale. Puteți seta, de asemenea, rezoluția pentru a alege cât de clare doriți să fie imaginile dvs.

Treceți apoi la fila „Stiluri” și ajustați opacitatea suprapunerii. Aceasta se referă la cât de transparentă este un strat de culoare pe imaginea dvs.

Implicit, este setată la o transparență de 50%, dar o puteți ajusta pentru a se potrivi stării de spirit a postării dvs. Acest lucru ajută la asigurarea că textul rămâne ușor de citit, permițându-vă în același timp să controlați cât de multă culoare apare.

În cele din urmă, puteți experimenta cu filtre pentru a schimba stilul imaginii dvs. Încercați diferite filtre pentru a găsi cea mai potrivită pentru postarea dvs.

Pentru cei cărora le place să fie creativi, accesați setările Avansate pentru a adăugați CSS personalizat și pentru a oferi imaginii dvs. de copertă o notă unică.

Și gata! Nu ezitați să repetați acești pași pentru a adăuga mai multe imagini de copertă dacă postarea dvs. are nevoie de ele, creând o experiență de lectură dinamică și captivantă.

Odată ce ați terminat, nu ezitați să previzualizați și să publicați postarea pentru a vă asigura că totul arată bine pe partea frontală.

Cum să adăugați o imagine de prezentare în WordPress

Adăugarea unei imagini de prezentare la postarea dvs. WordPress este o modalitate simplă de a o face să iasă în evidență. Procesul este aproape același ca și adăugarea unei imagini de copertă.

Indiferent dacă sunteți nou în blogging sau aveți nevoie de o reîmprospătare rapidă, iată cum să o faceți.

Pentru început, deschideți postarea pe care doriți să o editați. Caseta meta pentru Imaginea de prezentare se află în dreapta.

Pur și simplu faceți clic pe opțiunea ‘Setare imagine de prezentare’ pentru a începe.

Acum, să adăugăm imaginea dvs. de prezentare.

Puteți încărca o imagine nouă fie folosind încărcătorul drag-and-drop, fie selectând o imagine din biblioteca dvs. media.

După aceea, puteți adăuga un titlu și text alternativ pentru imaginea de prezentare, apoi faceți clic pe butonul „Set featured image”. Ați adăugat cu succes o imagine de prezentare articolului dvs.!

Pentru instrucțiuni mai detaliate, puteți citi ghidul nostru pentru începători despre adăugarea imaginilor de prezentare în WordPress.

După ce ați adăugat imaginea de prezentare, o puteți personaliza. Cu toate acestea, opțiunile de personalizare vor depinde de tipul de temă WordPress pe care o utilizați.

În acest pas, voi explora două metode pentru a vă personaliza imaginile de antet: utilizând un personalizator de temă și editorul de site complet (FSE).

Utilizarea personalizatorului de temă

Această metodă funcționează pentru temele clasice în general, dar voi folosi tema Sydney pentru acest articol. Sydney oferă opțiuni de design ușor de utilizat, care fac ca îmbunătățirea aspectului site-ului dvs. să fie simplă.

Pentru a începe, mai întâi trebuie să instalați și să activați tema. Dacă aveți nevoie de ajutor, citiți ghidul echipei mele despre instalarea unei teme WordPress.

Apoi, începeți prin a naviga la tabloul de bord WordPress și accesați Aspect » Personalizare. Aceasta va deschide Personalizatorul.

Aici, puteți ajusta multe aspecte ale prezentării vizuale a site-ului dvs., inclusiv imaginea de prezentare.

În cadrul personalizatorului, puteți explora și secțiuni precum „Antet” pentru a accesa setările legate de imaginile de prezentare.

De asemenea, puteți ajusta presetările antetului și aspectul mobil. Odată ce sunteți mulțumit de modificări, faceți clic pe „Publicați” în partea stângă sus pentru a le salva.

Pentru mai multe detalii, nu ezitați să consultați acest ghid despre utilizarea personalizatorului de teme.

Utilizarea unui editor de site complet (FSE)

Pentru cei care folosesc teme bazate pe blocuri, Editorul Complet al Site-ului (FSE) vă permite să adaptați imaginile dvs. de prezentare pentru a se potrivi perfect cu restul conținutului dvs.

Începeți prin a accesa Aspect » Editor din panoul de administrare WordPress. Aceasta va deschide editorul site-ului.

Odată ajuns în editor, accesați Navigare » Stiluri. Apoi, derulați în jos și alegeți „Blocuri” din listă.

Aceasta va deschide lista de blocuri pe care le puteți personaliza în editor.

În continuare, căutați blocul „Imagine de prezentare”. Pentru a-l găsi mai repede, puteți tasta „imagine de prezentare” în bara de căutare.

Aici veți vedea opțiunile de personalizare pentru imaginea dvs. de prezentare, inclusiv modificarea dimensiunilor (spațiere și margini).

Puteți adăuga, de asemenea, marginea, umbra și raza imaginii. Nu ezitați să experimentați cu aceste setări și să vedeți cum afectează aspectul imaginii dvs. de prezentare.

Odată ce sunteți mulțumit de modificări, acordați-vă un moment pentru a le previzualiza înainte de publicare. Acest lucru asigură că totul arată perfect pe toate dispozitivele.

Dacă aveți nevoie de mai multe informații, consultați ghidul nostru complet pentru începători despre editarea completă a site-ului WordPress.

Ghiduri experte despre imaginile WordPress

Consultați aceste instrumente și sfaturi utile pentru a vă îmbunătăți imaginile WordPress:

• Cele mai bune pluginuri și instrumente pentru imagini de prezentare pentru WordPress (comparate)
• Cum să decupați și să editați miniaturi de postări WordPress
• Cum să creezi dimensiuni suplimentare pentru imagini în WordPress
• Cum să adăugați o imagine erou în WordPress (Funcționează pentru toate temele)
• Text alternativ imagine vs. titlu imagine în WordPress – Care este diferența?
• Cum să optimizați imaginile pentru performanța web fără a pierde calitatea
• Modalități de a preveni furtul de imagini în WordPress

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.