WordPress Infinite Scroll-Adventages, Desventajas y cómo agregarlo a su sitio WP


¿Alguna vez has notado cómo pareces desfilar sin cesar en tu página social sin llegar al final? Sí, esto es a lo que nos referimos como un desfile infinito y puede agregarlo a su sitio de WordPress. Permite la carga automática del contenido de un sitio web cada vez que un usuario llega al final, sin tener que hacer clic en el botón “Cargar más” o “Siguiente”. Esta es una característica excelente para agregar a su sitio porque le ayuda a mantener a sus usuarios pegados a su sitio de WordPress. En esta guía, explicaremos cuál es el pergamino infinito, si cada sitio puede usarlo, sus ventajas y desventajas y cómo agregarlos en nuestro sitio.
Contenido:
Comprender el desarrollo infinito
¿Puede cada sitio usar un desarrollo infinito?
Las ventajas del desarrollo infinito
Las desventajas del progreso infinito
Agregar infinito en su sitio web
Agregar con complementos
AJAX Subir más
Jetpack
Su pergamino infinito
Paging Ajax y pergamino infinito
Captura de desplazamiento infinito
Manual Agregar con código
Conclusión
La comprensión de Infinite Infinite Scroll Scroll es un estilo de diseño web que utiliza la carga AJAX para abrir automáticamente contenido nuevo cuando un usuario llega a la parte inferior de la página. Con AJAX (JavaScript asíncrono y XML), las páginas web pueden actualizarse mediante el intercambio de datos con el servidor, sin tener que recargar toda la página.
Normalmente, al final de un flujo, verá la paginación que muestra el enlace a la página siguiente en forma de un botón “Cargar más” o “siguiente”. Ahora, con la función del desfile infinito, no hay nada de todo esto. Es decir, cuanto más se ejecute un usuario, más publicaciones continuarán cargándose. No importa cuán buena sea esta característica, sería aconsejable saber si será adecuado para cada sitio web. ¿Puede cada sitio usar el desplazamiento infinito? Sin lugar a dudas, la función del desfile infinito mejora la experiencia de navegación y la participación del usuario. Al mismo tiempo, sin embargo, no es adecuado para cada sitio web. Si tiene un sitio web utilizado para vender productos, es decir, un comercio electrónico, debe pensar bien antes de usar esta función. Puede hacer la búsqueda de ciertos productos un poco más difícil. Además, con una lista interminable de nuevos elementos que se cargan, el usuario puede distraerse de la acción en un solo producto. Sin embargo, si tiene un blog de WordPress en el que publica y actualiza el contenido regularmente, la función de desfile infinita es perfecta para usted, porque sus usuarios no tendrán que hacer clic continuamente en los enlaces de paginación. También es una excelente manera de mantener a sus usuarios bloqueados en su sitio.
Por supuesto, no puede ser rosa con esta característica, sin duda tendrá sus ventajas y desventajas. Echemos un vistazo a ellos. Ventajas de desplazamiento infinito, como se mencionó, esta técnica de diseño mejora la experiencia de navegación de un sitio web y aumenta la participación de los usuarios. Cuando a un usuario se le ofrece continuamente contenido interesante para ver mientras se ejecuta, le permite permanecer más tiempo de lo que hubiera hecho si constantemente haga clic en el botón “Cargar más”, lo que reduce la tasa de rechazo de su sitio, esto es bueno para SEO y Sin embargo, para el tráfico de su sitio es grande, hay desventajas que debe saber. Las desventajas del desplazamiento infinito de WordPress La principal desventaja de esta característica es que dificulta explorar el sitio. Con tanto contenido que se carga continuamente, puede ser difícil buscar una determinada publicación si esto es necesario, por ejemplo, no sabría qué página es. También puede ser difícil localizar el sótano del sitio, porque tiene publicaciones que están cargadas todo el tiempo. Recuerde que puede haber agregado enlaces importantes a su sótano. Debe considerar esto si desea aplicar esta técnica.
Además de estos, tiende a ralentizar los sitios web y, en casos graves, bloquear el servidor. Esto se debe al hecho de que cuando los usuarios se ejecutan continuamente, resulta en el agotamiento de la memoria en la cuenta de alojamiento de WordPress. Para evitar esto, le sugerimos que use el alojamiento administrado de WordPress. Así que vimos de qué se trata el pergamino infinito, pasemos a cómo podemos agregarlo en nuestro sitio. Agregar Infinite Scroll WordPress a nuestro sitio Esto se puede hacer de dos maneras. Puede usar un complemento o agregar manualmente el código al archivo Functions.php. No se preocupe, los explicaremos en detalle. El daño al arado infinito es en realidad la forma más fácil de activar el desplazamiento infinito en su sitio web. Afortunadamente, hay muchos complementos que lo ayudan a lograr esto. Verifiquemos algunos de los complementos infinitos de WordPress disponibles. AJAX Subir más
El primero en nuestra lista es el complemento Ajax Load más. Este complemento ofrece una carga perezosa en publicaciones y páginas de WordPress con consultas basadas en AJAX. También se pueden agregar más instancias de carga AJAX a una sola página, publicación o plantilla.
Para configurar el desplazamiento infinito, instale el complemento y activelo. Si necesita ayuda para instalar complementos, puede revisar nuestra guía sobre cómo instalar complementos de WordPress. Tras la activación, el complemento aparecerá en el menú. Para activar el rendimiento infinito, deberá:
Personalizar la plantilla del repetidor

