Funcția The_post_thumbnail () este o înregistrare în miniatură în anunțul WordPress
Nu cu mult timp în urmă, unul dintre cititorii mei a întrebat ce plug-in folosesc pentru a afișa miniaturi în anunțurile de înregistrări. Pentru a implementa această sarcină simplă, nu este necesar să utilizați plug-in-uri, voi spune mai mult, acest lucru dăunează site-ului. Voi explica de ce.
Chiar dacă nu țineți cont de sarcina de pe server pe care o creează plug-in-urile, există și alte dezavantaje. Din ce în ce mai mulți utilizatori utilizează dispozitive mobile pentru a accesa Internetul, ale cărui browsere nu acceptă multe pluginuri, în special cele grafice.
Prin urmare, vă recomandăm cu insistență să utilizați funcțiile WordPress în locul pluginurilor, dacă este posibil.
Am publicat deja câteva articole despre utilizarea miniaturilor pe un motor de blog popular, cum ar fi:
Mai întâi de toate, trebuie să determinăm dimensiunea miniaturii pe care dorim să o aducem la anunț. Să ne dăm seama ce dimensiuni oferă WordPress implicit și cum pot fi schimbate. Să mergem!
Dimensiunile imaginii WordPress
În setările WordPress (Setări -> Fișiere media), dimensiunile implicite sunt după cum urmează:
Dimensiunea miniaturii este de 150x150 pixeli;
Dimensiunea medie este de 300x300 pixeli;
Dimensiunea mare - 640x640 pixeli;
Dimensiunea originală nu este specificată.
Pentru fiecare marime specificată, WordPress atribuie o denumire sau un nume, după cum doriți:
150x150 - miniatură;
300x300 - mediu;
640х640 - mare;
Dimensiunea inițială este plină.
Aceasta înseamnă că atunci când apelați o miniatură, nu este necesar să specificați dimensiunile acesteia, ci mai degrabă să o numiți ca parametru pentru funcție, dar mai mult despre aceasta mai târziu.
Aici este important să înțelegeți că dacă ați încărcat deja n-număr de imagini pe site și nu ați modificat setările, atunci miniaturile vor fi create pe baza dimensiunilor implicite. Deci, nu fi surprins dacă miniaturile sunt afișate într-un format cut-off.
În această situație, există două soluții.
Numărul deciziei 1. Setați proporțiile necesare în setări și reluați toate imaginile, salvând astfel serverul de la încărcarea inutilă asociată nevoii de redimensionare a imaginilor, ca să spunem așa, în zbor. Această decizie, cred, va fi cea mai corectă.
Numărul deciziei 2. Puteți face acest lucru fără a pierde imaginile, marcând astfel recomandările PageSpeed și redimensionând chiar funcția.
Deci, este timpul să vă prezentăm funcția de ieșire a imaginii, numită the_post_thumbnail ().
Funcția the_post_thumbnail ()
Voi spune imediat, funcția the_post_thumbnail () este o etichetă de șablon care funcționează numai într-o buclă WordPress.
La nota! Funcția the_post_thumbnail () funcționează pe baza get_the_post_thumbnail ().
Singura diferență dintre funcțiile the_post_thumbnail () și get_the_post_thumbnail () este că nu puteți specifica ID-ul de înregistrare în el. ca parametru, deoarece funcția are întotdeauna o miniatură din postul curent din buclă.
Funcția the_post_thumbnail () poate lua unul sau doi parametri. Primul parametru este întotdeauna dimensiunea imaginii, de exemplu:
În acest exemplu, ca primul și singurul parametru, am specificat dimensiunea medie a miniaturii care a fost setată în preferințele WordPress.
De asemenea, puteți modifica dimensiunea miniaturii specificată în setări, dar proporțiile laturilor imaginii deja create nu se modifică:
Unde 50,50 - dimensiuni noi pentru o miniatură.
Al doilea parametru poate accepta o clasă CSS, de exemplu:
În fișierul style.css, pentru clasa .miniature. puteți scrie următoarele stiluri:
Probabil că ați înțeles că stilurile pe care le-am menționat mai sus au fost aplicate pe blogul meu și, bineînțeles, le puteți modifica la discreția dvs. Pentru a lucra cu stiluri, vă sfătuiesc să utilizați extensia Firebug.
Dar nu este necesar să vă scrieți clasa CSS într-o funcție, deoarece toate miniaturile create de funcția get_the_post_thumbnail (). WordPress atribuie o clasă .wp-post-imagine. dar în plus, miniaturile primesc o clasă separată, în funcție de dimensiunea lor:
atașament - miniatură - dimensiunea miniaturii;
.atașament-mediu - dimensiune medie;
.atașament-mare - dimensiune mare;
.atașament-plin este dimensiunea originală.
Deci, cu funcția și parametrii săi, am rezolvat puțin, rămânând să aflăm cum este afișată miniatura înregistrării în anunț folosind the_post_thumbnail ().
Cum să deduceți o miniatură în anunțul unui articol
Pentru anunțurile de intrări în șabloanele WordPress, următoarele fișiere sunt responsabile:
De asemenea, fișierele principale pot fi împărțite în subfilete suplimentare, ca să spunem așa. Vă sfătuiesc să citiți articolul - Funcția get_template_part (). Structura de template-uri moderne WordPress.
Deci, În bucla, căutați o linie cu etichetele titlu. Cineva ar putea avea o etichetă h1, cineva are h2, dar în cele mai multe cazuri linia arată astfel:
Și sub această linie vom introduce următorul cod:
În acest exemplu, miniatură va fi un link către postare. Mulți ar putea crede că acest lucru este inutil, deoarece titlul articolului este, de asemenea, o legătură. Dar faptul că link-urile de la imagine și de legătura de text nu sunt exact la fel, iar pentru link-uri interne relinking de la imagini sunt utile.
Dar dacă cineva nu dorește cu adevărat ca miniatură să fie o legătură, atunci va fi suficient să scrieți acest lucru:
Am inserat acest cod în toate fișierele responsabile pentru afișarea anunțurilor și nu uitați să adăugați stiluri la fișierul style.css, cu o clasă corespunzătoare dimensiunii miniaturilor, exemplul pe care l-am citat mai sus.
Și încă un lucru. Dacă în șablonul dvs., funcția the_content () răspunde pentru decuparea textului. atunci mai multă etichetă trebuie plasată deasupra primei imagini din înregistrare, altfel va arăta astfel:
Sincer, Vitaly Kirillov
Acordați atenție liniei:
Dacă citiți articolul, funcția the_post_thumbnail () nu poate avea implicit valoarea "custom-size", este deja dezvoltatorii șablonului încercat.
Ce imagine doriți să afișați: miniatură, dimensiune medie sau completă?
Și cum arată miniaturile de pe site-ul dvs.?
În mod implicit, scripturile de miniaturi ar trebui să aibă următoarea structură:
Bine ai venit! Nu refuzați să vă ajutați! Miniaturile postărilor de pe principalele surse primesc următorul cod:
Există dubii din moment ce the_title () este folosit de două ori
Bine ai venit!
Proporțiile sunt după cum urmează:
Prezența sau absența unui titlu pentru link nu afectează legătura. Aici la voință. Dacă utilizatorul este atât de confortabil, atunci faceți-l.
the_title () poate fi folosit de două ori, nu este nimic în neregulă cu asta.
alt - este indicat în panoul de administrare atunci când încărcați / editați fișierul media.Există o modalitate de al scoate și de a le seta în cod?
Încerc să fac acest lucru alt = "#". Get_the_title (). "
dar sunt afișate în alte titluri!
Articole similare
Trimiteți-le prietenilor: