Prajete si na WordPress pridať nekonečné rolovanie?

Existuje niečo viac návykové ako spravodajský kanál Facebooku? Teda, sedím tu a píšem tento tutoriál, ale táto návyková funkcia sa stále posúva...znova...znova.

Túto funkciu používa Facebook a nazýva sa: “ nekonečný zvitok "Alebo" nekonečné posúvanie “, pre informačný kanál. Skôr ako kliknúť na tlačidlo alebo „ nasledujúce "Alebo" Čítajte viac “, Obsah sa bude po načítaní stránky stále načítať.

pridať nekonečné posúvanie na WordPress

A hádaj čo? Rovnaký efekt môžete dosiahnuť aj na svojom blogu WordPress pridaním nekonečného posúvania.

V tomto tutoriále prediskutujem niektoré klady a zápory nekonečného posúvania a potom vám ukážem, ako nastaviť nekonečný posun na blogu WordPress.

Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom späť k tomu, prečo sme tu.

Výhody nekonečného posúvania

Mnoho veľkých značiek experimentovalo s nekonečným posúvaním, čo nám dáva výhodu možnosti skúmať ich údaje. Tu sú niektoré z výhod, ktoré majú sociálne siete:

Mimochodom, objavte ako vytvoriť posúvací text na Divi

  • viac pohľadov - Správy NBC zistili, že používatelia pevnej linky navštevovali o 20% viac stránok na jednu návštevu s nekonečným rolovaním. Rovnako „ Doba „Zistilo sa tiež, že 21% svojich používateľov sa rozhodlo pre zvyšok obsahu pomocou nekonečného posúvania.
  • Veľmi nízka miera odchodov  - " Doba Tiež znížila mieru okamžitých odchodov 15%, keď sa rozhodli pre nekonečné posúvanie.
  • Vylepšená používateľská skúsenosť - S tým všetci súhlasia. Niektorí odborníci to uviedli nekonečný zvitok UX zvyšuje expozíciu obsahu používateľov, čo núti používateľov klikať menej a zároveň ponúka lepší mobilný zážitok.

Nemôžem s istotou povedať, že dosiahnete rovnaké výsledky ako tieto veľké značky, ale ak máte veľa blogových príspevkov, posúvanie bude určite dobrou voľbou.

Discover kedy a ako nainštalovať WordPress do podadresára

Väčšina sociálnych sietí sa spolieha na nekonečné posúvanie z tých istých dôvodov.

Nevýhody s nekonečným posúvaním

S nekonečným posúvaním nie je všetko vždy ružové. Mali by ste zvážiť niektoré potenciálne negatívne body:

  • nie footer - stratíte na päte, keď sa rozhodnete pre nekonečné rolovanie. Bude to veľký hendikep, ak chcete v päte ponúknuť viac informácií. Ak napríklad používate pätu na zobrazenie informácií o pridružení, budete musieť nájsť nový spôsob, ako tieto informácie zobraziť.
  • Skákanie posúvača spôsobuje zlý zážitok  - Pretože sa web stále načítava, je veľmi pravdepodobné, že sa zmení dĺžka pruhov načítania, čo môže spôsobiť stratu prehľadu o čítaní, čo bude mať za následok zlý používateľský dojem.
  • Nemá zmysel pre „dokončenie“ - Toto nie je narážka. Vedci z Nielsen zistili, že používatelia cítia na konci stránky pocit dokončenia. Nekonečné posúvanie to znemožňuje.

V sekcii „Výhody“ je tiež nekonečné posúvanie dobré, keď máte veľa rovnako dôležitých blogových príspevkov. No, platí to aj naopak:

Pozri tiež tento článok ako opraviť chybu "dočasný priečinok chýba" na WordPress

Ak sú vaše položky nerovnomerné (Napríklad, niektoré články obsahujú až 2.000 slov a niektoré majú iba 300 slov), takže nekonečné posúvanie nie je pre váš web určite dobrý nápad.

Ako pridať nekonečný zvitok na WordPress

Ak chcete na WordPress pridať nekonečné posúvanie, môžete použiť bezplatný doplnok s názvom „ Viac Ajax Loader ". Tento doplnok ponúka veľa prémiových rozšírení, ktoré môžu zvýšiť jeho funkčnosť, ale bezplatná verzia by mala stačiť na jednoduché pridanie nekonečného posúvania na vaše webové stránky.

Choďte ďalej aj konzultáciou Javascript na WordPress: Prípad použitia AJAX

Základný doplnok funguje generovaním krátkeho kódu, ktorý pridáte na stránku. Táto stránka potom zobrazuje vaše blogové príspevky v nekonečnom posúvaní. Existuje niekoľko ďalších malých krokov, ktoré budete musieť absolvovať v priebehu celého kurzu. Takto to všetko uvedieme na svoje miesto:

Inštalácia a konfigurácia zásuvného modulu

Nájdete text „ Viac Ajax Loader » v adresári WordPress pluginy. Nainštalujte a aktivujte doplnok rovnako ako ktorýkoľvek iný doplnok.

Po aktivácii sa zobrazí úplne nová možnosť. “ Ajax zaťaženie Viac ". Choďte na „ Ajax Načítať viac> → Šablóna opakovača Ak chcete vytvoriť svoj model.

« Váš model> Opakovač Je šablóna, ktorá definuje, ako sa majú články zobrazovať pri nekonečnom posúvaní. Môžete to zmeniť, ale musíte poznať trochu PHP. Predvolená šablóna by však mala byť pre väčšinu používateľov v poriadku:

Stavebne dún model, wordpress

Jedinou dôležitou vecou je, že predvolená šablóna „Repeater“ bude zobrazovať iba výňatky z článkov, nie celé články. Ak chcete zobraziť celé články, musíte nahradiť „ the_excerpt () Autor: „ the_content () ".

Ak viete PHP, tento model si stále môžete prispôsobiť. V opačnom prípade je dobré model opustiť “ Repeater V predvolenom nastavení.

Prečítajte si tiež náš článok o 9 doplnkov WordPress na vytváranie cenových sietí na blogu

Tu môžete nakonfigurovať veľa vecí. Máte možnosť zmeniť, čo sa bude zobrazovať v nekonečnom zvitku a ako sa to všetko bude správať.

V tomto článku nemôžem pomenovať všetky možnosti, ale tu sú niektoré z polí, ktoré budete určite chcieť vyplniť:

  • post_type - Predvolené je zahrnúť iba články. Môžete však zahrnúť aj vlastné stránky alebo formáty príspevkov.
  • kategórie - Môžete zahrnúť iba určité kategórie alebo nemôžete vylúčiť určité kategórie.
  • autor - Toto je zaujímavá funkcia, do ktorej môžete pridať nekonečného posúvania konkrétneho autora.
  • posts_per_page - Definujte počet článkov, ktoré „ Viac Ajax Loader Malo by sa nabíjať pri každom obnovení.
  • pauza - Je to určite dôležitý prvok. Pre skutočné nekonečné posúvanie by ste tu mali nastaviť hodnotu „false“. V opačnom prípade budú musieť používatelia kliknúť na odkaz na ďalšie články.
  • zvitok - Dôležité je, že povolíte túto funkciu, aby sa články načítavali automaticky, keď sa používatelia posúvajú nadol po stránke.

Objavte aj naše 5 tém WordPress pre podcasterov

Akonáhle budete mať všetko nakonfigurované, skopírujte shortcode na pravej strane stránky:

kópie-skrátený-ajax-loader-mail

Všetko, čo musíte urobiť, je pridať tento skrátený kód na stránku, kde sa má zobraziť váš nekonečný zvitok. Môžete ho napríklad pridať na stránku s názvom „ Blog Ak chcete, aby bola vaša predvolená stránka blogu.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. Galéria stránkovania Youtube a Vimeo

Tento prémiový doplnok WordPress je responzívna a mobilná galéria s mnohými plne konfigurovateľnými funkciami. Môže zobrazovať videá zo zoznamu videí YouTube, kľúčových slov alebo vyhľadávať podľa albumu, kanála, skupiny alebo kľúčového slova z Vimeo. Mriežky je možné prispôsobiť niekoľkými spôsobmi. Galéria Lightbox môže prehrávač zobraziť všetky podrobnosti o videu vrátane komentárov.

Youtube vimeo stránkovacia galéria plugin wordpress

Tento doplnok WordPress je možné použiť v ktorejkoľvek oblasti príspevku alebo stránky pomocou skrátených kódov alebo priamo na stránkach PHP. Všetko, čo potrebujete, je vytvoriť novú galériu, pridať napríklad ID kanála YouTube a vygenerovať krátky kód. Na jednej stránke je možné použiť niekoľko galérií.

Stiahnuť | demo | web hosting

2. Infinite WooCommerce Scroll a Ajax Pagination

WooCommerce Infinite Scroll a Ajax Pagination je a Rozšírenie WordPress Premium (WooCommerce), ktorý pomáha previesť predvolené stránkovanie produktu na neobmedzené posúvanie alebo stránkovanie Ajax. Keď sa používateľ posúva nadol po stránke, automaticky sa získa a pridá ďalšia stránka produktu. To znamená, že nemusí kliknúť na „Ďalšia stránka“. 

WooCommerce Infinite Scroll a Ajax Pagination

Namiesto neobmedzeného posúvania môžete tiež pridať tlačidlo „Načítať viac“, alebo môžete ponechať predvolené stránkovanie a previesť ho na Ajax.

Prečítať tiež: Zásuvné moduly 5 WordPress pre vkladanie formulárov na vaše webové stránky

Okrem toho môžete pre mobilné zariadenia nastaviť rôzne typy stránkovania, napríklad neobmedzené posúvanie pre veľké obrazovky a tlačidlo „Načítať viac“ pre mobilné zariadenia.

Stiahnuť | demo | web hosting

3. slider Revolution

Slider Revolution je inovatívny a citlivý doplnok pre kolotoč WordPress, ktorý zobrazuje váš obsah nádherne. Či už ide o jazdec alebo karusel, jeho vizuálny editor drag and drop vám umožní napríklad povedať históriu vašej spoločnosti, vyzdvihnúť svoje najlepšie produkty, najlepšie články a oveľa viac

najlepšie posuvníky WordPress pluginy - posuvná revolúcia

Pozývame vás tiež na objavovanie našich Doplnky 9 Easy Digital Downloads na správu digitálneho sťahovania

Medzi jeho vlastnosti patrí: vynikajúce rozhranie na vytváranie snímok, dizajn snímok typu drag and drop, plne responzívne rozloženie, perfektná správa multimediálneho obsahu, optimalizovaný výkon, Viacjazyčná podpora, dodáva sa s takmer 340 grafickými prvkami, ponúka množstvo šablón prezentácií, kompatibilita s väčšinou Témy WordPress, výborná zákaznícka podpora, podpora pre dotykové obrazovky, bezplatné a pravidelné aktualizácie, dokumentácie a videonávody k dispozícii a oveľa viac.

Stiahnuť | demoweb hosting

Odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

záver

To je všetko! To je všetko pre tento tutoriál, teraz máte možnosť nastaviť nekonečný posun vo svojom blogu WordPress. Neváhaj zdieľať so svojimi priateľmi na obľúbených sociálnych sieťach

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.

Ak máte nejaké návrhy alebo pripomienky, nechajte ich v našej sekcii Komentáre.

...