Cum să vă schimbați dimensiunea imaginii recomandate în WordPress ⋆ ALexHost SRL

Testați-vă abilitățile cu toate serviciile noastre de găzduire și beneficiați de 15% reducere!

Utilizați codul la finalizarea comenzii:

Skills
17.12.2024

Cum să vă schimbați dimensiunea imaginii recomandate în WordPress

Imaginile recomandate (cunoscute și ca miniaturi ale postărilor) sunt o parte esențială a site-urilor WordPress. Acestea oferă atractivitate vizuală postărilor, paginilor și listelor de arhivă, contribuind la implicarea utilizatorilor. Uneori, este posibil să fie necesar să ajustați dimensiunea acestor imagini prezentate pentru a se potrivi mai bine cu designul și aspectul site-ului dvs. Acest ghid vă va explica cum să modificați dimensiunea imaginii prezentate în WordPress, acoperind diferite metode de la ajustarea setărilor la editarea fișierelor temei.

Metoda 1: Modificarea dimensiunii imaginii prezentate utilizând setările WordPress

Unele teme vă permit să ajustați dimensiunea imaginii prezentate direct din WordPress Customizer sau Theme Settings. Această metodă este simplă și nu necesită niciun cod.

Pasul 1: Verificați setările pentru imagine în Customizer

  1. Conectați-vă la tabloul de bord WordPress.
  2. Mergeți la Appearance > Customize.
  3. Căutați setările legate de Featured Images, Post Thumbnails sau Blog Settings. Aceste setări variază în funcție de tema pe care o utilizați.
  4. Dacă sunt disponibile, ajustați lățimea și înălțimea pentru imaginile prezentate.
  5. Faceți clic pe Publicare pentru a vă salva modificările.

Pasul 2: Verificați setările pentru imagini în opțiunile temei

Unele teme premium au propriile setări pentru dimensiunile imaginilor în Theme Options sau Theme Panel:

  1. Mergeți la Theme Options (Opțiuni temă) în tabloul de bord WordPress.
  2. Căutați o opțiune legată de Image Settings sau Post Thumbnails.
  3. Reglați dimensiunea imaginilor prezentate în funcție de preferințele dvs.
  4. Salvați modificările și verificați cum apar imaginile dvs. prezentate pe partea frontală.

Dacă tema dvs. nu are o opțiune încorporată pentru a schimba dimensiunile imaginilor prezentate, puteți continua cu celelalte metode de mai jos.

Metoda 2: Modificarea dimensiunii imaginilor prezentate utilizând setările de imagine din Media

WordPress vă permite să setați dimensiunile implicite ale imaginilor pentru diferite tipuri de imagini, inclusiv imaginile miniaturale, medii și mari.

Pasul 1: Reglați setările media

  1. Mergeți la Setări > Media în tabloul de bord WordPress.
  2. Aici, puteți ajusta dimensiunile implicite pentru:
    • Dimensiunea miniaturii: Aceasta este adesea utilizată pentru imaginile prezentate.
    • Dimensiune medie: Potrivit pentru imaginile utilizate în cadrul postărilor.
    • Dimensiune mare: Pentru imagini prezentate în mărime naturală.
  3. Modificați lățimea și înălțimea dimensiunii miniaturii sau orice altă dimensiune care corespunde imaginilor dvs. principale.
  4. Faceți clic pe Salvare modificări.

Pasul 2: Regenerarea miniaturilor

După ajustarea setărilor media, va trebui să regenerați miniaturile pentru a aplica noile setări de dimensiune imaginilor existente.

  • Instalați și activați un plugin precum Regenerate Thumbnails.
  • Mergeți la Tools > Regen. Thumbnails.
  • Faceți clic pe Regenerate Thumbnails for All Attachments.

Acest lucru va redimensiona imaginile prezentate existente pentru a se potrivi cu noile dimensiuni pe care le-ați setat.

Metoda 3: Modificarea dimensiunii imaginii principale utilizând codul

Dacă vă este ușor să adăugați cod, puteți defini manual dimensiunea imaginilor prezentate în fișierul functions.php al temei dvs.

Pasul 1: Definirea dimensiunilor imaginilor personalizate în functions.php

  1. Mergeți la Appearance > Theme Editor.
  2. Selectați fișierul functions.php al temei dvs. active.
  3. Adăugați următorul cod pentru a defini o nouă dimensiune personalizată a imaginii:
    add_theme_support(‘post-thumbnails’); add_image_size(‘custom-featured-image’, 800, 400, true);
    • Înlocuiți “custom-featured-image” cu un nume la alegere.
    • Ajustați 800 (lățime) și 400 (înălțime) la dimensiunile dorite.
    • Parametrul true asigură că imaginea este tăiată la dimensiunea specificată.

Pasul 2: Utilizați dimensiunea personalizată a imaginii în tema dvs

Pentru a utiliza noua dimensiune a imaginii pentru imaginile prezentate, actualizați fișierele șablon ale temei (de exemplu, single.php, archive.php sau content.php) în care este denumită imaginea prezentată.

  1. Localizați partea din șablon care apelează miniatura postului, cum ar fi:
    the_post_thumbnail(‘thumbnail’);
  2. Înlocuiți “thumbnail” cu dimensiunea personalizată a imaginii pe care ați definit-o:
    the_post_thumbnail(‘custom-featured-image’);

Pasul 3: Regenerarea miniaturilor

După adăugarea codului, regenerați miniaturile utilizând un plugin precum Regenerate Thumbnails pentru a aplica modificările la imaginile existente.

Metoda 4: Modificați dimensiunea imaginii recomandate utilizând un constructor de pagini

Dacă utilizați un constructor de pagini precum Elementor, Divi sau WPBakery, deseori puteți ajusta dimensiunea imaginilor prezentate direct prin interfața constructorului de pagini.

Pasul 1: Deschideți pagina/postul în constructorul de pagini

  1. Modificați pagina sau postarea utilizând constructorul de pagini.
  2. Selectați widgetul de imagine sau widgetul de post în care este afișată imaginea prezentată.

Pasul 2: Reglați setările pentru dimensiunea imaginii

  1. Căutați opțiunea Image Size (Dimensiune imagine) sau setarea Post Thumbnail Size (Dimensiune miniatură) în cadrul widget-ului.
  2. Alegeți o dimensiune predefinită (de exemplu, Thumbnail, Medium, Large) sau specificați dimensiuni personalizate.
  3. Salvați modificările și previzualizați pagina pentru a vă asigura că imaginile sunt afișate conform așteptărilor.

Această metodă este utilă în special dacă aveți cerințe diferite pentru pagini sau postări diferite și doriți mai mult control asupra fiecărei instanțe a imaginii prezentate.

Metoda 5: Utilizați un plugin pentru dimensiunile personalizate ale imaginilor prezentate

Dacă nu vă simțiți confortabil cu editarea codului, există pluginuri care vă pot ajuta să creați dimensiuni personalizate ale imaginilor fără a atinge fișierul functions.php.

Plugin-uri recomandate:

  • Simple Image Sizes: Acest plugin vă permite să creați dimensiuni personalizate ale imaginilor și să gestionați dimensiunile existente direct din administrarea WordPress.
  • Custom Image Sizes: Adaugă posibilitatea de a defini dimensiuni personalizate ale imaginilor și de a le utiliza în tema dvs. fără codare.

Cum să utilizați un plugin:

  1. Instalați și activați pluginul dorit.
  2. Accesați pagina de setări a pluginului (adesea găsită la Setări sau Media).
  3. Definiți dimensiunile personalizate ale imaginilor prezentate specificând lățimea și înălțimea.
  4. Salvați setările și regenerați miniaturile utilizând opțiunea integrată a pluginului.

Sfaturi pentru alegerea dimensiunii corecte a imaginii principale

Atunci când ajustați dimensiunea imaginilor dvs. principale, luați în considerare următoarele:

  • Cerințele temei: Consultați documentația temei dvs. pentru a afla dimensiunile recomandate pentru imaginile prezentate.
  • Viteza paginii: Imaginile mai mari vă pot încetini site-ul, deci folosiți cea mai mică dimensiune care menține o calitate bună.
  • Design responsiv: Asigurați-vă că imaginile dvs. sunt optimizate pentru dispozitivele mobile utilizând dimensiuni flexibile ale imaginilor sau setări care se adaptează la dimensiunile ecranului.
  • Calitatea imaginilor: Utilizați instrumente precum TinyPNG sau ShortPixel pentru a comprima imaginile fără a pierde calitatea înainte de a le încărca în WordPress.

Rezumat

Modificarea dimensiunii imaginii prezentate în WordPress se poate face în mai multe moduri, de la utilizarea Customizer și a setărilor media la editarea fișierului functions.php sau utilizarea plugin-urilor. Alegeți metoda care se potrivește cel mai bine nivelului dvs. de confort și flexibilității de care aveți nevoie. Prin setarea dimensiunii corecte a imaginii prezentate, puteți îmbunătăți designul site-ului dvs. web, puteți menține consecvența între postări și puteți îmbunătăți experiența utilizatorului, menținând în același timp timpul de încărcare al paginii sub control.

Testați-vă abilitățile cu toate serviciile noastre de găzduire și beneficiați de 15% reducere!

Utilizați codul la finalizarea comenzii:

Skills