Líbí se vám postupné načítání obsahu při doscrollování na konec stránky? Určitě to znáte ze sociálních sítí Google Plus nebo Facebook, kde se tak načítají další a další příspěvky na News Feedu (ať už po dojetí na konec stránky nebo po kliknutí na odkaz). Nově existuje plugin Infinite Scroll, který tuto funkcionalitu zprostředkuje i pro váš blog / stránku postavenou na WordPressu. Nebude tak již potřeba klikat na odkazy Starší články / Novější články, ale návštěvník si pohodlně váš web proscrolluje.
Demo ukázka
Jak výsledný blog funguje se můžete podívat na www.alet.cz. Stačí scrollovat až dolů. Plugin jednoduše načítá za pomoci AJAXu a funkce Load() další a další příspěvky z databáze.
Jak na implementaci
- Stáhněte si nejnovější verzi pluginu – Infinite Scroll (zip)
- V nastavení pluginu projděte jednotlivé kroky (hlavně zkontrolujte obalující divy a jejich jména)
- Vložte do hlavičky vaší šablony knihovnu JQuery
- Upravte si třídy, které stylují plugin. Například u #infscr-loading se hodí přidat vlastnost text-align: center, aby se načítání zobrazovalo vycentrované.
Pokud by vám plugin nefungoval, prostudujte si návod.
Ahoj, moje jméno je Jirka Štencek a na tomto blogu budu psát o novinkách ze světa Internetu, články věnované Wordpressu, eshopům, podnikání, webům obecně atd.
[…] si můžete prohlédnout zde Infinite Scroll. Článek o implementaci na WordPress zase zde Nekonečná smyčka na WordPressu. Příjemné scrollování This entry was posted in Uncategorized by admin. Bookmark the […]
[…] Naši slovenští kolegové (snad se kluci nenaštvou, když je tak nazvu) napsali aktualitu o novinkách v pluginu Jetpack. Pro mě byla zajímavá zmínka o práci s fotkami a obrázky za pomocí Photonu (pokročilá služba na optimalizaci a editaci obrázků) a Infinite Scroll, kterému jsem se věnoval jako samostatnému pluginu zde. […]
Osobně bych dal přednost funkcionalitě pro prohlížeč, která by tuhle feature vypla. Nesnáším, když se mi načítá víc a víc obsahu, namísto stránkování. Nemívám otevřenu jednu kartu prohlížeče…