Cum să remediați probleme comune ale imaginilor în WordPress (Ghid complet)

Imaginile sunt o parte cheie a modului în care conținutul dvs. iese în evidență.

Indiferent dacă adăugați imagini de prezentare, galerii sau elemente vizuale inline, asigurarea afișării corecte a tuturor poate necesita o anumită depanare, mai ales pe măsură ce site-ul dvs. crește.

La WPBeginner, am petrecut peste 16 ani ajutând utilizatorii WordPress să rezolve tot felul de provocări legate de imagini, de la probleme de încărcare la ciudățenii de afișare.

În acest ghid pas cu pas, vă vom prezenta cele mai comune probleme legate de imagini în WordPress și vă vom arăta cum să le rezolvați rapid și cu încredere. 🏞️

Deoarece acesta este un articol detaliat, iată lista problemelor legate de imagini pe care le vom aborda în acest articol. Puteți folosi aceste linkuri rapide pentru a sări la un anumit subiect:

• Cum să încărcați imagini în WordPress
• Cum să aliniezi o imagine la stânga sau la dreapta în WordPress
• Cum să adăugați legende sub imagini
• Cum să afișați fotografii pe coloane și rânduri
• Cum să creezi galerii de imagini responsive în WordPress
• Cum să remediați lipsa miniaturilor postărilor / imaginii de prezentare
• Cum să adăugați imagini de copertă în postările și paginile WordPress
• Cum să rezolvi problema imaginii de prezentare care apare de două ori
• Cum să decupezi imagini în WordPress
• Cum să adăugați o imagine de antet în WordPress
• Cum să adăugați o imagine de fundal în WordPress
• Cum să optimizați imaginile pentru WordPress fără a le pierde calitatea
• Cum să adaugi atribute de titlu la imaginile WordPress
• Cum să găsești imagini gratuite pentru postările tale de blog WordPress
• Cum să categorizați și să etichetați imaginile în WordPress
• Cum să imporți imagini externe în WordPress
• Cum să ceri imagini de prezentare obligatorii pentru postările din WordPress
• Cum să setezi o imagine de prezentare implicită în WordPress
• Cum să creezi dimensiuni suplimentare pentru imagini în WordPress
• Cum să împiedici WordPress să genereze dimensiuni de imagini
• Cum să preveniți furtul de imagini în WordPress
• Resurse bonus: Mai multe ghiduri complete WordPress

Cum să încărcați imagini în WordPress

WordPress face extrem de ușor să încarci imagini în postările, paginile și zonele non-conținut, cum ar fi barele laterale.

Pentru a încărca imagini în postările și paginile WordPress, trebuie doar să adăugați blocul Imagine în editorul de conținut.

Puteți adăuga și blocul Imagine tastând pur și simplu /imagine într-un bloc „Paragraf”.

Editorul va începe să afișeze blocuri pe care le puteți insera imediat ce începeți să tastați.

WordPress va adăuga acum blocul Imagine în editorul de conținut.

Trebuie să faceți clic pe butonul „Încărcare” pentru a selecta și încărca imaginea de pe computerul dvs.

Poți selecta, de asemenea, o imagine încărcată anterior din „Biblioteca media”.

După încărcarea imaginii, veți vedea o previzualizare live a imaginii în editor.

Veți vedea, de asemenea, setările imaginii în panoul din dreapta. De acolo, puteți furniza text alternativ pentru imagine, selecta dimensiunea imaginii și personaliza stilul imaginii.

Cum să aliniezi o imagine la stânga sau la dreapta în WordPress

Cu WordPress, alinierea imaginilor la stânga, la dreapta sau la centru este ușoară.

Pur și simplu selectați imaginea făcând clic pe ea, apoi faceți clic pe butonul de aliniere din bara de instrumente a blocului.

Ați observat poate cum unele bloguri populare WordPress folosesc imagini cu text înfășurat în jurul lor.

Acest lucru se face folosind funcția de aliniere.

Alternativ, puteți folosi și blocul „Media & Text” în loc de blocul „Imagine”.

Acest bloc este realizat special pentru a adăuga imagini lângă text.

Puteți apoi să încărcați o imagine și text una lângă alta.

Poți folosi, de asemenea, bara de instrumente a blocului pentru a schimba imaginea sau textul.

Pentru instrucțiuni detaliate, puteți consulta ghidul nostru despre cum să aliniați imaginile folosind editorul de blocuri WordPress.

Cum să adăugați legende sub imagini

WordPress îți permite să adaugi cu ușurință legende pentru imagini. După ce încarci o imagine, vei vedea opțiunea de a adăuga o legendă chiar sub previzualizarea imaginii.

