Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să adăugați miniaturi de postări în WordPress

Miniaturile postărilor devin din ce în ce mai populare în fiecare zi. Multe teme de tip revistă asociază o imagine cu o postare specifică pe care o afișează ulterior fie pe pagina principală, fie pe pagina postării. Noi afișăm o miniatură cu postările noastre atât pe pagina postării, cât și pe pagina categoriei. În versiunile mai vechi, această funcționalitate era obținută prin utilizarea metodei câmpului personalizat, care nu era foarte ușor de utilizat. Datorită dezvoltatorilor de bază WordPress, împreună cu multe caracteristici notabile în WordPress 2.9, această funcție a fost adăugată și la nucleu.

Simply watch the video or read the tutorial below :)

Video

Ghid pentru începători

Veți vedea o opțiune de genul acesta în bara laterală a panoului Scrie Postare în Dashboard-ul WordPress.

Miniaturi de postare în WordPress

Apasă pe link și vei fi direcționat către o pagină de încărcare a imaginii. Încarcă imaginea și vei vedea ceva de genul acesta:

Miniaturi de postare în WordPress

Pur și simplu apasă pe linkul care spune „folosește-l ca miniatură”. După ce faci asta, vei vedea un ecran ca acesta:

Miniaturi de postare în WordPress

Ecranul de mai sus înseamnă că ați terminat. Pur și simplu faceți clic pe publicare și imaginea va apărea pe site-ul dvs.

Ghidul Dezvoltatorului

Chiar dacă această funcționalitate este adăugată la nucleu, nu toți utilizatorii vor vedea această opțiune în bara laterală a panoului de scriere a postărilor. Aceasta este una dintre acele funcții care pot fi activate doar dacă tema o suportă. Temele gratuite mai vechi s-ar putea să nu o suporte, deci ar trebui să cereți dezvoltatorului să o actualizeze sau puteți face acest lucru singur urmând acest tutorial.

Mai întâi, va trebui să deschideți fișierul functions.php din folderul temei și să lipiți următorul cod:

add_theme_support( 'post-thumbnails' );

Acest cod va activa suportul temei atât pentru postări, cât și pentru pagini. Deci, acum vei putea vedea o opțiune în tabloul tău de bord. Dar nu se va afișa în temele tale, deoarece nu am adăugat încă codul în temă.

Puteți afișa miniatura oriunde în interiorul buclei folosind acest cod:

<?php the_post_thumbnail(); ?>

Aceasta a fost funcția de bază, dar dacă doriți să obțineți mai multe funcții avansate, cum ar fi specificarea dimensiunii miniaturii postării, atunci va trebui doar să deschideți fișierul functions.php și să lipiți codul astfel:

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 50, 50, true );

Dimensiunile sunt setate în ordinea: lățime x înălțime și acestea sunt pixeli.

Puteți adăuga, de asemenea, dimensiuni suplimentare ale imaginii pentru imaginea dvs. de prezentare adăugând această linie:

add_image_size( 'single-post-thumbnail', 590, 180 ); // Permalink thumbnail size

Mai târziu, poți apela dimensiunile specifice ale miniaturilor în bucla postării tale astfel:

<?php the_post_thumbnail('single-post-thumbnail'); ?>

Aceasta este o versiune simplificată a funcționalității complete a acestei caracteristici. Am încercat să o păstrăm simplă, astfel încât toată lumea să o poată înțelege. Dacă doriți mai multe informații despre această funcționalitate, consultați:

Articolul lui Mark Jaquith despre Miniaturi Postări
WordPress Codex

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

