Jak odstranit překrývání obrázků na Tumblr

Tumblr umožňuje přidat funkci nekonečného (neomezeného) rolování, díky které se celý blog načte na jedné stránce. Pokud však kód není správně nastaven, mohou se obrázky v příspěvcích překrývat a vytvořit chaotický vzhled. Problém lze vyřešit několika drobnými úpravami kódu.

Nekonečné rolování

Nekonečné rolování je technika webdesignu, která zabraňuje posuvníku prohlížeče dosáhnout spodní části stránky. Výsledkem je, že veškerý obsah blogu je zobrazen na jediné stránce, což umožňuje plynulé přidávání nových příspěvků bez nutnosti vytvářet další stránky.

Chyby překrývání

Špatně napsaný kód pro nekonečné rolování často vede k tomu, že se obrázky překrývají. Na blozích s mnoha fotografiemi může takové překrývání značně zhoršit čitelnost a použitelnost blogu a dokonce odradit sledující, kteří nechtějí sledovat nepořádek.

Náhradní kód a doplňkové značky

Pro opravu problému a zachování funkce nekonečného rolování postupujte takto:

1. Odstraňte všechny dosavadní skripty související s nekonečným rolováním z HTML šablony.
2. těsně před uzavírací značku </head> vložte následující skript:

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

3. Před značku </block:posts> přidejte:

   <div class="autopagerize_page_element">

4. Bezprostředně po značce </block:posts> uzavřete div:

   </div>

Po uložení šablony by se měl blog načítat nekonečně a obrázky by se již neměly překrývat.

Úvahy před použitím

Než nasadíte nekonečné rolování, zvažte, zda je pro váš blog skutečně nezbytné. Jedná se o funkci založenou na JavaScriptu; nadměrné používání skriptů může zpomalit načítání stránky a snížit výkon. Pokud váš blog není zaměřen hlavně na fotografie, může být vhodnější tradiční rozdělení na stránky.