Similar, puteți adăuga și legende galeriilor de imagini în WordPress. Pentru mai multe detalii, vă rugăm să consultați ghidul nostru despre cum să adăugați legende la imagini în WordPress.

Cum să afișați fotografii pe coloane și rânduri

Adesea, utilizatorii ne întreabă cum să afișeze frumos fotografiile în coloane și rânduri.

Să spunem că doriți să partajați fotografii de la o petrecere de ziua de naștere sau de vacanță. Le puteți adăuga una câte una într-o postare, dar acest lucru va arăta ca o listă lungă de imagini.

Modul mai bun de a vă grupa fotografiile este prin crearea de galerii de imagini.

WordPress vine cu un bloc încorporat „Galerie” care vă permite să adăugați cu ușurință imagini în rânduri și coloane cu previzualizări miniaturale.

Pur și simplu adaugă blocul „Galerie” în editorul de postări și selectează imaginile pe care dorești să le încarci.

Pentru instrucțiuni mai detaliate, consultați ghidul nostru despre cum să creați o galerie de imagini în WordPress.

Cum să creezi galerii de imagini responsive în WordPress

Veți observa că galeriile de imagini implicite din WordPress nu au mai multe funcționalități. De exemplu, nu sunt nici foarte ușor de navigat.

Dacă încărcați frecvent imagini și fotografii pe site-ul dvs. WordPress, atunci veți avea nevoie de un plugin pentru galerii foto WordPress.

Recomandăm utilizarea Envira Gallery. Vă permite să creați cu ușurință galerii de imagini frumoase și complet optimizate pentru dispozitive mobile pe site-ul dvs. WordPress.

Pentru mai multe informații despre plugin, puteți consulta recenzia noastră completă despre Envira Gallery.

Partea cea mai bună este că adaugă funcționalități suplimentare precum albume, șabloane de galerie, partajare socială, prezentări, filigranare, paginare, protecție prin parolă, etichetare, vizualizare pe tot ecranul și multe altele.

Un alt plugin popular pentru galerii foto WordPress este NextGEN Gallery. Acesta oferă multe layout-uri de galerii și o galerie lightbox frumoasă pentru afișarea imaginilor în WordPress.

NextGEN Gallery include, de asemenea, funcționalități puternice pentru fotografi profesioniști, cum ar fi revizuirea fotografiilor, procesarea comenzilor de printare, protecția imaginilor, un add-on Adobe Lightroom, gateway-uri de plată PayPal și Stripe și multe altele.

Pentru mai multe detalii, ați putea dori să consultați recenzia noastră completă despre NextGEN Gallery.

Cum să remediați lipsa miniaturilor postărilor / imaginii de prezentare

Majoritatea temelor WordPress vă permit să afișați proeminent o imagine de prezentare pentru articolele dvs. Să vedem cum să setați o imagine de prezentare în WordPress pentru a evita miniaturile lipsă.

Mai întâi, trebuie să faceți clic pe „Set Featured Image” pentru a încărca miniatura postării dvs.

După încărcarea imaginii, vei putea vedea miniatura postării tale în caseta meta a imaginii de prezentare, așa cum se vede aici.

Pentru mai multe detalii, consultați ghidul nostru despre cum să adăugați o imagine de prezentare sau o miniatură în WordPress.

Cum să adăugați imagini de copertă în postările și paginile WordPress

Imaginile de copertă sunt imagini largi sau pe toată lățimea, care pot fi folosite ca separator între diferite secțiuni ale unui articol sau ale unei pagini de vânzări lungi.

Sunt foarte captivante și ajută utilizatorii să scaneze cu ușurință o pagină fără a se simți copleșiți de prea mult text.

Pentru a adăuga o imagine de copertă, trebuie doar să adăugați blocul Copertă în editor.

În continuare, trebuie să încarci imaginea pe care vrei să o folosești de pe computerul tău sau să selectezi una din Biblioteca Media. Dacă nu vrei să folosești o imagine, poți selecta și un fundal colorat ca și copertă.

Veți vedea acum o previzualizare live a imaginii de copertă în editorul de blocuri. Puteți schimba opțiunile de afișare a imaginii de copertă din bara de instrumente a blocului sau puteți folosi setările din dreapta.

Pentru a afla mai multe, consultă ghidul nostru despre diferența dintre imaginea de copertă vs. imaginea de prezentare în WordPress și cum să le folosești eficient.

Cum să rezolvi problema imaginii de prezentare care apare de două ori

Inserarea imaginii de prezentare în conținut este o greșeală comună făcută de începători.

Odată ce ați setat o imagine de prezentare, nu este nevoie să o inserați în postare împreună cu conținutul dvs.

Acest lucru va face ca imaginea dvs. de prezentare să apară de două ori. O dată ca imagine de prezentare și o dată ca imagine în interiorul postării.

Puteți adăuga alte imagini în postarea dvs., dar imaginea principală merge în caseta de imagine principală.

Pentru mai multe detalii, nu ezitați să citiți ghidul nostru despre cum să remediați imaginile de prezentare care apar de două ori în postările WordPress.

Cum să decupezi imagini în WordPress

Când încărcați imagini de pe telefon sau cameră, acestea sunt de obicei prea mari.

WordPress creează automat dimensiuni mici, medii și mari pentru imaginea originală încărcată. Dar uneori, este posibil să fie nevoie să decupați imaginea la o dimensiune diferită.

WordPress nu este Photoshop, dar vine cu câteva funcții de editare de bază a imaginilor precum scalarea, tăierea, răsturnarea și rotirea imaginilor.

Pur și simplu accesați Media » Adăugare Nou și încărcați imaginea. După încărcarea imaginii, veți vedea un link „Editare” lângă imaginea încărcată.

Făcând clic pe ea se va deschide ecranul „Editare media”, unde veți vedea un buton „Editare imagine” chiar sub imagine. Aceasta va deschide editorul de imagini WordPress.

De aici, poți face clic pe butonul „Editează imaginea” de sub previzualizarea imaginii. Aceasta va deschide ecranul de editare a imaginii.

Pe ecranul editorului de imagini, veți vedea butoane pentru a efectua sarcini de bază de editare a imaginilor, cum ar fi decuparea, rotirea, redimensionarea etc.

Dacă utilizați editorul de blocuri, puteți decupa imaginile folosind funcția de decupare încorporată în bara de instrumente a imaginii.

Pur și simplu faceți clic pe un bloc de imagine și selectați pictograma „Decupați” din bara de instrumente.

După aceea, puteți ajusta raportul de aspect al imaginii și zona decupată a imaginii după preferință.

Puteți folosi raportul de aspect original sau unul predefinit de WordPress.

Pentru instrucțiuni mai detaliate, puteți consulta ghidul nostru despre cum să decupați, rotiți, scalați și inversați imaginile în WordPress.

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

O imagine de antet în WordPress este o caracteristică a temei. Multe teme gratuite și premium WordPress vin cu suport pentru imagini de antet.

Unele teme WordPress vă permit să setați o imagine de antet la nivelul întregului site, în timp ce altele vă permit să setați o imagine de antet doar pentru pagina de pornire.

Puteți încărca propria imagine personalizată pentru antet din pagina Aspect » Personalizare.

Dacă utilizați o temă bazată pe blocuri, locația pentru editarea antetului temei dvs. este diferită.

Mai întâi, trebuie să accesați Aspect » Editor.

Apoi, selectează „Modele”.

Acest lucru vă va duce la o pagină unde puteți accesa modelul antetului temei dvs.

După aceea, veți dori să derulați în jos la secțiunea „Părți de șablon”.

Odată ce ați făcut acest lucru, selectați doar „Antet” și faceți clic pe șablonul de antet pentru a-l edita.

De acolo, puteți adăuga un bloc de imagine la antetul modelului, așa cum ați face în prima secțiune a acestui articol.

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

La fel ca imaginea de antet personalizată, o imagine de fundal personalizată este o caracteristică a temei WordPress. Multe teme WordPress suportă imagini de fundal personalizate.

Vizitați Aspect » Personalizare pentru a lansa „Personalizatorul temei”.

Dacă puteți vedea opțiunea „Imagine de fundal”, atunci tema dvs. are suport pentru fundaluri personalizate.

Este o caracteristică a temei, motiv pentru care variază de la o temă la alta. În funcție de tema dvs., veți vedea diferite opțiuni pentru stilizarea imaginii de fundal.

Dacă tema dvs. nu suportă o imagine de fundal, puteți folosi un plugin pentru a adăuga imagini de fundal pe tot ecranul pe site-ul dvs.

Cum să optimizați imaginile pentru WordPress fără a le pierde calitatea

Una dintre cele mai comune probleme legate de imagini cu care se confruntă utilizatorii WordPress este cum să comprime imaginile fără a pierde calitatea. 

Pe lângă faptul că sunt mai rapide la încărcare, imaginile optimizate se încarcă mai repede în partea frontală, ceea ce îmbunătățește experiența utilizatorului și reduce rata de respingere. Acest lucru se datorează faptului că acestea consumă mai puțină lățime de bandă, economisind utilizarea datelor pentru utilizatorii cu conexiuni la internet limitate. 

