Lucrul cu blocul de imagini WordPress: Cum să adăugați imagini în WordPress [+Sfat secret]

Pentru mulți utilizatori, lucrul cu imagine poate fi cu adevărat frustrant. Nu este întotdeauna ușor să alegeți raportul de aspect corect sau să redimensionați corect imaginile pentru a arăta bine în întregul aspect.

1. De ce să folosiți blocul de imagine WordPress
2. Cum să adăugați imagini cu blocul de imagini WordPress
3. Procesul suplimentar de formatare a imaginilor
4. Sfat suplimentar de la noi în cadrul articolului

Versiunile mai vechi de WordPress (până la v5.0) adaugă imagini folosind butonul +Add Media. Problema a fost că, chiar și cu o modificare minimă a dimensiunii imaginii, ar trebui să o încărcați din nou. Înseamnă pierdere de timp și clicuri redundante.

Noul editor bazat pe blocuri Gutenberg schimbă modul în care se adaugă imagini în WordPress pentru a simplifica acest proces pentru utilizatorii finali. În acest articol vă vom arăta un ghid practic despre adăugarea și editarea blocului de imagine WordPress. În plus, vom explica încă o opțiune de lipire a imaginilor – cum să copiați și să lipiți o imagine în zona de conținut cu doar câteva clicuri. De asemenea, vă vom prezenta funcții nou adăugate care provin din WP 5.3.

Dar mai întâi să vorbim despre de ce ar trebui să folosești imagini în postări și pagini.

De ce este blocul de imagini WordPress obligatoriu pentru site-ul dvs

Atrage atentia

Imaginile atrag atenția vizitatorilor site-ului. Trebuie să fie interesante pentru a menține vizitatorii pe site-ul dvs. mai mult timp. Gândiți-vă la o postare pe blog fără imagini. Este doar o grămadă de text. La prima vedere nu este foarte interesant deși ar putea fi valoros și plin de informații. În plus, fotografiile vă pot ajuta să vă imaginați și să vă descrieți mai bine subiectul.

Din acest motiv, trebuie să folosim blocul de imagine WordPress pentru a concentra atenția asupra lucrurilor importante.

Text ilustrativ și context

Imaginile sunt, de asemenea, o parte esențială pentru înțelegerea conținutului, deoarece permit vizitatorilor să înțeleagă mai bine despre ce este vorba despre articol. Datorită infograficelor, puteți explica conexiunile complicate și puteți spune lucrurile într-un mod simplu. Îi ajută pe vizitatori să se orienteze mai bine în problema despre care vorbiți.

Faceți site-ul mai frumos

În plus, imaginile pun frumos tușă finală întregului design al site-ului. Nu este vorba doar de aspectul site-ului, ci și de utilizare. Imaginea aleasă și plasată corect poate ajuta vizitatorul să navigheze mai ușor pe site-ul dvs.

Cum să adăugați imagini în editorul de blocuri WordPress

Pentru a insera o imagine în Postare sau Pagină, trebuie să adăugați bloc de bază – Bloc imagine. Există mai multe moduri de a face acest lucru:

– Folosind „+” în bara de sus sau oriunde în editor

– Folosind slash „/“ și scrieți ulterior cuvântul „imagine”.

Va fi creat un nou bloc unde puteți adăuga imagini reale.

Încărcarea imaginilor în WordPress

Cum să pui imagini acolo unde vrei?

• Utilizați Încărcare și selectați o imagine de pe hard disk
• Utilizați Biblioteca media, unde puteți selecta imaginile care au fost deja încărcate pe site-ul dvs. web
• Folosiți mouse-ul și glisați și plasați imaginea
• Introduceți adresa URL a imaginii

Metodă mai puțin cunoscută de a adăuga imagini WordPress

Pe lângă încărcarea imaginilor prin fereastra de încărcare, așa cum am menționat mai devreme, există o altă modalitate de a insera imaginea (și este o modalitate atât de rapidă!). Cu un editor WordPress îmbunătățit, puteți:

• Copiați imaginea din orice conținut sau
• Doar „trageți” imaginea cu cursorul mouse-ului

Și apoi inserați sau mutați (plasați) imaginea selectată în locația dorită din zona de conținut.

Aceeași tehnică pe care o puteți folosi și în cazul în care doriți să lipiți o imagine capturată de pe ecran. Sunt necesari doar trei pași simpli. Primul, trebuie să faci o captură de ecran folosind funcția de imprimare a ecranului. De exemplu, Windows 10 oferă instrumentul său implicit Snippet numit Snip & Sketch, care este disponibil și printr-o comandă rapidă - trebuie doar să apăsați simultan tastele Win+Shift+S de pe tastatură. Apoi selectați zona imaginii pe care doriți să o capturați. Ultimul pas este să lipiți imaginea copiată (sau o parte a acesteia) în zona de conținut folosind comanda rapidă de bază Ctrl+V.

Și ce se întâmplă cu imaginea WordPress pe care ați inserat-o în editorul dvs.? Ei bine, este adăugat automat în Biblioteca Media unde puteți edita această imagine.

Opțiuni limitate pentru metadatele imaginii

În editarea imaginii, puteți seta titlul, legenda, descrierea și textul alternativ. Din păcate, nu puteți schimba numele fișierului imagine – acesta își va păstra numele generat automat, cum ar fi imagine-1.png și așa mai departe. Acest tip de nume de fișier poate fi un mic dezavantaj în ceea ce privește optimizarea SEO din cauza conflictului cu recomandările de denumire a fișierelor. Prin urmare, trebuie să luați în considerare acest aspect înainte de a muta imaginile WordPress în zona de conținut.

