Ha WordPress webhelyeket tervezel az ügyfeleid számára, a használhatóság fontos tényező, amit figyelembe kell venned. Azonban az egyik webhelyen a felhasználói élmény (UX) javítására használt néhány technika nem biztos, hogy a legjobb módszer egy másik webhely esetében.

A végtelen görgetés az egyik taktika, amelyet a fejlesztők és a tervezők használnak a webhely látogatóinak lekötésére. Bár egyesek szerint ez valójában árthat a webhelyek használhatóságának, számos olyan eset van, amikor előnyös lehet.

Ebben a bejegyzésben elmagyarázzuk, mi az a végtelen görgetés, és milyen típusú webhelyek profitálhatnak belőle. Ezután három olyan módszert mutatunk be, amellyel ezt a funkciót hozzáadhatja ügyfelei webhelyeihez. Lássunk hozzá!

Egy bevezetés a végtelen görgetésbe

A végtelen görgetés egy olyan webdesign-technika, amelyben az új tartalom automatikusan betöltődik, amikor a látogató eléri az oldal alját. Az eredmény egy folyamatos, végtelennek tűnő tartalomáramlás.

A végtelen görgetést alkalmazó oldalak népszerű példái a közösségi hálózatok, például a Facebook, a Twitter és a Pinterest. Olyan blog- és szórakoztató oldalakon is találkozhatunk vele, mint a Mashable és a Buzzfeed:

A végtelen görgetés beépítésének számos előnye van ezeken a webhelyeken. A legnyilvánvalóbb, hogy időt takarít meg, és több tartalmat kínál a felhasználóknak anélkül, hogy a Tovább olvasás gombra vagy a lapozási linkekre kellene kattintaniuk.

A kevesebb zavaró tényező miatt a tartalom automatikus adagolása azt is jelentheti, hogy a felhasználók tovább maradnak, ami magasabb elkötelezettségi arányt eredményezhet. Ráadásul ez a funkció mobilbarát.

Nem minden weboldal alkalmas azonban a végtelen görgetésre. Ha például célorientált weboldala van, például egy e-kereskedelmi áruház, megnehezítheti a felhasználók számára, hogy megtalálják, amit keresnek. Ha nem megfelelően optimalizálják, hatással lehet a webhely teljesítményére is.

Másrészt, ha lineáris felépítésű webhelye van, rendkívül előnyös lehet. A végtelen görgetés különösen hasznos lehet történetmesélési célokra, akár hosszú blogbejegyzések, akár vizuális tartalmak, például képek révén.

Hogyan adhat végtelen görgetést az ügyféloldalakhoz (3 módszer)

Ha olyan ügyféloldalakat készít, amelyek tartalomvezéreltek, érdemes megfontolni a végtelen görgetés funkció hozzáadását. Nézzünk meg három módszert, amellyel ezt megteheti.

Egy végtelen görgető plugin használata

Az egyik leggyorsabb és legegyszerűbb módszer, amellyel végtelen görgetést adhat hozzá ügyfelei webhelyeihez, az egy plugin használata. Egyesek, például a Jetpack, tartalmaznak funkciókat ennek a tervezési elemnek a megvalósításához.

Nem létezik túl sok önálló végtelen görgetéses bővítmény. Egy népszerű, általunk ajánlott azonban az Ajax Load More:

Ez a bővítmény ingyenes és könnyen használható, bár némi programozási ismeretet igényel. Lehetővé teszi, hogy végtelen görgetést adjon a posztok, oldalak és kommentek lusta betöltéséhez.

A plugin telepítése és aktiválása után a különböző tartalomtípusok alapján beállíthatja a megfelelő WordPress lekérdezési paramétereket. A Beállítások oldalon beállíthatja és testre szabhatja, hogyan viselkedjen az Ajax Load More az ügyfél webhelyein. Például saját egyéni CSS-t adhatsz hozzá:

A bővítmény tartalmaz egy Shortcode Buildert is, amellyel gyorsan módosíthatod az oldalakat és bejegyzést a tartalomszerkesztőből vagy a sablonfájlokból. A plugin másik funkciója, amit érdemes megnézni, a Repeater sablonok:

Elkészítheted a saját repeater sablonodat, és beállíthatod, hogyan működjön a HTML és a PHP a rövidkódon belül. Az Ajax Load More bővítmény több példányát is beépítheti egyetlen bejegyzésbe, oldalra vagy sablonba.

