Как да премахнем припокриването на изображения в Tumblr

Tumblr позволява добавянето на функции като безкрайно превъртане към вашия блог. Когато работи правилно, целият ви Tumblr се визуализира на една страница. При проблеми обаче, изображенията в постовете се припокриват, създавайки хаотичен вид. С няколко прости промени в кода можете да отстраните този проблем.

Безкрайно превъртане

Безкрайното превъртане е техника в уеб дизайна, при която скролбарът никога не достига дъното на страницата – цялото съдържание се зарежда динамично, докато потребителят превърта надолу. Това позволява блога ви да расте без нужда от множество страници.

Грешки с припокриване

Неправилно имплементирано безкрайно превъртане води до припокриване на изображения. При блогове с много снимки това може да запълни екрана, да наруши навигацията и дори да отблъсне последователи, които не понасят визуален безпорядък.

Коригиращ код и допълнителни тагове

За да запазите безкрайното превъртане и същевременно премахнете припокриването, изпълнете следните стъпки:

1. Премахнете всички съществуващи скриптове за безкрайно превъртане от HTML кода на вашия Tumblr.
2. Поставете следния скрипт непосредствено преди затварящия </head> таg:

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

След това добавете следния блок преди тага </block:posts>:

<div class="autopagerize_page_element">

И затворете го веднага след </block:posts>:

</div>

Това ще активира безкрайно превъртане без визуални проблеми.

Какво да имате предвид

Преди да включите безкрайно превъртане, помислете дали действително ви е необходимо. Тази функция се реализира чрез JavaScript – голямо количество скриптове могат да забавят зареждането и да намалят производителността на блога. Ако вашият сайт не се фокусира върху снимки, може би е по-добре да изберете традиционен списъчен изглед.