Motoarele de căutare iau în considerare și viteza paginii atunci când clasifică site-urile web. Imaginile optimizate contribuie la timpi de încărcare mai rapizi, sporind potențial clasamentul dvs. în căutare.

Din fericire, optimizarea imaginilor este un lucru destul de ușor de făcut. Tot ce ai nevoie este un instrument bun de optimizare a imaginilor precum Optimole pentru a procesa imaginile.

Pentru mai multe informații, consultați ghidul nostru despre cum să optimizați imaginile fără a pierde calitatea.

În plus, ați putea lua în considerare încărcarea leneșă a imaginilor. Această tactică va împiedica browserele să încarce imaginile de pe site-ul dvs. până când utilizatorul derulează în jos la locația imaginii.

Cum să adaugi atribute de titlu la imaginile WordPress

Deși nu sunt esențiale pentru funcționarea imaginii, atributele de titlu oferă o scurtă descriere a imaginii care apare atunci când un utilizator trece cu mouse-ul peste ea.

Acest lucru poate îmbunătăți experiența utilizatorului, oferind context suplimentar vizitatorilor dumneavoastră. De exemplu, dacă aveți o imagine cu un tort delicios de ciocolată, un atribut de titlu precum „Tort de ciocolată de casă” poate fi util.

Atributele titlului pot fi, de asemenea, benefice pentru SEO WordPress. Deși nu afectează direct clasamentul în căutare, ele pot ajuta motoarele de căutare să înțeleagă conținutul imaginii dvs. și să îmbunătățească accesibilitatea site-ului dvs.

Pentru instrucțiuni pas cu pas, consultați ghidul nostru despre cum să adăugați atribute title imaginilor dvs. în WordPress.

Cum să găsești imagini gratuite pentru postările tale de blog WordPress

Imaginile pot face ca articolele dvs. să iasă în evidență. Cu toate acestea, trebuie să respectați drepturile de autor ale altor persoane și să găsiți imagini pe care aveți voie legal să le utilizați.

Cititorii noștri ne întreabă adesea cum să găsească cele mai bune imagini, fără drepturi de autor, pe care să le folosească în postările lor.

Există multe site-uri web unde poți găsi imagini fără drepturi de autor de utilizat. Cu toate acestea, vei observa curând că imaginile de pe aceste site-uri par suprasolicitate și generice.

Puteți consulta lista noastră cu cele mai bune surse pentru imagini gratuite din domeniul public și licențiate CC0 pentru mai multe referințe.

Alternativ, puteți utiliza, de asemenea, AI pentru a genera imagini unice și pentru a face ca imaginile dvs. să iasă în evidență față de concurență.

Cum să categorizați și să etichetați imaginile în WordPress

Dacă aveți un blog de fotografie, veți observa că WordPress nu vă permite să sortați fotografii și imagini.

Nu ar fi grozav dacă ați putea adăuga etichete imaginilor dvs., astfel încât dvs. și utilizatorii dvs. să le puteți naviga cu ușurință?

Din fericire, există câteva pluginuri excelente care vă permit să faceți exact acest lucru. Pentru mai multe detalii, consultați articolul nostru despre cum să adăugați categorii și etichete în biblioteca media WordPress.

Pentru un blog legat de fotografie, cea mai bună opțiune este să folosești Envira Gallery, care vine cu un add-on pentru a adăuga etichete.

Envira Gallery vă permite să creați galerii foto frumoase, gata pentru mobil, în WordPress. Folosind etichete, utilizatorii dvs. pot filtra și sorta cu ușurință fotografiile fără a reîncărca pagina. Consultați recenzia noastră detaliată despre Envira Gallery pentru mai multe informații despre plugin.

Cum să imporți imagini externe în WordPress

Această întrebare apare frecvent atunci când vă migrați site-ul pe WordPress. Unele imagini de pe site-ul dvs. web ar putea încă să indice o locație mai veche.

Acest lucru este valabil mai ales pentru utilizatorii care imporă bloguri de pe Blogger, Squarespace sau WordPress.com.

Deși imaginile de pe site-ul dvs. pot apărea corect, acestea sunt încă încărcate dintr-o sursă externă. Pentru a rezolva această problemă, tot ce trebuie să faceți este să instalați și să activați pluginul Auto Upload Images.

Pluginul va verifica imaginile externe odată ce actualizați sau salvați orice postare sau pagină. Puteți face acest lucru manual pentru fiecare postare sau pagină, sau puteți edita în masă toate postările și pur și simplu faceți clic pe butonul de actualizare.

