cum să adăugați imagini în WordPress în 2022un Tutorial în adăugarea de imagini în editorii clasici și Gutenberg (+reducerea dimensiunii fișierului)

astăzi, descompunem cum să adăugați imagini în WordPress și să reduceți dimensiunea fișierului (pentru a vă menține paginile & postări care se încarcă cât mai repede posibil).

când înveți doar fundamentele cum să începi un blog, sunt multe de dat seama, înțeleg. Am vorbit despre cum să schimbați dimensiunea fontului, să schimbați culoarea fontului, să faceți un link care poate fi făcut clic și multe altele aici.

vestea bună este că în 2022, este foarte ușor să înveți cum să adaugi imagini în WordPress cu toate actualizările și îmbunătățirile de utilizare pe care le-au văzut în ultimul deceniu.

în acest tutorial rapid, vă voi arăta cum să adăugați imagini în postările WordPress, atât în editorul clasic (pe care prefer să îl folosesc), cât și prin noul lor editor Gutenberg.

acum, să ne scufundăm în adăugarea de imagini la postările dvs.

cum să adăugați imagini WordPress (și să reduceți dimensiunea fișierului) în 2022

1. adăugarea de imagini la postări în editorul clasic WordPress
2. adăugarea de imagini la postări în editorul WordPress Gutenberg
3. adăugarea unei imagini recomandate la o postare în WordPress

Acum repede, înainte de a ne arunca cu capul în acest tutorial despre adăugarea de imagini în WordPress, vă voi arăta cum să reduceți dimensiunea fișierului unei imagini (ajutând postările dvs. să se încarce mai repede) în 2 pași simpli.

instalați (gratuit) comprima JPEG & PNG imagini Plugin de Tiny PNG

puteți descărca gratuit Compress JPEG & PNG Images Plugin pentru WordPress chiar aici din biblioteca de pluginuri WordPress.

alternativ, puteți căuta pluginul și îl puteți instala direct în meniul pluginului dvs., accesibil în partea stângă a secțiunii de administrare a blogului dvs. aici-sau consultați acest tutorial rapid despre cum să instalați un plugin WordPress:

după ce ați instalat pluginul Compress JPEG & PNG Images, fiecare imagine nouă pe care o încărcați pe blogul dvs.

Notă: Acesta este cel mai bun plugin de compresie a imaginii de pe piață de departe. Permite până la 500 de compresii gratuite de imagini pe lună (ceea ce este mult mai mult decât probabil veți avea nevoie) înainte de a fi nevoie să faceți upgrade la un plan plătit la $.009 / imagine dincolo de primul 500 în fiecare lună. Este o afacere serioasă și nu veți găsi un plugin de compresie mai bun care vă oferă mai multe credite gratuite.

cu toate acestea, dacă doriți să faceți compresia imaginii direct pe propriul computer (nelimitat gratuit), atunci vă recomand aplicația ImageOptim.

încărcați imaginile

asta este! Serios, este atât de ușor.

după ce ați instalat pluginul de compresie pe blogul dvs.—sau ați comprimat mai întâi imagini individuale pe computer—sunteți gata să le încărcați în postările sau paginile dvs. din WordPress.

acum, să săpăm exact cum să adăugăm imagini la WordPress.

1. Adăugarea de imagini la postări în editorul clasic WordPress

dacă sunteți ca mine și preferați în continuare aspectul clasic al editorului WordPress pentru adăugarea/editarea postărilor dvs., urmați aici.

pe de altă parte, dacă utilizați editorul Gutenberg mai nou pentru conținutul postării dvs., treceți la următoarea secțiune pentru acea prezentare generală. Dacă nu sunteți sigur ce editor utilizați, aruncați o privire la capturile de ecran de imagine de mai jos și comparați-le cu aspectul editorului dvs. Doriți să utilizați editorul clasic, dar nu sunteți sigur cum să îl obțineți? Luați 2 minute pentru a urmări împreună cu tutorialul simplu al lui Yoast despre instalarea editorului clasic pe blogul dvs.

1. Deschideți postarea la care Adăugați imagini (și găsiți locul potrivit)

mai întâi, va trebui să vă asigurați că vă aflați în postarea la care doriți să adăugați o imagine.

apoi, veți dori să navigați cursorul la locul exact în postarea pe care doriți să adăugați imaginea.

2. Faceți clic pe butonul „Adăugați Media” din partea de sus a editorului

acel buton va arăta astfel chiar aici:

după ce faceți clic pe butonul” Adăugați Media”, vi se va prezenta ecranul în care puteți încărca fișierul imagine.

3. Faceți clic pe”Încărcați fișiere „

Faceți clic pe fila” încărcați fișiere ” și veți fi direcționat către ecranul unde puteți utiliza instrumentul selector pentru a alege un fișier imagine de unde se află pe computer.

alternativ, dacă veți trage un fișier imagine de pe desktop și îl veți încărca—puteți sări peste ecranul „încărcați fișiere” și pur și simplu treceți direct la glisarea imaginii și fixarea acesteia (există o demonstrație a acestui lucru în pasul următor).

4. Încărcați fișierul imagine

prefer să trag fișiere imagine de pe desktop și să le arunc în încărcătorul de fișiere (mai degrabă decât să folosesc selectorul pentru a le localiza pe computerul meu), deoarece este mult mai rapid.

Iată o demonstrație video / GIF rapidă despre cum să adăugați o imagine de pe desktop în WordPress:

după ce ați încărcat imaginea, pluginul de compresie va funcționa este magic pentru a ajuta la reducerea dimensiunii fișierului (în spatele scenei).

notă: Înainte de a termina opțiunile de imagine și de a face clic pe „Inserați în postare”, veți dori să scrieți un text alternativ prietenos SEO pentru imaginea dvs.—ceva care descrie natura a ceea ce are loc în imaginea dvs. și, în mod ideal, să țeseți într-unul dintre cuvintele cheie țintă pe care sperați că articolul se va clasifica în cele din urmă (în rezultatele căutării organice).

5. Selectați opțiunile de imagine și faceți clic pe”Inserați în postare”

în cele din urmă, veți avea câteva opțiuni de definit pentru imaginea dvs. Aceasta include:

• controlul alinierii modului în care apare imaginea dvs. în postarea dvs. (selectez întotdeauna alinierea Centrală)
• realizarea legăturii imaginii către o altă pagină sau postare pe blogul dvs. (sau un link extern către care doriți să direcționați cititorii)
• dimensiunea afișajului (recomand întotdeauna încărcarea ca dimensiune completă pentru a evita pierderea calității imaginii)

după selectarea acestor opțiuni, sunteți gata să faceți clic pe „Inserați în post” și sunteți bine să mergeți!

acest buton va fi chiar aici, în colțul din dreapta jos al ecranului:

acum, veți fi dus înapoi la fereastra editorului și veți vedea imaginea pe care tocmai ați adăugat-o chiar acolo unde ați încărcat-o.

rețineți că mai aveți câteva opțiuni rapide de editare & ușoare dacă decideți că doriți să schimbați ceva cu afișarea noii imagini:

• îl puteți redimensiona manual apucând unul dintre colțuri și trăgându-l în sus sau în jos în dimensiune
• puteți face clic în jos pe centrul imaginii și trageți-l în jurul postării dvs. pentru a o repoziționa
• puteți șterge întotdeauna imaginea făcând clic pe „backspace” sau „delete” de pe tastatură și începeți din nou

și asta este! Ați învățat cum să adăugați o imagine la WordPress cu editorul clasic.

2. Adăugarea de imagini la postări în editorul WordPress Gutenberg

în editorul WordPress Gutenberg, opțiunile dvs. de editare a postărilor vor arăta mult diferit de ceea ce veți vedea din Editorul clasic.

Gutenberg adoptă o abordare de adăugare/editare a conținutului printr-un sistem de „blocuri” cum ar fi blocuri de text, blocuri de antet, blocuri de imagini și așa mai departe. Deci, să ne scufundăm în adăugarea de imagini în Gutenberg.

1. Selectați pictograma „Adăugați imagine”

după ce vă asigurați că adăugați o imagine în locația potrivită din postarea dvs., selectați pictograma „Adăugați imagine”. Va arăta așa chiar aici:

după ce faceți clic pe pictograma „Adăugați imagine”, veți avea câteva opțiuni pentru modul în care puteți adăuga o imagine la postarea dvs.

2. Alegeți cum veți adăuga imaginea

în Gutenberg, aveți câteva opțiuni rapide pentru a adăuga o imagine în WordPress. Aceasta include:

• Upload (care va deschide un ecran selector care vă permite să alegeți fișierul imagine de pe computer)
• Media Library (care vă duce la biblioteca existentă de imagini—de la care puteți trage, de asemenea, & picătură într-o imagine)
• Inserare de la URL (dacă există o imagine situată undeva online pe care doriți să o importați, puteți lipi în acel link aici)

Iată un instantaneu al acestor opțiuni (personal, doar fac clic pe „Încărcați” și apuc rapid imaginea pe care o vreau de pe desktop):

3. Încărcați imaginea

după ce ați selectat imaginea pe care doriți să o încărcați, trebuie doar să faceți clic pe butonul „Deschide” și va fi adăugată în postarea dvs.

acum că ați adăugat imaginea, o miniatură mai mică a acesteia va apărea ca un bloc nou în postarea dvs.

Iată o captură de ecran a modului în care va arăta:

4. Setări imagine & Opțiuni de editare rapidă

înainte de a trece mai departe, veți dori să vă formați setările imaginii (conform celor mai bune practici SEO).

și la fel ca în cazul editorului clasic, veți putea defini o mulțime de setări și proprietăți diferite pentru o imagine. Cu Gutenberg, se face doar puțin diferit. Setările de imagine sunt în schimb situate peste pe bara laterală dreapta (după primul clic o dată pe imagine).

Iată cum arată aceste setări:

asigurați-vă că definiți setările imaginii pentru cel puțin aceste două proprietăți:

• Scrierea textului alternativ SEO-friendly, care descrie imaginea și țese într-o frază de cuvinte cheie
• dimensiunea imaginii (am afișa întotdeauna imagini ca dimensiune completă, pentru a evita o pierdere de calitate)

de asemenea, puteți face clic în setările „stil” pentru a adăuga câteva caracteristici de decupare încorporate & cu Gutenberg.

5. Mutarea imaginilor într-o postare prin Gutenberg

un efect secundar foarte interesant al focalizării editorului Gutenberg în jurul utilizării „blocurilor” de conținut este cât de ușor puteți muta imaginile (sau orice blocuri de conținut pentru care contează) într-o postare.

după ce faceți clic o dată pe imaginea pe care doriți să o rearanjați în postarea dvs.—veți vedea săgețile „sus” și „jos” care apar chiar lângă imagine.

Faceți clic pe aceste săgeți pentru a muta imaginea în sus sau în jos în interiorul postării dvs., așa:

și asta este! Ești gata de plecare.

acum ați învățat cum să adăugați o imagine la WordPress în editorul Gutenberg, precum și în

3. Adăugarea unei imagini prezentate la o postare în WordPress

imaginile prezentate sunt esențiale într—un blog WordPress-deoarece sunt imaginile care sunt afișate în partea de sus a postărilor dvs. de pe blog (atât în rezultatele căutării, cât și pe platformele de socializare atunci când conținutul dvs. este partajat).

nu în ultimul rând, iată cum să adăugați o imagine prezentată la o postare (sau pagină) în WordPress.

în partea dreaptă jos a ferestrei editorului WordPress, veți vedea o secțiune pentru adăugarea unei imagini recomandate. Faceți clic pe” Setați imaginea prezentată ” și veți fi dus la ecranul standard de încărcare a imaginii, unde puteți adăuga imaginea pe care doriți să o prezentați în partea de sus a postării dvs. (de asemenea, în rezultatele căutării și pe platformele sociale).

după ce ați încărcat imaginea pe care doriți să o utilizați și ați făcut clic pe” Setați imaginea prezentată”, veți fi readus pe ecranul editorului și veți vedea o mică miniatură a imaginii afișată în partea dreaptă jos (pentru a confirma că ați adăugat imaginea potrivită):

destul de simplu, nu?

dacă ați selectat imaginea greșită (sau doriți să faceți modificări mai târziu), puteți pur și simplu să faceți clic pe textul „eliminați imaginea prezentată” și veți avea ocazia să selectați sau să încărcați o altă imagine pentru a fi prezentată în postarea dvs.

Gânduri finale despre cum să adăugați o imagine în WordPress

adăugarea de imagini la postările dvs. în WordPress nu trebuie să fie dificilă.

fie că utilizați editorul clasic sau Gutenberg pentru blogul dvs., echipa din spatele WordPress a muncit din greu pentru a face adăugarea de imagini un proces foarte ușor.

dacă aveți în continuare probleme, vă rugăm să-mi picătură un comentariu în partea de jos a acestui post și eu sunt fericit să vă ajute să depanați orice probleme pe care le au.

asta e tot pentru azi!

tocmai am acoperit cum să adăugați imagini în WordPress

ca ceea ce vezi? Înscrieți-vă pentru a obține mai multe tutoriale și sfaturi de blogging.

Vrei Mai Multe Tutoriale De Blogging?

peste cap și a verifica afară ghidul meu final pentru a începe un blog și de a face bani de la ea în acest an.