Alinierea imaginii

Alinierea imaginii este una dintre caracteristicile principale. Indiferent dacă adăugați bloc de imagine WordPress în Postare sau Pagina, ar trebui să luați în considerare întotdeauna plasarea în funcție de designul site-ului. Pe baza acestei imagini, alinierea poate fi aleasă în bara de instrumente de deasupra acesteia. În mod implicit, puteți alinia imaginea la stânga, la dreapta sau la centru. Unele teme WordPress permit ca imaginile să fie centrate ca lățime sau lățime completă. Depinde într-adevăr de caracteristicile temei, deoarece nu toate temele îl acceptă.

Redimensionarea imaginilor

Caracteristica revoluționară a blocului de imagini în editorul WordPress este redimensionarea practică. Pur și simplu trageți partea laterală a imaginii pentru a o face mai mică sau mai mare. În acest fel, puteți modifica dimensiunea imaginii în funcție de textul din conținut. Editorul păstrează automat proporțiile imaginii, ceea ce înseamnă că nu trebuie să vă faceți griji cu privire la deformări.

Nou stil de bloc care transformă o imagine într-o formă de cerc

Dacă utilizați cea mai recentă versiune disponibilă de WordPress, este posibil să fi observat un nou stil de tăiere în cerc pe care îl puteți utiliza pentru imaginea dvs. Forma imaginii poate fi schimbată prin bara de instrumente de sus făcând clic pe prima pictogramă „Schimbați tipul sau stilul blocului”. Forma implicită (dreptunghiulară) va fi tăiată într-o formă de cerc.

Caracteristici noi în blocul Imagini WordPress (adăugat în WP 5.3)

Suport pentru imagini de înaltă rezoluție

Unul dintre cele mai importante aspecte ale WP 5.3 este procesarea îmbunătățită a imaginii pe platforma WordPress. Lucrul cu imagini are acum două caracteristici principale:

1. Reluarea încărcării – Dacă încărcați fotografii de înaltă rezoluție și conexiunea la internet eșuează, procesul de încărcare va continua automat din punctul întrerupt
2. Rotirea automată a imaginii – cea mai recentă versiune WP lansată asigură că imaginile rotite incorect se rotesc automat în poziția corectă pe măsură ce sunt încărcate

Setări în Inspector

Pentru a configura dimensiunile exacte, puteți utiliza Inspectorul din bara laterală din dreapta a editorului. Setările pentru dimensiunea imaginii oferă formate gata de utilizare, cum ar fi miniatură, dimensiune medie, mare sau întreagă. Puteți seta lățimea și înălțimea în pixeli sau procente, desigur.

Este foarte rapid și practic, deoarece puteți face toate modificările de redimensionare a imaginii chiar în blocul de imagini WordPress și totul într-un singur loc în editorul de blocuri.

Alte imagini blochează setările

Cum să adăugați adresa URL

Imaginile pot fi folosite ca imagini statice sau pot fi, de asemenea, pe care se poate face clic și se pot trimite la:

•   Fișier media
•   Pagină atașată
•   adresa URL personalizată

Cum să editați imaginea în blocul de imagini WordPress

Fiecare imagine poate fi editată după ce faceți clic pe pictograma creion. Se va deschide fereastra modală cu Media Library unde puteți scrie alt text, titlu, legenda și descriere. La fel cum te-ai obișnuit deja să o faci în versiunea mai veche de WordPress cu editorul clasic.

De ce este important să fie completate aceste texte?

Dacă vizitatorii dau clic pe imagine pentru a o vedea mai mare, ei vor vedea titlul imaginii (de exemplu, pagina de pornire Citadela) și nu numele fișierului imaginii. De asemenea, dacă există vreo problemă cu încărcarea imaginii, textul alternativ va fi afișat pe site-ul dvs. web.

Sfaturi suplimentare

Pe lângă toate aceste motive și setări pentru blocurile de imagini WordPress, există cel mai important lucru. Puteți obține mai mulți vizitatori pe site-ul dvs. folosind imagini. Deci, cum să le obțineți?

În zilele noastre, oamenilor le este lene să citească. Ei preferă să deruleze în jos imaginile pentru a găsi răspunsuri. Cum se pot clasa fotografiile și imaginile tale? Textele este răspunsul. Foarte important pentru optimizarea SEO este titlul și descrierea perfectă a imaginii. Nu uitați să completați text alternativ. Atunci Google poate înțelege mai bine imaginea. Deci ai avea o șansă mai mare să-l clasați în rezultatele căutării de imagini.

2 moduri de a adăuga legenda imaginii

Adăugarea legendei imaginii este folosirea editorului de blocuri foarte ușor. Chiar sub imagine există un spațiu pentru a scrie text. Acesta este primul mod - Legenda este scrisă exact în această imagine pe o subpagină dată.

A doua modalitate este să scrieți legenda imaginii folosind pictograma creion (Editați imaginea) în Biblioteca Media. În acest fel, adăugați subtitrări la nivel global pe întregul site. Aceasta înseamnă că dacă utilizați aceeași imagine în trei locuri diferite, va folosi întotdeauna această legendă.

Îți place cât de ușor este să adaugi imagini în blocul de imagini WordPress? Încearcă singur!

Aflați mai multe despre noua noastră temă WordPress Citadela și pachetele sale de layout personalizate. Au fost special concepute și dezvoltate pentru diferite tipuri de afaceri și, de asemenea, susțin noul mod de editare a conținutului prin editorul de blocuri WordPress.