Pentru instrucțiuni detaliate, consultați ghidul nostru despre cum să importați imagini externe în WordPress.

Cum să ceri imagini de prezentare obligatorii pentru postările din WordPress

Când rulezi un site cu mai mulți autori în WordPress, este posibil ca unii dintre autorii tăi să nu fie familiarizați cu funcționalitatea imaginii de prezentare.

În acest caz, ați putea dori să vă amintiți dvs. sau utilizatorilor dvs. să încărcați o imagine de prezentare de fiecare dată când trimit un articol în WordPress.

Puteți face acest lucru instalând și activând pluginul PublishPress Checklists.

Odată activat, pluginul va afișa o pictogramă cu un semn exclamativ roșu și o filă „Listă de verificare” care informează utilizatorii că postarea necesită o imagine de prezentare.

Tu și utilizatorii tăi veți putea salva postările ca schițe, dar nu veți putea publica postarea până când nu adăugați o imagine de prezentare.

Consultați articolul nostru despre cum să solicitați imagini de prezentare pentru postările din WordPress pentru mai multe instrucțiuni.

Cum să setezi o imagine de prezentare implicită în WordPress

Găsirea imaginii de prezentare perfecte pentru fiecare postare sau articol este o sarcină dificilă. Uneori, s-ar putea să nu doriți să adăugați o imagine de prezentare la o postare, dar tema dvs. ar putea arăta ciudat fără una.

Aici poate fi utilă o imagine de prezentare implicită. O imagine de prezentare implicită este utilizată atunci când un articol nu are o imagine de prezentare proprie.

Puteți seta o imagine de prezentare implicită folosind pluginul Default featured image.

Pentru mai multe instrucțiuni, vă rugăm să consultați ghidul nostru despre cum să setați o imagine implicită în WordPress.

Cum să creezi dimensiuni suplimentare pentru imagini în WordPress

În mod implicit, WordPress creează și salvează diferite dimensiuni ale imaginilor încărcate, inclusiv miniaturi. Tema dvs. WordPress poate genera, de asemenea, diferite dimensiuni de imagini.

Dacă doriți să creați dimensiuni suplimentare pentru imagini pe site-ul dvs. WordPress, atunci va trebui să le înregistrați adăugând cod personalizat în fișierul functions.php al temei dvs.

Pentru a afla mai multe, vă rugăm să consultați ghidul nostru despre cum să creați dimensiuni suplimentare pentru imagini în WordPress.

Cum să împiedici WordPress să genereze dimensiuni de imagini

Așa cum am explicat anterior, WordPress creează mai multe dimensiuni de imagini pentru încărcările dvs., inclusiv miniaturi, medii și dimensiuni mari. Acestea sunt utile pentru afișarea imaginilor în diferite contexte pe site-ul dvs.

Cu toate acestea, dacă utilizați dimensiuni personalizate ale imaginilor sau doriți să optimizați spațiul de stocare al site-ului dvs. web, puteți împiedica WordPress să genereze aceste dimensiuni suplimentare.

Pentru a afla cum să faceți acest lucru, puteți citi tutorialul nostru despre cum să previi generarea de dimensiuni multiple ale imaginilor în WordPress.

Cum să preveniți furtul de imagini în WordPress

Uneori, utilizatorii pot fura imagini de pe site-ul dvs. WordPress pentru a le folosi pe propriile site-uri. Acest lucru poate fi foarte frustrant, mai ales dacă faceți propriile fotografii sau creați propriile grafice.

Din fericire, puteți preveni furtul de imagini dezactivând clic dreapta, adăugând o filigran la imaginile dvs., dezactivând hotlinking-ul și adăugând notificări de copyright.

Pentru a afla mai multe, vă rugăm să consultați ghidul nostru despre cum să preveniți furtul de imagini în WordPress.

Resurse bonus: Mai multe ghiduri complete WordPress

Sperăm că acest articol v-a ajutat să remediați unele dintre cele mai frecvente probleme legate de imagini în WordPress. Dacă doriți să aprofundați optimizarea WordPress, consultați aceste ghiduri:

• Cum să schimbi corect o temă WordPress
• Ghidul complet pentru editarea unui site WordPress
• Ghidul complet pentru backup-ul site-ului dvs. WordPress
• Ghidul complet pentru creșterea performanței WordPress
• Ghidul complet pentru întreținerea WordPress
• Ghidul începătorului pentru depanarea erorilor WordPress
• Cum să resetezi baza de date WordPress la setările implicite

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.