79 CommentsLeave a Reply

  1. Este acest lucru necesar cu temele Genesis Child. Ele par să aibă deja o imagine de prezentare pentru postările lor. Mulțumesc

  2. Salut,

    În tema mea nu există loop.php, atunci unde trebuie să editez?

    Mulțumesc anticipat

  3. Deci... am încercat asta și cred că mi-am stricat site-ul. Acum primesc această eroare

    Parse error: syntax error, unexpected ‘”‘ in /home/content/21/10729521/html/wp-content/themes/desk-mess-mirrored/functions.php on line 642

    și nu pot să intru în panoul meu de control. Sunt nou în auto-găzduire și nu am nicio idee cum să rezolv asta. AJUTOR!

  4. Tutorial grozav!

    Întrebare rapidă:

    Ați spus că dacă nu vedeți „utilizați ca miniatură”, poate fi necesar să accesați PHP-ul, deoarece tema este o temă mai veche.

    Unde aș căuta în noul aspect WordPress pentru a vedea dacă „utilizează ca miniatură” este prezent în tema mea?

    Iată o imagine care să explice ce înțeleg prin „nou aspect WordPress”.

    http://thereselawlor303.files.wordpress.com/2012/12/newpost5.jpg?w=1024&h=621

    Sper că are sens.

    Mulțumesc!

  5. Salut,

    Mulțumesc pentru acest post, m-a ajutat enorm!

    Întrebare, acum cum aș afișa și imaginea de prezentare (într-o dimensiune diferită) doar în interiorul postării (nu în buclă)?

    Thanks :)

    • Ignorați comentariile mele. Mi-am dat seama de ce nu ați dori să le încadrați în etichete img și anchor :D.

      Mulțumesc pentru postare

  6. Continuați să scrieți, să inspirați, să creați. Îmi place ideea și site-ul este destul de ușor de utilizat. Mi-aș dori totuși să revizuiască mai mult de primele 20 de site-uri din domeniu. Web-ul este un loc mare.

  7. Continuați să scrieți, să inspirați, să creați. Îmi place ideea și site-ul este destul de ușor de utilizat. Mi-aș dori totuși să revizuiască mai mult de primele 20 de site-uri din domeniu. Web-ul este un loc mare.

  8. Mulțumesc pentru postarea acestei informații. Vreau doar să vă informez că tocmai mi-am verificat site-ul și îl găsesc foarte interesant și informativ. Abia aștept să citesc multe dintre postările dvs.

  9. Vă mulțumesc foarte mult pentru informațiile minunate. Este o metodă simplă de a adăuga o miniatură pe pagina principală. Voi încerca pentru site-ul meu astăzi.

  10. Lucrez la versiunea WorPress 3.2.1. Am observat că modulul din administrator se numește „Imagine prezentată” în loc de „Miniatură postare”.

    De asemenea, primesc următorul eroare când încerc să adaug o imagine în admin:

    Avertisment: Nu se pot modifica informațiile antetului – antetele au fost deja trimise de (ieșirea a început la /——–/—-/——/——-/wp-content/themes/html5/functions.php:58) în /Applications/MAMP/htdocs/justine/wp-admin/async-upload.php pe linia 2648

  11. @wpbeginner Hey :) VERY(!) helpful post, However I got to the exact same problem after adding the 2 lines(at the bottom…). When I put them at the beginning, nothing happens…

    Can you please be more specific as for the placement in the loop(Which/where)? Thanks :)

  12. Salut, tocmai am încercat să introduc codul de mai sus urmând instrucțiunile din videoclip, dar când l-am actualizat am primit o eroare de analiză. Nici măcar nu mă pot conecta la tabloul de bord. Mă simt ca un idiot!

    Folosesc wordpress cu tema modularity lite și site-ul meu este birdhammer.com.

    Mă poți ajuta, te rog?

  13. Plasarea codului în fișierul functions.php cauzează probabil erorile. Folosești un framework de temă? Îl adaugi foarte jos??

  14. al meu nu funcționează deloc, primesc erori în php și este scris corect. nu știu ce naiba e stricat, continuă să arate codul funcțiilor în partea de sus a panoului meu de control wp ??? asta e ciudat

  15. @wpbeginner Ah, mulțumesc, am rezolvat problema. detalii aici: (se pare că nu pot să postez un url). asta e nasol.

  16. Lucruri bune. Mulțumesc.

    Îmi este greu să fac ca miniatura să apară doar în rezumat, nu și pe pagina postării.

    Aveți idei?

  17. @kevin.m.kwok Da, aceasta pare a fi o problemă CSS. Clasa imaginii dvs. trebuie să aibă proprietatea float: left.

  18. Salut, tutorial grozav. Totul funcționează, cu excepția faptului că nu pot face ca miniatura să fie postată „în stânga” postării mele pe pagina de pornire. Este mereu deasupra postării mele, chiar dacă selectez stânga în opțiunile de miniatură. Aveți vreo idee?

  19. Salut WP Beginner.

    Excelent tutorial WP de mai sus de la Echipa de redacție!

    Am o întrebare rapidă despre galeria de miniaturi WP. Am încercat să adaug un cod PHP simplu pentru Câmpuri personalizate în șablonul meu Category.php pentru a adăuga un mic titlu de legendă sub fiecare imagine miniaturală. Foarte frustrat...oricum, am atașat mai jos bucla de miniaturi Category.php și mă întrebam dacă mă puteți ajuta să scriu codul PHP pentru Câmpuri personalizate (câmp numit „thumb_tag”) în cadrul acestei bucle. Iată codul:

    ID, ‘main_image’, true); ?>

    <a href="” ><img src="/resize.php?w=162&h=105&file=” alt=”” title=”” width=’162′ height=’105′ />

    Mulțumesc foarte mult!

    Pete

  20. Mulțumesc pentru tutorialul grozav. Este cea mai simplă și unică metodă de a adăuga o miniatură pe pagina principală. Funcționează pe site-ul meu.

  21. Sunt nou în wordpress, nu știu prea multă programare.. mi-a plăcut articolul dvs. dar puteți să-mi spuneți exact unde trebuie să punem acest cod.. cum ar fi fuctions.php este un fișier, pe care trebuie să-l edităm, unde trebuie să adăugăm acel cod, există un demo pentru asta?

      • Mulțumesc, cred că am reușit. Totuși, când adaug o miniatură, aceasta este acum adăugată automat în partea de sus a postării mele, chiar dacă postarea are deja o imagine.

  22. Tutorial grozav – Cu toate acestea, și nu pot găsi această informație nicăieri – DAR, vreau să adaug miniatura pe ecranul editorului de postări, astfel încât scriitorii mei să poată vedea cum ar arăta în linie cu postarea înainte de a publica. Unde aș putea face asta? Mulțumesc anticipat.

    • Vedeți miniatura odată ce o încărcați, totuși nu există o previzualizare live pe ecranul de administrare. Autorul dvs. poate pur și simplu să dea clic pe Prevualizare și să vadă postarea într-o filă nouă <<

      Admin

  23. Salut
    Mulțumesc pentru informații. Am urmat pașii din tema mea, însă pozele mele tot nu apar în caseta de imagini… arată ca fișiere corupte pe pagina principală. Când dau click pe ele, atunci apar. Cum le pot face vizibile pe pagina principală? Mulțumesc

  24. Mulțumesc pentru postarea grozavă – în special despre add_theme_support( ‘post-thumbnails’ ); – A funcționat grozav cu wootheme pe care îl modific

  25. Vă mulțumesc pentru informațiile excelente.

    Fiecare dintre postările mele are o fotografie. Încerc să fac ca fotografia fiecărei postări să apară ca o miniatură în fluxul RSS. Va funcționa metoda de mai sus pentru a face acest lucru?

  26. Am parcurs pașii din acest tutorial, dar din anumite motive primesc următoarea eroare ori de câte ori încerc să selectez o imagine din opțiunea galerie:

    Eroare fatală: Apel la funcția nedefinită: get_post_thumbnail_id() în /wp-admin/includes/media.php la linia 1292

    Poate cineva să mă ajute să rezolv asta?

    mulțumesc
    Bernard

  27. decupează efectiv imaginea la încărcare? Sau doar o afișează la înălțimea și lățimea corespunzătoare când o apelează pe pagină? Întreb deoarece extragem fluxul nostru de pe blogul nostru pe un site non-wp și facem legătură înapoi la el, dar am dori să putem face referire la miniaturi. Este un site asp, așa că nu am luxul manipulării native a imaginilor din php

  28. Salut
    Avem acest cod în funcțiile temei (a venit cu skin-ul temei) tema are un slider de imagini care folosește funcția 'post thumbnail'. totuși, nu se afișează în admin, așa că nu putem face slider-ul să funcționeze;

    <?php

    ajutor : ) mulțumesc

    • Helen,

      Nu vedem codul PHP. Puteți, vă rog, să codificați codul PHP înainte de a-l lipi în comentarii? Sau ne puteți trimite un e-mail folosind formularul nostru de contact.

      Admin

  29. funcționează grozav!! doar o întrebare.. cum pot adăuga un link sau să înfășor un link în jurul

    astfel încât, atunci când cineva dă clic pe link, să se deschidă o fereastră lightbox cu dimensiunea originală.

    Doar pentru clarificare.

    În acest moment, în functions.php am

    add_image_size(‘my-custom-image’, 640,9999); astfel încât imaginea din postare să aibă 640 lățime, aceasta va fi apoi legată la imaginea originală care este, să zicem, 1000px pe 500px.

    Am găsit asta: http://polymathworkshop.com/shoptalk/2010/03/19/get-the_post_thumbnail-direct-path-for-wordpress/ care funcționează într-o oarecare măsură, dar deschide miniatura în lightbox.

  30. Super!

    De reținut:

    > adaugă în functions.php

    add_theme_support(‘post-thumbnails’);
    set_post_thumbnail_size(70, 70, true);

    > adaugă în buclă:

    php the_post_thumbnail();

  31. Ei bine, căutam același lucru. Am o întrebare rapidă pentru tine. Există vreo modalitate de a afișa imaginea implicită a categoriei ca miniatură? Sau există vreo modalitate de a prelua prima imagine a postării și de a o folosi ca miniatură pentru postările similare.
    Am implementat tehnica de mai sus pe blogul meu, dar principala problemă este că toate postările mele nu au miniaturi activate. Ceea ce face situația oribilă, deoarece trebuie să actualizez toate postările cu miniaturi.
    Există vreo modalitate de a folosi prima imagine ca miniatură implicită folosind tehnica de mai sus?

    • Da, puteți prelua prima imagine a postării folosind pluginul Get Image al lui Justin Tadlock. Puteți adăuga, de asemenea, o variabilă dacă atunci, verificând is_post_thumbnail.

      Admin

  32. Editori,

    Folosești editorul de postări al WordPress sau un software offline de publicare pe blog? Eu folosesc Live Writer, care are opțiuni decente, dar uneori mă gândesc să trec la editorul de postări al WP. Poți să împărtășești câteva păreri despre asta, te rog?

    Mulțumesc

  33. Wow thanks I’ve always wondered how to do this but never really had the patience to look for a solution. I didn’t know it was this simple. WOOOOT! Thanks. :)

  34. Cum adaug lightbox sau thickbox (exemplu rel=”lightbox” sau class “thickbox”) la miniatură?

  35. Aveți idee dacă acest lucru funcționează pentru miniaturile paginilor? Încerc să listez paginile copil folosind acest cod. (al doilea, în „format postare”. Am înlocuit toate instanțele de „conținut” cu „rezumat” și am folosit Excerpt Editor de la Andrew Oz, care este cu adevărat grozav.

    Când încerc să introduc codul pentru miniatură, nu apare.

    Aveți idee ce aș putea face greșit?

  36. Băieți, funcționează doar cu imagini pătrate?

    Adică 50px pe 50px?

    Am auzit pe cineva menționând că ia doar valoarea înălțimii atunci când se specifică dimensiunile...
    (deci 50px pe 30px nu ar funcționa)

    • Va funcționa cu orice dimensiune. Uneori, calitatea imaginii se va pierde dacă nu are raportul corect. Avem acest lucru funcțional pe site-ul unui client și funcționează perfect.

      Admin

  37. Sunt începător și îmi place ceea ce faceți. Ar fi frumos să primesc instrucțiuni foarte specifice pentru astfel de lucruri. Când copiez/lipesc în funcții, nu funcționează.

    Păreri despre ce aș putea face greșit? Poate un articol pentru începători despre funcții?

    Mulțumesc și continuați munca excelentă.

    • Folosești WordPress 2.9? Dacă da, atunci nu există nicio modalitate prin care să nu funcționeze. Aceasta este probabil cea mai bună defalcare a acestui cod.

      Deși încercăm să facem totul cât mai clar posibil, uneori este necesară cunoașterea prealabilă pentru a finaliza anumite sarcini.

      Dacă doriți ca unul dintre angajații noștri să arunce o privire și să facă acest lucru pentru dvs., putem face acest lucru pentru o mică taxă.

      Admin

  38. Super!

    Mulțumesc, băieți, moment perfect, deoarece lucrez la o temă WordPress pentru un client și necesită exact asta!

    Now it will be sooo easy for the less-tech-savvy person that’ll write posts :)

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.