Înregistrări populare cu miniaturi în bara laterală fără un plug-in
Poate că ați observat în blocul meu bara laterală „blog popular“, cu siguranță, conectați acolo și nu miros, totul se face prin intermediul HTML convenționale.
Acesta este probabil cel mai simplu mod de a scoate intrări populare pe WordPress, dar în opinia mea are o serie de avantaje, la care mă voi întoarce puțin mai târziu.
Deci, de ce ai nevoie de o listă de înregistrări populare? Faptul este că factorul notoriu de comportament afectează din ce în ce mai mult poziția site-ului în rezultatele căutării și tot mai multe motoare de căutare folosesc PF în algoritmii lor.
Blocați intrările populare cu titluri interesante, cu siguranță vă va ajuta să avansați proiectul în cadrul SERP.
Deci, nu ar fi inutil să ajuți vizitatorul să ajungă la înregistrările cele mai interesante, utile și ușor de citit ale resurselor tale.
Desigur, există o mulțime de pluginuri diferite concepute pentru a afișa înregistrări populare, atât cu miniaturi, cât și fără, iar prin tradiție voi enumera câteva dintre ele.
Înțeleg că va fi mai ușor pentru începători de a utiliza una dintre plugin-uri, decât să sape în „de neînțeles“ fișiere șablon, dar încă o dată toate avertizează:
Un număr mare de plug-in-uri va afecta negativ viteza de încărcare a paginilor din resursele dvs.!
Poate începe lecția cu cel mai simplu mod de a ieși intrări populare pe WordPress. Să mergem!
Cum se afișează intrări populare în bara laterală folosind HTML
Această metodă poate fi numită lucrare manuală, deoarece alegerea articolelor pentru bloc este făcută direct de dvs. și toate link-urile sunt marcate cu pixuri. Dar există avantaje semnificative:
Plus numărul 1. Abilitatea de a face inițial miniaturi de dimensiunea corectă, adică pentru a exclude compresia, ca să spunem așa, în zbor, despre care am scris în articol despre încheierea unui bloc de înregistrări similare.
Plus numărul 2. Abilitatea de a utiliza miniaturi create de CMS WordPress.
Plus numărul 4. Pentru referință, puteți compila orice ancora, diferită de titlul articolului, care va îmbunătăți lista de ancore a proiectului.
Plus numărul 5. Net HTML va minimiza încărcarea de pe server.
Deci, mai întâi trebuie să decidem cum va arăta blocul nostru de înregistrări populare. Este clar că dacă va fi localizată în bara laterală, atunci nu merită prea mult să o faci. Propun două opțiuni.
Dar puteți face o legătură în miniatură și, în general, faceți fără antet?
Poți, bineînțeles, dar atunci utilizatorul nu poate înțelege ce înseamnă materialul respectiv și că nu va urma tranziția. Dar dacă renunți la fantezie, atunci titlul poate să vină cu un lucru foarte atrăgător, ca să spunem așa, să jucăm pe curiozitatea umană.
După cum înțelegeți, am creat cea mai simplă masă, cu o lățime de o celulă și o înălțime de cinci celule.
Acum trebuie să introducem o miniatură și un titlu în fiecare celulă. Ar trebui să arate astfel:
Se ridică o întrebare rezonabilă, dar de ce avem nevoie de o masă?
Faptul este că, fără un tabel, imaginile și titlurile vor fi stivuite unele pe altele și, în general, diavolul va ști ce. Iată o ilustrare ilustrativă:
Folosind masa, se stabilesc limite invizibile pentru care nimic nu va "accesa cu crawlere".
După cum puteți vedea, masa a plasat cu succes miniaturile, dar anteturile arată încă greșit.
Pentru a rezolva situația, să stabilim clasa pentru masa noastră. Adăugați următoarele în eticheta tabelului:
Acum avem abilitatea de a aplica stiluri și de a aduce în minte aspectul blocului de intrări populare.
Ei bine, asta e altceva:
Încă o dată vreau să repet:
Desigur, pentru blocul de înregistrări populare, puteți utiliza miniaturi pe care WordPress le creează automat, dar trebuie să specificați corect căile. De exemplu, aici este numele miniaturii din blogul meu, creat de WordPress din imaginea pentru articol - caracterele nu sunt pe tastatură.
Sunt cifrele (dimensiuni) de 150x111 care disting numele miniaturii de numele imaginii principale. Desigur, puteți avea alte numere. Detalii despre modul de ajustare a dimensiunii miniaturilor când le creați automat pe WordPress, puteți citi aici.
În cazul meu, calea către miniatura va arăta astfel:
Creați un tabel cu această structură:
Acest tabel are două celule în lățime și cinci celule înălțime.
Acum inserăm miniaturi și anteturi în toate celulele, așa cum am făcut în prima variantă. Singurul lucru pe care aș dori să-l sfătuiesc este să nu faceți în a doua variantă prea lungi titluri. De exemplu:
În opinia mea, este mult mai bine atunci când intrările populare ar arăta astfel:
Asta e totul. Nu este doar adevărat? Va trebui să copiați codul și să îl inserați în widget sau mai bine chiar în fișierul sidebar.php, pentru a nu încetini încărcarea paginilor.
În acest caz, nu se poate face fără bine cunoscutele și pentru multe limbaj PHP incomprehensibil.
Acum, să vedem ce se poate schimba în cod.
Această linie de cod afișează imaginile și anteturile postate. După cum puteți vedea, am folosit și masa aici, astfel încât elementele să nu se disperseze. Ce putem schimba aici ...
Cine nu vrea ca link-urile să se deschidă într-o fereastră nouă, ștergeți următorul cod:
Pentru cei care au nevoie să regleze dimensiunea miniaturilor, trebuie să înlocuiți:
Unde 140,100 este dimensiunea dorită a miniaturii.
Important! La redimensionarea miniaturilor, se creează o sarcină suplimentară pe server și, ca urmare, viteza de încărcare a paginilor încetinește
Restul nu trebuie atins.
Stilurile pentru bloc pot fi aplicate la fel cum am menționat mai sus. Iată ce ar trebui să obținem:
Important! Implicit în WordPress, codurile PHP nu sunt executate în widget-uri. Situația va fi stabilită printr-o funcție specială.
Acum trebuie să sunăm contorul în locul potrivit. Pentru a face acest lucru, căutăm ceva similar cu această linie în fișierul single.php:
La sfârșitul acestei linii, adăugați codul apelului:
Ar trebui să arate ceva de genul:
Asta nu e tot! Acum trebuie să obținem înregistrări populare în bara laterală. Deschideți fișierul sidebar.php și introduceți următorul cod în locul potrivit:
În acest cod, ar trebui să acordați atenție unei singure zone:
Unde numărul 5 este numărul de înregistrări din bloc.
Stilurile rămân aceleași.
Iată cum ar trebui să obținem:
Cu stimă, Vitaly Kirillov
Interesant pe blog
Sublinieri ale codului bazate pe SyntaxHighlighter
Relevanța paginilor. Determinarea relevanței textului
Executați codul PHP în widget-urile WordPress fără plug-in
Transferarea site-ului de la Denver la găzduire. Numărul 4
Structura corectă a rubricilor site-ului. Etichetele HTML h1 - h6 și impactul acestora asupra promovării
Aici sunt cam la fel) sarcina este complicată și există multe probleme. Nu știu dacă merită să se joace cu ea. Este păcat că până acum nimeni nu a postat codul de lucru.
Articole similare
Trimiteți-le prietenilor: