Prima imagine în miniatură a pluginului WordPress. Auto Post Thumbnail - creează automat miniaturi pentru postări. # 1 Obținerea unei miniaturi

Buna ziua! Astăzi vă voi vorbi despre super-plugin-uri pentru afișarea postărilor WordPress. Aceste plugin-uri vă vor ajuta să afișați anunțuri elegante de postare pe orice pagină sau postare de pe site-ul dvs. În anunț, puteți afișa imaginea postării, titlul, fragmentul, autorul, data, categoria. Veți putea afișa anunțuri nu numai ale postărilor, ci și ale paginilor.

Un plugin excelent pentru afișarea anunțurilor de postări și pagini. Afișare pe categorii sau etichete. 4 stiluri de afișare din care să alegeți. Abilitatea de a personaliza aspectul. Puteți afișa numele categoriilor pe pagina de anunțuri, astfel încât atunci când dați clic pe o categorie, să fie afișate doar postările din acea categorie. Cum se configurează pluginul -

Super widget pentru afișarea anunțurilor postate. Afișare pe categorii, etichete, autori. Personalizați aspectul, dimensiunea imaginii. Puteți adăuga data, autorul, categoria. Setări largi și flexibile. Cel mai bun widget pentru afișarea postărilor! Cum se configurează pluginul -

Anunțuri elegante de postări sub formă de plăci. Afișează intrările după categorie. Puteți alege culoarea plăcilor. Puteți afișa o listă cu toate categoriile de site-uri pe pagină, astfel încât atunci când dați clic pe numele unei categorii, postările din această categorie să fie afișate în modul Ajax. Cum se configurează pluginul -

5. Post Grid

Grilă de posturi super elegantă, adaptabilă! Selectarea efectelor de trecere cu mouse-ul, selectarea culorii de fundal a postărilor. Ieșire pe categorii etc. Cum se configurează pluginul -

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 asemănător unei previzualizări a unei postări, poate nici măcar să nu fie folosită î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 utiliza 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 pentru site-ul dvs. web sau poate chiar de dezvoltare de la zero - .

Vom vorbi despre miniaturile wordpress. Sau, așa cum se pot numi și, previzualizări de imagini. În acest articol, puteți afla ce este o miniatură WordPress, cum să o conectați la tema dvs. dacă nu este conectată, cum să îi configurați afișarea și, de asemenea, în ce cazuri poate fi folosită pe site-ul dvs.?

Și pentru a nu întârzia, vom începe imediat să analizăm toate problemele enumerate mai sus.

Ce este o miniatură WordPress și unde o pot folosi?

O miniatură WordPress este o copie mai mică a unei imagini de pe un site web care utilizează motorul Wordpress pentru administrare, altfel poate fi numită previzualizare a imaginii sau mini imagine;

Poate fi folosit atât în anunțurile de articole, în locul imaginilor standard, cât și în alte zone ale site-ului, de exemplu, atunci când utilizați postări populare sau similare WordPress cu o poză. Există, de asemenea, pluginuri care pot folosi previzualizările imaginilor pentru a afișa diverse informații. În plus, o mini imagine poate fi adăugată în fluxul RSS al site-ului nostru pentru o apariție mai atractivă a anunțurilor despre articole. În general, sfera miniaturii este destul de largă, iar întrebările legate de acest tip de imagine apar destul de des.

De exemplu, foarte des apar întrebări legate de faptul că un plugin sau un cod de afișare folosește miniaturi, dar acestea nu apar pe site, ceea ce face aspectul complet diferit de ceea ce era de așteptat. În acest caz, trebuie să verificați suportul pentru miniaturile din tema noastră și, dacă lipsește, activați-l.

Verificarea suportului temei WordPress pentru miniaturi.

Deci, dacă nu suntem siguri de conexiunea miniaturilor în temă, acest lucru poate fi verificat cu ușurință. Pentru a face acest lucru, trebuie să accesați panoul de administrare WordPress și să mergeți la editorul oricăreia dintre postări sau să selectați elementul de postare „adăugați nou”.