Construir un brevemente
Luego agregue el código corto a su sitio.
Vamos a mostrarte cómo. Primero, coloque el cursor sobre el complemento y haga clic en plantillas repetitivas. Aquí, los repetidores personalizados le permiten editar la pantalla y el estilo de su publicación como aparecería en la lista de publicaciones. Una vez que esté abierto, verá la plantilla predeterminada. Esta plantilla ya muestra cómo una publicación de WordPress normalmente está estructurada, por lo que es posible que no necesite editar nada. Sin embargo, al obtener una vista previa de la página de desplazamiento Infinite en el último paso a continuación, si no le gusta cómo se ve una parte, puede volver a este paso y puede ajustarla.
Ahora, guarde la plantilla y vaya a Shortcode Builder. Aquí creará un código corto con el que puede mostrar las publicaciones con un desplazamiento infinito en cualquier página, publicación o plantilla. Cuando abra el generador de código corto, verá muchas opciones personalizadas. No te preocupes, no tienes que tocar cada uno de ellos. Para este tutorial, solo llegaremos a dos.
El primero de ellos es el botón/estilo de carga. Hay diferentes estilos de carga AJAX desde los que puedes elegir. Aquí, llevamos a cabo en la sección “Infinito Parade” y seleccionamos clásicamente. El segundo elemento que estableceremos es el número de publicaciones que se cargarán cuando un usuario llegue a la parte inferior.
Finalmente, copie los códigos cortos de shortcods.
Puede pegar el código corto en cualquier página o publicación que desee tener un desplazamiento infinito. Si usa el nuevo editor de bloques de Gutenberg, simplemente busque “Shortcode”, agregue un bloque de código corto, inserte el CopyCode y actualice la página.

Luego previsualice la página. Siempre que tenga suficientes publicaciones y (o) páginas en su sitio, una vez que se reduzca, se cargarán nuevos artículos. Si desea agregar esta función directamente a una plantilla de tema, puede usar el Do_Shortcode según lo siga. <? Php echo do_shortcode ('[Ajax_load_more loading_ post_type = "post"]'); ? Jetpack

Este es otro complemento popular que también ofrece infinitas funciones de desfile. Además del desarrollo infinito, JetPack Plugin tiene otras características que ayudan a mejorar la experiencia del usuario en su sitio de WordPress. Le recomendamos que use esta opción solo si ya tiene JetPack instalado en su sitio. Además, el Jetpack de desplazamiento infinito solo funciona en temas que aceptan la función, por lo que debe probarlo para ver si funciona para usted. Después de haber instalado y activado con éxito el complemento, simplemente explore la configuración de JetPack >>.

En la pestaña de escritura, ve a las mejoras del tema para ver la configuración infinita del desfile. Seleccione “Cargue más publicaciones a medida que el lector se está agotando” y guarde la configuración.

Eso es todo. Con un pergamino infinito


Su desplazamiento infinito es otro buen complemento de WordPress para este propósito. Además del desfile interminable en sus páginas y publicaciones, le ayuda a mejorar su grado de uso en el comercio electrónico al mostrar productos durante el curso. Si decide que esto es bueno para su tipo de tienda, entonces lo ayudará a ejecutar correctamente. Además, se benefician de los usuarios de teléfonos móviles, porque no deben hacer clic en pequeños enlaces de paginación. Todavía puede seleccionar una mayor cantidad de productos para que sean más fáciles para los usuarios. Tenga en cuenta que este complemento tiene su versión gratuita y premium. Las características de la versión gratuita incluyen: Infinite Parade para una sección

Puede cargar una imagen de carga personalizada

Para la versión premium, tienes:

Características en la versión gratuita

Desfile infinito en muchas secciones

Elija entre sus diferentes tipos de paginación
Puede manejar una sección de su propio panel de opciones, etc.
La versión premium cuesta 49.99 euros para un solo sitio. Seis sitios cuestan 149.99 euros, mientras que 30 sitios cuestan 249.99 euros. El complemento infinito se enorgullece del 97% de satisfacción del cliente con una evaluación de 4.5/5. Captura de desplazamiento infinito
Este es un complemento gratuito y premium que puede usar para agregar Infinite Scroll. Una vez que active esta función, su contenido cobrará automáticamente cuando sus visitantes lleguen al final de la página. Si siente que no desea la función Infinite Parade, puede agregar el botón “Cargar más” en cualquier momento. Los usuarios simplemente harán clic para cargar más contenido. El complemento de captura infinita es muy fácil de configurar. Tampoco tiene que tener conocimiento de codificación. Entonces, incluso si usted es un principiante, puede personalizar fácilmente el complemento como lo desee. Para obtener más funciones en este complemento, puede elegir la versión premium. Con esto, puede mostrar los comerciales a medida que los usuarios ejecutan, puede elegir entre diferentes estilos y fuentes cautivadoras que encajen perfectamente en su sitio y hagan mucho más. Esta versión profesional cuesta $ 24.99. Manual Agregar con código Si decide agregar WordPress de WordPress infinito manualmente, es importante asegurarse de que su WordPress actual acepte. Es posible que muchos temas no, en cuyo caso, la mejor opción es usar uno de los complementos anteriores. Le recomendamos que haga una copia de seguridad de su sitio si algo no va bien. Ahora, veamos cómo agregar los códigos. Para activar el desplazamiento infinito, deberá agregar los códigos al archivo Functions.php. Ubicación de la función function.php Puede acceder a este archivo a través del tablero de abrazos de Cpanel. Primero, inicie sesión en el tablero Cpanel.
En Cpanel, en la sección “Archivos”, haga clic en “Administrador de archivos” para abrir todas las carpetas y archivos para su sitio de WordPress. Pregunte la carpeta “public_html” y haga doble clic en.En la siguiente ventana, haga doble clic en la carpeta “WP-Content” para abrirla.
Después de que esté abierto, haga doble clic en la carpeta con temas para abrirla también.Verá una lista de todos los temas que se han instalado en su sitio web.
Haga doble clic en su carpeta de tema activo.
Verá la función function.php.Antes de agregar el código, haga una copia del archivo actual descargándolo a su sitio web.Para hacer esto, haga clic en el archivo Functions.php y seleccione “Descargar”.Después de eso, puede agregar los códigos haciendo clic derecho y seleccionando “Edición” de la lista.





Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

gkOVSBm5B8SgiXmo

Shopify vs WooCommerce – ¿Cuál es la mejor plataforma?(Comparación)

Shopify vs WooCommerce

Leave a Reply

Your email address will not be published. Required fields are marked *