Míg az ingyenes bővítmény rengeteg funkciót biztosít a végtelen görgetéshez, létezik prémium verzió is, amely több sablonhoz is hozzáférést biztosít. Ha többet szeretne megtudni, megnézheti az Ajax Load More dokumentációt és a támogatási oldalt.

Válasszon olyan témákat, amelyekbe be van építve a végtelen görgetés

Ha nem szeretne egy újabb bővítményt hozzáadni az ügyféloldalakhoz, ne aggódjon. Ugyanezt a hatást elérheti egy olyan téma használatával, amely beépített végtelen görgetéssel rendelkezik.

A meglévő webhelyek esetében természetesen nem ez az út a legpraktikusabb. Egy webhely témájának megváltoztatása gyakran kiterjedt márkaváltást igényel. Ez nem igazán éri meg a fáradságot csak azért, hogy hozzáférjen egy végtelen görgetési funkcióhoz – különösen, ha figyelembe vesszük, hogy ezt más módszerekkel is elérheti.

Egészséges számú olyan WordPress téma van, amely tartalmazza ezt a funkciót. Böngéssz a WordPress témakatalógusban, és keress a végtelen görgetés funkció alapján:

Míg maga a téma ingyenes lehet, ne feledd, hogy a végtelen görgetés használatához szükséged lehet a prémium verzióra való frissítésre. Vannak azonban olyanok is, amelyek ingyenesen kínálják a funkciót, mint például a Minimal Dark.

Amint talál egy olyan témát, amelyik tetszik, és tartalmazza a funkciót, töltse le és telepítse úgy, mint bármely más témát. A legtöbb tartalmazza a funkciót a téma testreszabójában.

A Minimal Dark esetében például a Végtelen görgetés opciót a Megjelenés > Testreszabás > Téma beállításai > Oldalszámozási beállítások:

Ha fejlettebb funkciókra vágysz, érdemes egy prémium témát választanod. A Theme Forest széles választékot kínál, amelyek tartalmaznak végtelen görgetést.

A végtelen görgetés funkció aktiválásának és használatának utasításai az Ön által használt témától függnek. Ezért a legjobb, ha a fejlesztő dokumentációjában tájékozódik az útmutatásért.

Kézi kód hozzáadása a webhelyhez

A végtelen görgetés megvalósításának harmadik módszere – amelyet előnyben részesíthet, ha tapasztalt fejlesztő – a webhely kézi kód hozzáadása. Ez a lehetőség nagyobb kontrollt biztosít, és nincs szükség további plugin telepítésére.

Ezzel a kóddal olyan webhelyeken is használhatod, amelyek témái nem rendelkeznek beépített végtelen görgetéssel. Az első lépés a funkció aktiválása a téma functions.php fájlján keresztül.

Ehhez a következő kódot kell hozzáadni a fájlhoz:

Ha ez megtörtént, a következő lépés a Render Parameter funkció beállítása. Ez a kódnak az a része, amely a bejegyzések betöltésével foglalkozik a végtelen görgetéshez egy ciklusban.

Hogy a bejegyzések folyamatosan betöltődjenek, add hozzá a mytheme_infite_scroll_init függvényt a témád functions.php fájljához a következőképpen:

function mytheme_infinite_scroll_render(){get_template_part( 'loop' );}

Ha ezt a két részletet hozzáadtad, már készen is vagy. Ha azonban nem működik, akkor lehet, hogy még mindig meg kell változtatnod az oldal témáját. A régebbi, elavult termékek esetleg egyáltalán nem támogatják a végtelen görgetést.

Következtetés

A végtelen görgetés nem mindenkinek való. Vannak azonban olyan weboldalak, például blogok és más tartalomnehéz online kiadványok, ahol jobb UX-et biztosíthat, és még az elkötelezettséget is növelheti.

Ebben a cikkben három módszert tárgyaltunk, amelyekkel végtelen görgetést adhat hozzá ügyfelei weboldalaihoz:

1. Egy végtelen görgető bővítmény használata.
2. A végtelen görgetéssel beépített témák választása.
3. Kézzel adjon hozzá kódot az oldalához.

Kézzel adjon hozzá kódot az oldalához.