Dacă miniaturile WordPress sunt conectate, atunci în coloana din dreapta vom vedea o fereastră numită „Post Thumbnail”, cu un link către „Set Thumbnail”.

Dacă nu vedem această fereastră, ar trebui să verificăm că nu există nicio opțiune de a adăuga o miniatură în setările ecranului. Pentru a face acest lucru, în colțul din dreapta sus, trebuie să faceți clic pe fila „Setări ecran”. Și verificați dacă elementul „Postează miniatură” lipsește.

Dacă acest articol este prezent, trebuie doar să bifați caseta de lângă element și apoi va apărea o fereastră în care putem seta miniatura articolului. Dacă acest articol nu este disponibil, atunci trebuie să activăm suportul pentru miniaturi în șablonul nostru.

Și vă rugăm să rețineți că, datorită modului în care temele sunt traduse, această opțiune poate fi numită diferit, de exemplu, „Imagine caracteristică”, iar linkul pentru a crea o miniatură poate fi astfel: „Setați o imagine specială”.

Conectarea unei miniaturi WordPress și afișarea acesteia în anunțul articolului.

Pentru a conecta miniaturi WordPress la tema noastră, trebuie să deschideți fișierul functions.php în panoul de administrare sau folosind editorul de text NotePad++ și în partea de jos, înainte de?>, adăugați următorul cod:

Add_theme_support ("post-miniaturi");

După aceea, în editorul de postări vom avea ocazia să setăm o miniatură. Și dacă nu avem multe articole, atunci putem seta manual o miniatură WordPress pentru fiecare.

Acum, cum îl pot folosi într-un anunț de articol? Pentru a afișa o miniatură pe pagina principală, trebuie să scrieți codul în fișierul index.php sau loop.php în locul potrivit:

Dacă întâmpinați dificultăți în a găsi locul potrivit, atunci găsiți acest cod:

Sau cam asa:

Și înainte de aceasta, introduceți codul pentru afișarea miniaturii WordPress.

După acești pași și atribuirea unei mini-imagine în editorul de postări WordPress, pe pagina principală vor apărea mici copii ale imaginilor. În plus, putem face din această imagine un link către continuarea articolului. Pentru a face acest lucru, înlocuiți codul standard cu acesta:

" title="!}">

Mai multe detalii despre ce constă acest cod:

1. etichetă de deschidere , și închidere— o etichetă destinată creării de link-uri. El este cel care va face din miniatură un link.
2.href="" - link către articol.
3. title="" — тайтл (заголовок) ссылки, который будет виден, при наведении на нее курсора. Берется из заголовка статьи.!}
4. — funcția de ieșire a mini-imagine.

Acum ar trebui să fie puțin mai clar cum funcționează. Tot ce trebuie să facem este să proiectăm aspectul imaginii, în funcție de nevoile noastre. Pentru a face acest lucru, trebuie să adăugați următorul cod la style.css dacă nu este acolo:

Img.wp-post-image (stiluri de miniaturi aici)

Și între paranteze, în loc de „aici sunt stilurile de miniatură”, adăugați stilurile necesare. Acest lucru se aplică la ieșirea normală, standard, fără a utiliza niciun parametru.

Opțiuni pentru miniaturile WordPress.

Dar această funcție are parametri suplimentari pentru o configurație mai flexibilă. Desigur, nu vom lua în considerare toți parametrii, ci vom atinge doar alocarea dimensiunilor pentru mini-imagini, deoarece acest lucru poate fi necesar la ajustarea aspectului imaginilor. Și atunci când atribuim parametrii funcției de afișare a miniaturilor, vom putea modifica dimensiunile din panoul de administrare, ceea ce este mai convenabil decât să intrăm în cod și să-l edităm de fiecare dată.

În mod implicit, putem folosi următoarele opțiuni pentru imagini:

