Eliminarea suprapunerii imaginilor pe Tumblr

Folosind funcția de scroll infinit, blogul tău Tumblr poate afișa tot conținutul pe o singură pagină, dar dacă codul nu este corect implementat, imaginile se suprapun, deteriorând experiența cititorilor.

Scroll infinit

Scroll‑ul infinit este o tehnică de design web care previne ca bara de derulare a browserului să ajungă la finalul paginii. În acest fel, toate postările tale pot fi vizualizate fără a crea pagini suplimentare.

Eroare de suprapunere

Când scriptul de scroll nu este scris corect, imagini din postări se întrec, ocupând spațiu inutil și făcând pagina să pară dezordonată. Pentru bloguri cu multe poze, acest lucru poate reduce numărul de urmăritori.

Cod de înlocuire și etichete suplimentare

Urmează acești pași pentru a corecta problema fără a pierde funcționalitatea scroll‑ului infinit:

1. Șterge toate scripturile de scroll infinit existente din codul HTML al blogului.
2. Plasează următorul fragment imediat înainte de tag-ul de închidere </head>:

<script type="text/javascript" src="https://tumblogy.com/wp-content/uploads/2013/03/Endless-Scroll-Code.js"></script>

După aceea, adaugă următorul bloc înainte de tag-ul </block:posts>:

<div class="autopagerize_page_element">

Încheie scriptul adăugând </div> imediat după </block:posts> pentru a finaliza funcția de scroll.

După această modificare, blogul ar trebui să navigheze fără suprapuneri.

Considerații

Gândește-te dacă scroll‑ul infinit este cu adevărat necesar pentru blogul tău. JavaScript poate afecta performanța și timpul de încărcare, mai ales pe pagini mari. Dacă blogul nu se bazează majoritar pe imagini, o altă organizare a postărilor (ex. paginare) ar putea fi mai eficientă.
URL:https://ro.whycomputer.com/Internet/100519329.html