Bună ziua, dragi cititori. Astăzi vă voi spune cum să afișați o listă de articole populare în site cu miniaturi și fără miniaturi. Acum, când Yandex va dezactiva liniștit clasarea referențială, în toate domeniile, trebuie să aveți grijă de factorii comportamentali. Pentru că factorii comportamentali vor juca un rol-cheie în clasamentul site-ului. Și îmbunătățirea factorilor de comportament va permite un conținut unic de design adaptabil și de utilizare. Aceasta este concluzia materialelor populare care atrage ochii vizitatorilor și, prin urmare, îmbunătățește factorii comportamentali.
În general, era necesar să te înțelegi.
2 modalități de a crea o listă de materiale populare
Deci, există două moduri de a scoate materialele populare ca o listă.
Cum se creează o listă de materiale populare cu miniaturi
Important! Faceți copii de siguranță ale acelor fișiere cu care veți lucra. Sau cel puțin copiați conținutul acestor fișiere într-un document de text simplu. Deci, puteți restaura întotdeauna fișierul original.
Introducerea codului într-un șablon
După ce ați ales un loc în cod, introduceți aici acest cod:
Și acum puțin despre ceea ce este. Dreptul în acest cod vă permite să modificați numărul de materiale din listă, să vă precizați clasele pentru proiectarea ulterioară și, de asemenea, să modificați lățimea și umplutura pentru link la material, luând în considerare dimensiunea site-ului.
Explicarea codului
Rețineți clasele de miniaturi specificate în cod. Ele sunt utile pentru a face o listă de materiale populare. De asemenea, rețineți că nu există linkuri externe aici. Și rețineți că, dacă introduceți codul în șablonul site-ului dvs., trebuie să fiți atent și să acordați atenție tuturor legăturilor care apar atunci când inserați.
Acum trebuie să adăugați stilurile pentru lista materialelor populare. Pentru aceasta, deschideți fișierul "Stil stil" (stil.css). Și, la sfârșit, adăugăm stiluri pentru a crea o listă de materiale populare cu miniaturi.
Designul de stil al materialelor populare cu miniaturi
Desigur, puteți folosi stilurile dvs. Dacă încă nu sunteți foarte familiarizat în foile de stil ale CSS, vă sfătuiesc să studiați cursul liber al lui Eugene Popov "css de la zero".
În stilurile mele, numai parametrul de umbră al miniaturii se modifică: offset și color. Puteți experimenta cu indentări și fundal, se va dovedi foarte original.
Cum se creează o listă de materiale populare fără miniaturi
Pentru a afișa o listă de materiale populare fără miniaturi, trebuie să corectați codul pe care l-am introdus mai devreme. Este mai precis să excludem căutarea de miniaturi din acesta.
Introduceți acest cod pe același principiu ca și cu miniaturile. Numai tu trebuie să cureți codul și să-l închideți în div-container cu clasa pentru stilul ulterior.
Desigur, nu puteți atinge nimic altceva, dar este mai bine să schimbați stilul de design. Lista obișnuită arată plictisitoare. Prin urmare, vă sugerez să adăugați markeri. Voi folosi un fișier grafic ca marcator. Fișierul trebuie copiat în folderul de imagini al pielii. Sau orice alt dosar, la discreția ta. Dar trebuie să știți calea spre acest fișier. Și acum adăugăm stiluri în fișierul style.css.
Rezultatul este ceva de genul:
Listă fără miniaturi
Aceste stiluri sunt doar un mic exemplu, puteți face mult mai bine. Adăugarea de frontiere, culori de legătură, modificări ale hover-ului și așa mai departe.
Pe asta am totul. Dacă aveți întrebări, nu uitați să scrieți, voi încerca să vă ajut.
Da, întâlnim prieteni rapizi.