The_post_thumbnail(); // ieșire standard, fără parametri, despre care am vorbit mai sus. the_post_thumbnail("miniatură"); // o copie mai mică a imaginii (implicit 150px x 150px). Este posibil să se configureze din panoul de administrare, dar dimensiunea nu trebuie să depășească 150px the_post_thumbnail("mediu"); // dimensiune medie (implicit 300px x 300px). Posibilitatea de a configura din panoul de administrare. the_post_thumbnail("mare"); // dimensiune mare (implicit 640px x 640px). Posibilitatea de a configura din panoul de administrare. the_post_thumbnail("plin"); // dimensiune completă (dimensiunea originală a imaginii). the_post_thumbnail(matrice(100,100)); // mărimile tale. Este posibil să atribuiți orice dimensiuni de lățime și înălțime.

Pentru a utiliza una dintre opțiuni, este suficient să înlocuiți codul standard (fără parametri) cu oricare dintre cele propuse.

Și, în consecință, pentru fiecare parametru, există selectoare pentru fișierul de stil css.

Img.wp-post-image img.attachment-thumbnail img.attachment-medium img.attachment-large img.attachment-full

Alegerea selectorului direct depinde de alegerea parametrilor pentru miniatură.

Atribuiți automat o miniatură WordPress și afișați-o în anunțul articolului.

Dar dacă site-ul are o listă de conținut destul de impresionantă și setarea manuală a miniaturii va fi destul de problematică. Pentru a face acest lucru, putem folosi o altă funcție care va crea automat o mini-imagine din prima imagine a articolului. Pentru a face acest lucru, în fișierul functions.php, după ?> adăugați funcția:

/i", $post->post_content, $potriviri); $first_img = $potriviri; returnează $first_img; ) ?>

Acum, pentru a afișa o miniatură în anunțul articolului, adică pe pagina principală, deschideți fișierul index.php sau loop.php și adăugați codul cu funcția de afișare a miniaturii (funcția din exemplul precedent poate fi eliminat) în același loc ca la ieșirea standard:

"src="" alt="" width="150" /> !}

Acum, să aruncăm o privire la ce constă acest cod.

1. Etichetați — de fapt, această etichetă este cea care va afișa imaginea, deoarece funcția în sine scoate doar linkul către prima imagine din postare.
2. title="" — тайтл (заголовок) изображения, который можно увидеть при наведении курсора на миниатюру записи wordpress.!}
3.src="" - un link către imaginea care va fi afișată. După cum puteți vedea, aici se află funcția, care este responsabilă pentru linkul către mini-imagine.
4. alt="" — альтернативный текст изображения. В случаях, когда в браузере отключена загрузка изображений, будет появляться alt, как бы описывая, что здесь должно быть за изображение.!}
5. width="150" — setează lățimea miniaturii. În acest caz, imaginea va fi redusă în proporție directă, concentrându-se pe lățimea specificată.

Este foarte posibil ca atunci când introduceți acest cod, pe pagina principală să apară două imagini pentru fiecare anunț. Rezultatul acestei erori ar putea fi folosirea ieșirii standard a anunțului:

Și pentru ca această eroare să dispară, înlocuiți-o cu:

După aceasta, această problemă ar trebui să dispară.

Ultimul lucru pe care îl putem face astăzi este să facem din miniatură WordPress un link. Pentru a face acest lucru, pur și simplu înfășurați codul cu eticheta cu un link catre articol:

" >"src="" alt="" width="150" /> !}

În ceea ce privește utilizarea miniaturilor WordPress în anunțul articolului, practic asta este. Dar este posibil să fie nevoie și să proiectăm aspectul imaginii folosind fișierul style.css. Unii oameni pot avea probleme în a decide ce selectoare să folosească pentru coafare.

Pentru a proiecta o mini imagine afișată folosind această metodă, puteți adăuga pur și simplu o clasă pentru etichetă . De exemplu, pentru ca codul să arate astfel:

" >"src="" alt="" width="150" /> !}

Img.mini(stiluri în miniatură aici)

Asta e tot. Acum puteți conecta suportul pentru miniaturi la șablonul dvs. și le puteți utiliza pentru a afișa anunțuri despre articole. Și, de asemenea, proiectați miniaturi WordPress după cum doriți.

Cel mai important! Înainte de orice editare a codului, asigurați-vă că faceți astfel încât să aveți întotdeauna posibilitatea de a-l restaura.

Asta e tot ce am. Noroc!

Miniaturile pentru articolele de pe un blog WordPress sunt o caracteristică foarte simplă și convenabilă, care vă permite să furnizați o postare cu o imagine explicativă în câteva secunde. Dar, având în vedere că suportul pentru miniaturi în platforma WordPress este destul de recent, multe șabloane pur și simplu nu îl acceptă și imaginile explicative din șabloane vechi sunt chiar în text.

Și, când încercați să utilizați funcția de miniatură în șablon, imaginile sunt duplicate - imaginea veche rămâne și apare o miniatură. Este bine dacă blogul este întreținut timp de câteva luni, dar dacă pentru câțiva ani (nu ar trebui să te joci cu poze toată ziua)? Dar, acest lucru poate fi rezolvat cu ajutorul minunatului plugin Auto Post Thumbnail.

Pluginul Auto Post Thumbnail permite imagini în miniatură de la prima imagine dintr-o postare. Dacă miniatura este deja instalată, atunci nu se întâmplă nimic. Pluginul funcționează foarte simplu și, cel mai important, eficient.

Instalarea acestui plugin este extrem de simplă, doar descărcați-l de pe site-ul oficial al dezvoltatorului și instalați-l încărcându-l în folderul de pluginuri folosind o conexiune FTP sau descărcare obișnuită din panoul de administrare a blogului.

După ce ați instalat pluginul, în meniul blogului dvs. va apărea un nou articol cu numele pluginului - Auto Post Thumbnail, în care există un singur buton Generare Thumbnails, făcând clic pe care vor genera miniaturi pentru toate postările existente pe blogul dvs. .

După finalizarea pluginului, recomand să parcurgeți blogul pentru a verifica cât de corect sunt afișate postările. Dacă apare duplicarea - două imagini ca o miniatură, atunci șablonul dvs. probabil a avut anterior suport pentru miniaturi și pentru a corecta aceste erori trebuie să faceți câteva modificări codului șablonului. Și anume, editați funcția the_content înlocuind-o cu php_the_content with

în toate fișierele tematice din home.php, archive.php, index.php și altele, oriunde este prezent.

După aceasta, miniaturile ar trebui să fie afișate în postări scurte, iar în cele complete imaginea pe care o specificați pentru postare. Dar o voi spune din nou, este mai ușor să utilizați șabloane moderne care acceptă toate funcțiile necesare, templatemonster vă oferă și șabloane WordPress de înaltă calitate; și există atât opțiuni plătite, cât și opțiuni gratuite. Dar. Dacă nu doriți să vă despărțiți de niciunul dintre șabloanele dvs. preferate, atunci aceasta este calea pentru dvs.

Acest plugin va ajuta un proiect vechi, dar foarte drag pentru dvs., să capete un aspect modern.

Salutare tuturor! A trecut deja o săptămână de când am plecat din Sankt Petersburg și ne-am stabilit în satul Hikkaduwa din Sri Lanka. Mai multe despre asta la sfârșitul postării.

Astăzi veți învăța cum să creați, să adăugați și să editați miniaturi pentru postări în WordPress. Să ne dăm seama de ce sunt necesare, precum și cum poți adăuga automat previzualizări pe blogul tău.

Cum să folosești miniaturile pe un blog WordPress?

Imaginile în miniatură în WordPress sunt cel mai des folosite în anunțurile postărilor de blog. Anunțurile sunt afișate pe pagina principală sau în secțiuni. De regulă, o ilustrație a anunțului este o copie mai mică a imaginii din articolul însuși. De asemenea, aceste previzualizări vor apărea atunci când postări similare sunt afișate sub un articol, dacă tema dvs. oferă o astfel de opțiune sau aveți instalat pluginul corespunzător. Acest lucru este valabil și pentru cele mai recente și populare postări din bara laterală, dacă le aveți.

Este foarte important ca în fiecare loc în care sunt afișate miniaturile, acestea să fie comprimate la dimensiunea în care le vedem pe site. Desigur, ar fi posibil să afișați imagini la dimensiune completă și pur și simplu să le setați la dimensiuni mici folosind stiluri CSS. Dar apoi browserul va trebui să încarce o mulțime de imagini mari și grele de fiecare dată, ceea ce va face ca site-ul să se încarce foarte lent. Din fericire, este posibil să comprimați automat imaginile la dimensiunea dorită.

Acum să trecem la cum să afișați miniaturile pe un blog WordPress și setările acestora.

Afișarea unei previzualizări a unei postări în WordPress

Pentru a verifica dacă șablonul dvs. WordPress acceptă afișarea miniaturilor, trebuie să accesați editorul de postare sau de pagină. Dacă este acceptat, ar trebui să vedeți următoarele:

Am această opțiune în colțul din dreapta jos pe pagina de editare.

Acum, pentru a crea o previzualizare pentru articol, faceți clic pe „Set Thumbnail”.

Puteți selecta imagini deja descărcate din biblioteca de fișiere sau puteți încărca una nouă. Deoarece miniatura este setată după ce articolul este scris și formatat, cel mai probabil fotografia necesară va fi în bibliotecă. Tot ce trebuie să faci este să-l selectezi, iar apoi, în funcție de șablonul tău, va fi generată o previzualizare a dimensiunii de care ai nevoie.

Dacă dintr-un motiv oarecare nu sunteți mulțumit de dimensiunea sau stilul imaginii, puteți accesa editorul foto și puteți seta manual parametrii necesari.

Puteți seta dimensiunile miniaturilor pentru postările din WordPress în panoul de administrare: „Setări” - „Fișiere media”:

Ce trebuie să faceți dacă afișarea miniaturilor nu este furnizată în tema dvs., dar aveți nevoie de ele?

Pentru a face acest lucru, puteți utiliza următoarea funcție din fișierul functions.php al temei:

add_theme_support('post-miniaturi'); ?>

Miniaturi automate în WordPress folosind un plugin

Este bine dacă ați adăugat corect miniaturi la fiecare postare în timp ce le creați. Dar ce se întâmplă dacă ai deja o mulțime de postări pe blog fără previzualizări? Sau cum să schimbi dimensiunea tuturor miniaturilor în WordPress după ce ai schimbat designul blogului? Redeschiderea fiecărei intrări și editarea acesteia necesită multă muncă.

Din fericire, pentru a ne ușura viața, au fost create pluginuri pentru a genera automat miniaturi pentru postările WordPress.

Pentru a găsi un plugin potrivit, introduceți miniaturi (din engleză - miniaturi) în bara de căutare.

Astfel, vom găsi cele mai relevante și populare plugin-uri pentru sarcina noastră.

Unul dintre pluginurile utilizate în mod obișnuit și simple pentru a redimensiona toate miniaturile în WordPress este Regenerare Thumbnails:

După instalare, accesați „Tools” - „Regen.Thumbnails”:

În fereastra care apare, faceți clic pe butonul „Regenerați toate miniaturile” dacă doriți să ajustați toate miniaturile la dimensiunea specificată în setările blogului.

Așteptăm până se termină procesul:

Unul dintre cele mai simple pluginuri pentru inserarea de miniaturi automate în toate postările de pe WordPress este Easy Add Thumbnail.

Acesta creează automat o miniatură pe baza primei imagini din postare. Pentru a face acest lucru, trebuie doar să-l activați; nu trebuie să configurați nimic.

Un alt plugin pentru crearea de miniaturi pentru postări în WordPress este Generate Post Thumbnails. Vă permite să setați numărul imaginii din postare care va fi folosită pentru a genera previzualizarea.

După cum puteți vedea, afișarea miniaturilor în WordPress și chiar generarea lor automată este foarte simplă.

P.S. Hikkaduwa este o destinație turistică minunată pe coasta de sud-est a Sri Lanka. Ne place aici: vegetație luxuriantă, luxuriantă, ocean limpede cu valuri uriașe, multe nuci de cocos și alte fructe, localnici prietenoși. Închiriem o casă pentru 45.000 de rupii (21.000 de ruble). Sezonul ploios se încheie acum și vremea ar trebui să fie frumoasă pentru următoarele câteva luni! Vino in vizita :)