Setați imaginea postării în WordPress. Cum să remediați erorile comune de imagine în WordPress

Spre site și astăzi. Prezența unei imagini pe pagina unui site web este un atribut necesar. Imaginea explică conținutul; vizitatorii percep informațiile mai bine. Diluează așa-numita „foaie” a textului, ochii cititorului se odihnesc temporar.

Configurarea fișierelor media în WordPress

Inserarea unei imagini în WordPress nu va cauza dificultăți. Dar voi începe cu alte informații, nu mai puțin importante. Multe site-uri oferă instrucțiuni despre cum să inserați o imagine în textul wordpress, dar din anumite motive nimeni nu vorbește despre setări. După instalare, trebuie să rulați. În capitolul Setări ⇒ Fișiere mediaÎn mod implicit, veți vedea această imagine.

Vă rugăm să rețineți că fiecare câmp are dimensiuni în pixeli. Recomand insistent setarea tuturor valorilor la Zero! Si de aceea. Când adăugați o imagine pe un site, wordpress creează și trei! copii ale acestei imagini. Totalul este 4! (ținând cont de dimensiunea de descărcare) copii.

Pe găzduirea din folder wp-conținut/încărcări vei gasi 4 fisiere.

Acum imaginați-vă că veți introduce o mulțime de imagini în WordPress. Veți ocupa rapid spațiul pe disc de găzduire (cu fișiere inutile!) și va trebui să faceți upgrade la un plan tarifar mai scump. Apropo, cel pe care îl folosesc are condiții și tarife destul de bune.

Deci, din nou, setați toate valorile la zero! De asemenea, este necesar și recomandabil să introduceți numai . Dar acesta este un subiect pentru alt articol.

Să trecem direct la cum să inserăm o imagine WordPress.

Cum să inserați o imagine în WordPress

Considerăm că computerul are deja pregătite imagini pentru instalare pe paginile site-ului sau în postări. Într-un editor de text, plasați cursorul în locul dorit din intrare și apăsați Adăugați fișierul media.

Încărcați un fișier de pe computer.
Încărcați fișierul din biblioteca wordpress.
Lipiți de pe site.

Adăugați o imagine de pe computer

Clic Încărcați fișiere ⇒ Selectați fișiere. În fereastra care se deschide, selectați un fișier de pe computer. E simplu.

Adăugați o imagine din biblioteca wordpress

În consola WordPress din fila Fișiere media presa Adăuga nou.

Și descărcați fișierele necesare de pe computer.

Inserați o imagine în WordPress de pe site

Pentru a insera o imagine de pe site în WordPress, trebuie să faceți clic Lipiți de pe siteși indicați adresa URL a imaginii. Dacă nu știți de unde să obțineți adresa URL, vă spun eu. Pe site, treceți mouse-ul peste imagine și faceți clic dreapta. În fereastra derulantă, selectați Copiați adresa imaginii.

Configurarea unei imagini WordPress

Indiferent de modul în care încărcați imaginea în WordPress, trebuie să faceți setări.

Titlu- numele imaginii. Puteți specifica un cuvânt cheie.

Semnătură— când completați acest câmp, această intrare va fi vizibilă sub imaginea de pe site.

atribut alt- Acest câmp este obligatoriu. Roboții de căutare citesc exact acest atribut. Dacă nu există webmaster în panou, va apărea un avertisment despre o eroare pe site. De asemenea, dacă vizitatorul nu vede imaginea dintr-un anumit motiv, va vedea această postare. Este indicat să scrieți aici fraza cheie pentru care promovați articolul.

Descriere- acest câmp este și pentru motoarele de căutare. Nu trebuie să o completați.

Aliniere- totul este clar aici. Specificați unde va fi localizată imaginea pe pagină.

Adresa URL personalizată - specificați adresa site-ului web la care va fi redirecționat vizitatorul atunci când se va face clic.
Fișier media - când faceți clic, imaginea se va deschide fără site-ul web.
Pagina atașată - atunci când se face clic, imaginea se va deschide pe pagina cu designul site-ului.
Nu - nu va avea loc nicio acțiune când faceți clic. Imaginea nu este activă.

Asta pare să fie tot. O întrebare atât de simplă, dar articolul s-a dovedit a fi destul de lung. Cred că acum veți putea efectua această acțiune cu ușurință.

Noroc! Decorează-ți site-ul WordPress cu imagini utile și frumoase.

Funcție uimitoare în WordPress!

Voi începe de la zero. Deci, mai întâi trebuie să înțelegeți diferența dintre miniaturi și imaginile postate obișnuite. O miniatură este ceva ca o previzualizare a unei postări; este posibil să nu fie folosită chiar în postarea în sine.

Să presupunem că aveți un fel de categorie, iar pe pagina acestei categorii, înaintea unor postări (și poate înaintea fiecăreia) există un fel de imagine, care este în esență o previzualizare a postării, adică. miniatură. Dacă mergem la pagina uneia dintre postări, este posibil să găsim sau nu această imagine în conținutul ei.

În general, bine, pe scurt, o miniatură este o imagine de previzualizare pentru postările care:

poate fi sau nu utilizat în conținutul postării,
pot fi afișate împreună cu un link către postare pe paginile de categorii, etichete, arhive etc.,
poate fi ajustat automat la o anumită dimensiune (mă refer la rezoluția imaginii),

De fapt, îl puteți folosi chiar și ca fundal pentru site-ul web, de exemplu. fiecare intrare are propriul fundal.

Pasul 1: Activați suportul pentru miniaturi pentru tema dvs. WordPress

Pentru a utiliza miniaturi pe site-ul dvs., trebuie mai întâi să le activați, deoarece implicit această funcționalitate este dezactivată.

Tot ce trebuie să facem pentru a activa miniaturile este să lipim următoarea linie de cod în fișierul functions.php (pot fi multe fișiere cu acest nume - avem nevoie de cel care se află direct în folderul cu tema curentă).

Dacă nu doriți să utilizați miniaturi în toate simultan, le puteți conecta, de exemplu, numai pentru postări:

sau numai pentru postări și numai pentru pagini:

add_theme_support( "post-miniaturi" , matrice ("post", "pagina" ) );

Este posibil să atribuiți o miniatură unei taxonomii WordPress?

Prin mijloace standard - nu. Puteți folosi oricare dintre pluginurile care adaugă pentru (inclusiv categorii și etichete) sau puteți scrie adresa URL a imaginii în descrierea elementului specific de taxonomie.

Pasul 2. Cum să setați o miniatură pentru o postare?

În general, există două moduri de a instala miniaturi prin panoul de administrare. Nu sunt deosebit de diferite unele de altele - o puteți folosi pe cea care vi se pare mai convenabilă.

Metoda 1. Metabox „Postează miniatura”

El este asa:

">

Acest exemplu afișează titlurile postărilor (funcția) și miniaturile postării cu linkuri (funcția) către postarea în sine.

Același exemplu pentru funcție:

">

Obținerea adresei URL a miniaturii folosind wp_get_attachment_image_src() și get_post_thumbnail_id()

Dacă aveți nevoie de ajutor cu site-ul dvs. sau poate chiar de dezvoltare de la zero - .

Cei care au introdus cel puțin o dată mai mult de 5 imagini într-o postare au întâmpinat următoarea problemă: nu puteți adăuga imagini deodată; acest lucru nu este posibil în funcțiile standard WordPress. De fiecare dată când trebuie să deschideți fereastra de inserare a imaginii în editor, mergeți în galerie, selectați poza dorită și abia apoi introduceți-o pe site. Un total de 4 clicuri inutile pe fiecare imagine este o pierdere de timp de neiertat. Imaginează-ți cum am suferit într-o postare despre insula Koh Samui din Thailanda, care conține mai mult de 20 de fotografii. Adevărat, nu am făcut totul prin editor, ci am copiat codul și am schimbat doar adresa URL a fotografiilor, care nu poate fi numită convenabilă.

Deoarece intenționez să postez în continuare fotografii din călătoriile mele, am decis să fac față acestui inconvenient și să caut un plugin. După o lungă căutare, s-a găsit o soluție - pluginul Faster image insert. Am descărcat versiunea 2.2.0. Se integrează complet cu media WordPress și vă permite să adăugați fotografii cu un singur clic. Pluginul este afișat sub câmpul de conținut.

În acest caz, puteți încărca toate imaginile simultan prin încărcătorul flash standard al motorului. După aceasta, trebuie să așteptați puțin până când apar casetele de selectare, apoi selectați fișierele dorite și faceți clic pe „Inserați imaginile selectate”.

Apoi tot ce trebuie să faci este să adaugi un mic text pentru a descrie imaginile și postarea ta este gata!

Apropo, ați observat această săgeată în rezultatele Google?

Există o mulțime de pluginuri pentru lucrul cu imagini pentru WordPres. Dar în acest articol, ne vom uita la instrumentul intern WordPress pentru inserarea imaginilor într-o postare. Cu ajutorul acestuia, puteți insera atât fotografii individuale, cât și galerii întregi. Mai mult, atât imaginile, cât și galeriile pot fi personalizate după dorință.

Setări generale pentru imagine, fotografie și galerie în articolele WordPress

Pe site puteți seta dimensiunea imaginilor afișate. Pentru a face acest lucru, conectați-vă la site-ul dvs. WP. În meniul consolei aveți nevoie de elementul Opțiuni→Fișiere media.

Se va deschide pagina implicită de setări a imaginii pentru inserarea în articole. Aici vedem trei opțiuni pentru dimensiunile imaginii: dimensiunea miniatură, dimensiune medie, dimensiune mare.

Voi explica de ce sunt necesare trei dimensiuni de fotografie. Când inserați o imagine într-un articol, în editorul din formularul „Adăugați fișier media”, Wordpress oferă o alegere între trei dimensiuni de imagine. Parametrii pe care îi setați în aceste setări sunt cei care vor fi oferiți pentru inserare în articole.

Miniatura articolului

În plus, atunci când publicați un articol, vi se va cere să creați o miniatură pentru articol. Această miniatură va fi atașată articolului și reflectată în diverse widget-uri și va fi cartea de vizită a articolului.

Pentru a afișa corect o miniatură de articol pe Facebook, dimensiunea miniaturii trebuie să fie de cel puțin 200x200.

Mărimea miniaturii este setată în șablon în timpul aspectului său. Pentru a avea imagini în miniatură mari decupate proporțional pentru a se potrivi cu dimensiunea miniatură, bifați caseta de selectare specială din Opțiuni>>>Media.

Setați parametrul Dimensiune mare la valoarea maximă de 1024x1024. Dar dacă doriți ca imaginile de pe întregul site să fie limitate la anumite dimensiuni, setați aceste dimensiuni în acest element de setări.

Încărcarea fișierelor

Următorul element de meniu merită atenție; este descărcarea fișierelor.

Toate fotografiile site-ului sunt încărcate în așa-numita „Biblioteca media” a site-ului dumneavoastră. Imaginile sunt încărcate imediat în trei dimensiuni specificate în setările de mai sus.

Dacă în setările fișierelor media în elementul „Plasați fișierele pe care le-am descărcat în foldere pe lună și an”, bifați caseta

Apoi imaginile vor fi încărcate în următorul director:

Notă:

Dacă încarci o fotografie când scrii un articol, fotografia este legată de acest articol.
Dacă dintr-un motiv oarecare editați o fotografie atunci când editați un articol, atunci toate editările foto rămân în bibliotecă; nu sunt șterse automat.
Dacă încărcați o fotografie direct în Biblioteca media, fotografia este considerată deconectată.

Fotografii legate și deconectate

Voi explica ce înseamnă și diferența dintre fotografiile legate și cele nelegate. Toate fotografiile asociate cu acest articol pot fi afișate în articol ca o simplă galerie WordPress, în mod implicit. Pentru a crea o galerie simplă, nu trebuie să instalați pluginuri suplimentare; trebuie doar să plasați un cod scurt pentru galerie în editorul vizual oriunde în articol. Galeriile WordPress pot fi personalizate implicit, codurile scurte pentru diferite tipuri de galerii sunt mai jos.

Voi intra în mai multe detalii despre cum să inserez imagini individuale și galerii foto în articole.

Cum să inserați o imagine într-un articol WP

Editorul WordPress vă permite să inserați complet imagini, fotografii și galerii în articolele WordPress. Acest lucru se face destul de simplu. Voi ilustra acest lucru cu un exemplu în capturi de ecran.

Deschideți Consola → Înregistrări → Adăugați nou.
Pentru a insera o fotografie în articol, faceți clic pe „Adăugați fișier media”.

Selectăm o fotografie fie de pe computer, fie de pe Internet prin URL, fie dintr-o bibliotecă de fotografii descărcate anterior sau dintr-un site web.

Înainte de a adăuga o fotografie la articol (în dreapta), selectați dimensiunea fotografiei de instalat în articol, scrieți etichete alternative, titlul fotografiei și, dacă doriți, descrierea fotografiei.

În coloana „Link”, setați-l la „Fișier media” în captură de ecran. Dacă nu sunt instalate pluginuri care deschid fotografii în ferestre modale, fotografia se va deschide într-o fereastră separată.

Dacă nu setați „Fișier media”, ci „Pagină atașată”, atunci fotografia se va deschide mai întâi ca pagină de site cu o fotografie (fișier atașat) și abia apoi într-o fereastră separată, ca o fotografie.
Puteți corecta afișarea fotografiei atunci când editați fotografia. Citiți mai jos „Inserați o fotografie” într-un articol sau într-o pagină.

Editeaza poza

Editarea și finalizarea fotografiilor în articol

În editor, puteți personaliza în continuare afișarea fotografiilor. Pentru a face acest lucru, faceți clic pe fotografie în editor și selectați pictograma de editare.

În setările fotografiei articolului puteți schimba:

Locație (3) (stânga, centru, dreapta, niciunul)
Redimensionare (4) (proporțional);
Selectați linkul care se va deschide când faceți clic pe fotografie (5) (Niciunul, fișierul media, pagina de atașament, URL personalizată);

Editeaza poza

Dacă selectați „Pagină atașată”, fotografia se va deschide într-o fereastră separată, sub atașamentul său URL. Dacă setați „Fișier media”, fotografia se va deschide ca fotografie pe o pagină separată sau în ferestre pop-up dacă utilizați pluginuri pentru afișarea fotografiilor în ferestre pop-up (cum ar fi Lightbox). „Adresa URL personalizată” va duce utilizatorul care face clic pe fotografie la adresa URL specificată.

Setări suplimentare: puteți adăuga un stil de chenar, căptușeală orizontală și verticală (la cele mai recente versiuni de WordPress, „Stiluri” nu funcționează).

Exemplu de stil de chenar: chenar: 5px roșu continuu;

Cum să inserați o galerie într-un articol WordPress

Pentru a insera o galerie într-un articol, trebuie să:

Selectați „Inserați galeria”;
Selectați „Încărcați fotografie”;
Selectați fotografiile de care aveți nevoie pentru galerie de pe computer;
Configurați afișarea galeriei: numărul de coloane și ordinea de afișare a fotografiilor;
Faceți clic pe „Inserați galerie”.

Dimensiunea miniaturilor din galerie va corespunde dimensiunilor setate ale miniaturilor din filă (Opțiuni→Media).

Adăugarea de galerii folosind coduri scurte

Galeriile pot fi create folosind coduri scurte WordPress într-un editor de text (HTML) pe pagina Editare. Pentru a face acest lucru, treceți la un editor de text (butonul „Text” din colțul din dreapta sus al editorului) și inserați codul dorit din cele afișate mai jos.

Includeți toate codurile galeriei în articolele WordPress între paranteze drepte, [cod aici]

//Galerie simplă de fotografii atașată la o galerie de articole// //Galerie cu 5 coloane// galerie coloane="5" //Galerie legată la un fișier media,// //când se da clic, imaginea în sine se deschide, nu ea page// galerie link="file" order="DESC" columns="5" //Adaugă (exclude)/elimină (include) fotografii după ID-ul lor (87,11 /23,39,45). galerie exclude="87,11" include="23,39,45" //Galerie din alte postări prin ID de fotografie// galerie id="333" //Galerie care indică dimensiunea fotografiei, mică, // //medie și mare dimensiuni, definite în setare. Fișiere media în consolă // galerie size="medium" sau galerie size="large"

Adaugă o galerie cu fotografii atașate articolului

Toate fotografiile pe care le descărcați din editor când scrieți un articol sunt atașate acestui articol, iar sistemul creează un atașament. De asemenea, puteți lega fotografiile din biblioteca dvs. media la articolul dvs.

Toate fotografiile atașate articolului pot fi afișate oriunde în articol inserând un simplu cod scurt pentru galerie în articolele WordPress: Galerieîntre paranteze drepte (). După aceea, toate fotografiile atașate acestui articol vor apărea în articol ca o galerie.

Lasă-mă să explic. Pentru a crea o galerie simplă pe site-ul dvs. web, Nu trebuie să inserați fotografii în articole din editor.
Creați un articol, introduceți codul scurt din lista de mai sus în locul dorit din text.
Salvați articolul; nu trebuie să îl publicați.
Apoi, mergem la Media Library, încărcăm numărul necesar de fotografii pentru galerie și le atașăm pe toate postării noastre.
De asemenea, puteți adăuga o galerie la orice articol din Media Manager sau puteți adăuga galerii la articolele WordPress fără a intra în editorul de articole.