{"id":225524,"date":"2022-08-08T14:58:00","date_gmt":"2022-08-08T11:58:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=225524"},"modified":"2022-11-08T00:13:22","modified_gmt":"2022-11-07T21:13:22","slug":"como-agregar-infinite-scroll-a-wordpress-paso-a-paso","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/como-agregar-infinite-scroll-a-wordpress-paso-a-paso\/","title":{"rendered":"C\u00f3mo Agregar Infinite Scroll a WordPress (Paso a Paso)"},"content":{"rendered":"\n

\u00bfNecesita una forma segura de mantener a los usuarios en su sitio web de WordPress por m\u00e1s tiempo? Si es as\u00ed, es posible que desee pensar en c\u00f3mo agregar desplazamiento infinito a WordPress.<\/p>\n

El desplazamiento infinito, o desplazamiento sin fin, es un m\u00e9todo de dise\u00f1o web que ver\u00e1 con frecuencia. Le brinda una manera f\u00e1cil de involucrar a los visitantes del sitio, alentarlos a explorar m\u00e1s de lo que tiene para ofrecer e incluso aumentar el tiempo que dedican a leer su contenido.<\/p>\n

Es por eso que hoy le mostraremos c\u00f3mo agregar desplazamiento infinito a WordPress usando un simple complemento de WordPress.<\/p>\n

Entonces empecemos.<\/p>\n

\u00bfQu\u00e9 es el desplazamiento infinito?<\/h2>\n

El desplazamiento infinito es una t\u00e9cnica que se ha utilizado durante un tiempo para mejorar la experiencia del usuario. El desplazamiento sin fin utiliza lo que se conoce como AJAX para cargar p\u00e1ginas mientras las personas se desplazan hacia abajo en su sitio, en lugar de requerir que el usuario haga clic en "siguiente" para ver m\u00e1s contenido.<\/p>\n

Antes del desplazamiento infinito, era mucho m\u00e1s com\u00fan que un sitio usara paginaci\u00f3n. Este sistema depend\u00eda de que el usuario se desplazara hacia abajo hasta la parte inferior de la p\u00e1gina web y luego hiciera clic en el bot\u00f3n "siguiente" o "anterior" para ver m\u00e1s contenido.<\/p>\n

El desplazamiento infinito, por otro lado, se considera com\u00fanmente como una forma m\u00e1s intuitiva de ofrecer contenido en un sitio web a los usuarios. Un sitio popular que usa scroll infinito es Medium.<\/p>\n

Cuando visite Medium, notar\u00e1 que a medida que se desplaza hacia abajo, el sitio contin\u00faa obteniendo contenido adicional. Realmente parece interminable.<\/p>\n

Cu\u00e1ndo usar el desplazamiento infinito<\/h2>\n

Los tipos m\u00e1s comunes de sitios web que utilizan desplazamiento infinito son aquellos con toneladas de contenido de blog para ofrecer a los lectores.<\/p>\n

Pero, \u00bfc\u00f3mo saber si el desplazamiento sin fin es una caracter\u00edstica que deber\u00eda tener en su propio sitio web de WordPress?<\/p>\n

Bueno, \u00a1hablemos de eso!<\/p>\n

Los mejores tipos de sitios web que utilizan desplazamiento infinito son los blogs, las redes sociales y los sitios con contenido de video. Pero realmente, cualquier sitio web que tenga mucho contenido para compartir con sus usuarios puede beneficiarse del scroll infinito.<\/p>\n

Despu\u00e9s de todo, el desplazamiento sin fin brinda una sensaci\u00f3n suave y limpia a los usuarios. Y si bien puede no parecer un gran problema, es mucho m\u00e1s f\u00e1cil para los usuarios desplazarse continuamente que desplazarse y hacer clic una infinidad de veces.<\/p>\n

De hecho, el desplazamiento infinito es menos trabajo para los usuarios, lo que generalmente los convence de quedarse m\u00e1s tiempo.<\/p>\n

Adem\u00e1s, el desplazamiento infinito tambi\u00e9n es fant\u00e1stico para usuarios de dispositivos m\u00f3viles y tabletas. Hacer clic es una comodidad menor para los usuarios de computadoras de escritorio y port\u00e1tiles; sin embargo, es un dolor significativo para los usuarios de dispositivos m\u00f3viles y tabletas tener que hacer clic en todo.<\/p>\n

Entonces, si est\u00e1 buscando aumentar la participaci\u00f3n m\u00f3vil en su sitio, el desplazamiento infinito es una de las mejores maneras de hacerlo.<\/p>\n

Inconvenientes del desplazamiento infinito<\/h2>\n

Si bien el desplazamiento infinito es genial, no deja de tener sus desventajas.<\/p>\n

Para empezar, habilitar el desplazamiento infinito en su sitio web de WordPress tiene el potencial de afectar los tiempos de carga de su sitio.<\/p>\n

Una de las formas m\u00e1s importantes de tener \u00e9xito como propietario de un sitio web es tener un sitio web de carga r\u00e1pida. Si su sitio es elegante y brillante, pero no puede mostrar el contenido r\u00e1pidamente, la gente se ir\u00e1.<\/p>\n

Afortunadamente, hay algunas formas de ayudar a ahorrar los tiempos de carga de su sitio<\/a> incluso mientras usa el desplazamiento infinito:<\/p>\n

    \n
  1. Verifique la capacidad del sitio:<\/strong> aseg\u00farese de que su sitio web de WordPress pueda manejar la tensi\u00f3n del desplazamiento infinito (pregunte a su proveedor de alojamiento si no est\u00e1 seguro).<\/li>\n
  2. Mire las im\u00e1genes:<\/strong> t\u00f3melo con calma con las im\u00e1genes. Si va a permitir que se muestre una cantidad infinita de contenido en su sitio, tenga en cuenta las im\u00e1genes que incluye, ya que pueden ralentizar los tiempos de carga. Y solo use im\u00e1genes de alta calidad<\/a> que dejen un impacto duradero en su sitio web.<\/li>\n<\/ol>\n

    Otra desventaja de usar el desplazamiento sin fin en su sitio web es que hace que sea m\u00e1s dif\u00edcil localizar contenido espec\u00edfico.<\/p>\n

    Pi\u00e9nsalo.<\/p>\n

    Est\u00e1s en un sitio web y te has estado desplazando por el contenido durante alg\u00fan tiempo. Pero ahora, quieres volver atr\u00e1s y mirar algo por lo que pasaste volando por un minuto otra vez. El problema es que ahora no lo encuentras.<\/p>\n

    \u00bfEn qu\u00e9 p\u00e1gina estaba?<\/p>\n

    \u00a1Oh, es cierto! Est\u00e1s en un sitio usando desplazamiento infinito. Vas a tener que desplazarte hacia arriba y esperar que encuentres el contenido que deseas leer.<\/p>\n

    Si bien esta desventaja no es el fin del mundo, tiene el potencial de hacer que la exploraci\u00f3n de su sitio web sea m\u00e1s dif\u00edcil para los usuarios.<\/p>\n

    Por \u00faltimo, habilitar el desplazamiento infinito en su sitio hace que la barra de desplazamiento de su sitio sea in\u00fatil y le impide tener un pie de p\u00e1gina del sitio web.<\/p>\n

    Al final, es importante hacer su tarea y asegurarse de estar preparado para lo que el desplazamiento infinito trae a su sitio web. Solo recuerda, no todo es malo. Es solo que todos tienen necesidades diferentes.<\/p>\n

    Ahora, echemos un vistazo a c\u00f3mo agregar desplazamiento infinito a WordPress.<\/p>\n

    C\u00f3mo agregar desplazamiento infinito a WordPress<\/h2>\n

    Paso 1: Instalar y activar Catch Infinite Scroll<\/h3>\n

    Para agregar desplazamiento infinito a su sitio de WordPress, lo primero que debe hacer es instalar un complemento como Catch Infinite Scroll<\/a>. Si necesita ayuda con este paso, aseg\u00farese de consultar c\u00f3mo instalar un complemento de WordPress<\/a>.<\/p>\n

    Una vez que instale y active el complemento, habr\u00e1 una nueva pesta\u00f1a en su p\u00e1gina de administraci\u00f3n de WordPress llamada "Catch Infinite Scroll".<\/p>\n

    \"C\u00f3mo<\/a><\/p>\n

    Paso 2: elija un disparador de carga<\/h3>\n

    A continuaci\u00f3n, querr\u00e1 seleccionar un disparador de carga. Para nuestro ejemplo, elegiremos la opci\u00f3n Scroll<\/strong>. Si elige la opci\u00f3n Hacer clic<\/strong>, el complemento le dar\u00e1 un bot\u00f3n "Cargar m\u00e1s" en el que los usuarios pueden hacer clic para cargar m\u00e1s contenido.<\/p>\n

    \"C\u00f3mo<\/a><\/p>\n

    Seleccionar la opci\u00f3n Desplazar<\/strong> har\u00e1 que su sitio cargue m\u00e1s contenido autom\u00e1ticamente. Cargar\u00e1 este contenido a medida que el usuario se desplaza en lugar de pedirle que haga clic en cualquier cosa para ver m\u00e1s contenido.<\/p>\n

    Debajo de la configuraci\u00f3n del activador de carga, ver\u00e1 los selectores de navegaci\u00f3n, siguiente, contenido y elemento. No hay necesidad de modificar ninguno de estos para este tutorial porque funcionan bien desde el primer momento.<\/p>\n

    Paso 3: seleccione una opci\u00f3n de imagen<\/h3>\n

    La opci\u00f3n de imagen en Catch Infinite Scroll le permite cargar su propia imagen personalizada. Esta imagen aparecer\u00e1 a medida que su sitio cargue m\u00e1s contenido a medida que las personas se desplazan hacia abajo.<\/p>\n

    Aqu\u00ed est\u00e1 la imagen de carga predeterminada en Catch Infinite Scroll:<\/p>\n

    \"C\u00f3mo<\/a><\/p>\n

    Dicho esto, este complemento f\u00e1cil de usar le brinda la opci\u00f3n de agregar su propia imagen personalizada, lo cual es excelente para aquellos que lanzan un negocio en l\u00ednea, un sitio de membres\u00eda<\/a> o una tienda de comercio electr\u00f3nico.<\/p>\n

    Paso 4: Configure la opci\u00f3n ‘Finalizar texto’<\/h3>\n

    La configuraci\u00f3n final que debemos configurar es la opci\u00f3n ‘Terminar texto’. Este es el texto que aparece una vez que un usuario se ha desplazado por absolutamente todo lo que tiene para ofrecer en su sitio web.<\/p>\n

    Este texto solo aparecer\u00e1 para los visitantes del sitio cuando no haya nada m\u00e1s que ver.<\/p>\n

    \"C\u00f3mo<\/a><\/p>\n

    Puede personalizar este texto para decir lo que quiera, como "Fin del contenido". Dicho esto, el mensaje predeterminado "No m\u00e1s elementos para mostrar" funciona bien.<\/p>\n

    Cuando haya terminado, haga clic en Guardar cambios<\/strong> para guardar su configuraci\u00f3n y habilitar el desplazamiento infinito en su sitio web.<\/p>\n

    \"C\u00f3mo<\/a><\/p>\n

    Terminando<\/h2>\n

    \u00a1Y ah\u00ed lo tienes! Ahora sabe c\u00f3mo agregar desplazamiento infinito a WordPress en un esfuerzo por aumentar la participaci\u00f3n, aumentar el tiempo que pasa en su sitio y hacer que la experiencia del usuario sea algo memorable para todos los que visitan su sitio.<\/p>\n

    \u00bfEst\u00e1 buscando otra forma de atraer a los visitantes del sitio y aumentar las conversiones mientras lo hace? Luego, aseg\u00farese de revisar los principales complementos de obsequio de WordPress<\/a> en el mercado y cree un concurso en el que la gente quiera participar.<\/p>\n

    \u00bfUtiliza desplazamiento infinito en su sitio web de WordPress? \u00bfUtiliz\u00f3 un complemento de WordPress para habilitar el desplazamiento infinito? Si es as\u00ed, \u00a1nos encantar\u00eda saberlo todo en los comentarios a continuaci\u00f3n!<\/p>\n

    Fuente de grabaci\u00f3n: wphacks.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

    Para conocer una forma \u00fanica de impulsar el compromiso y mejorar la experiencia del usuario, vea c\u00f3mo agregar desplazamiento infinito a WordPress con unos simples pasos.<\/p>\n","protected":false},"author":1,"featured_media":220880,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[892,840,861],"tags":[1172],"class_list":["post-225524","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/225524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=225524"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/225524\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/220880"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=225524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=225524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=225524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}