{"id":254945,"date":"2022-04-13T09:32:00","date_gmt":"2022-04-13T06:32:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=254945"},"modified":"2022-05-16T14:53:36","modified_gmt":"2022-05-16T11:53:36","slug":"como-agregar-un-desplazamiento-infinito-con-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-agregar-un-desplazamiento-infinito-con-wordpress\/","title":{"rendered":"C\u00f3mo agregar un desplazamiento infinito con WordPress"},"content":{"rendered":"<p>El desplazamiento infinito es una forma fant\u00e1stica de facilitar la exploraci\u00f3n de su contenido.<\/p>\n<p>Funciona cargando nuevas publicaciones en la p\u00e1gina a medida que los visitantes se desplazan en lugar de hacer que hagan clic en la siguiente p\u00e1gina de publicaciones. Entonces, \u00bfc\u00f3mo agrega un desplazamiento infinito a su sitio?<\/p>\n<p>Estos son los dos mejores enfoques y complementos que puede utilizar para su sitio.<\/p>\n<p>La mejor implementaci\u00f3n de desplazamiento infinito para sitios de WordPress est\u00e1 en el <a href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">complemento Jetpack<\/a>.<\/p>\n<p>Antes de instalarlo, comun\u00edquese con el desarrollador de su tema y pregunte si su tema tiene soporte. Si lo hace, simplemente puede instalar Jetpack y activar el <a href=\"https:\/\/jetpack.com\/support\/infinite-scroll\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">m\u00f3dulo de desplazamiento infinito<\/a>.<\/p>\n<p>Dicho esto, no todos los temas ya tienen soporte y es posible que no desee instalar el complemento Jetpack. Si ese es usted, aqu\u00ed hay una forma alternativa de agregar desplazamiento infinito.<\/p>\n<p><strong>\u00bfEres usuario de Compete Themes?<\/strong> Todos <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">nuestros temas<\/a> incluyen soporte para desplazamiento infinito con Jetpack.<\/p>\n<p>La alternativa para el desplazamiento infinito sin Jetpack es utilizar el <a href=\"https:\/\/wordpress.org\/plugins\/yith-infinite-scrolling\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">complemento YITH Infinite Scrolling<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/yith-infinite-scrolling\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176925-616f33793454c.png\" alt=\"C\u00f3mo agregar un desplazamiento infinito con WordPress\" \/><\/a><\/p>\n<p>Si bien este complemento funciona muy bien, la configuraci\u00f3n es un poco t\u00e9cnica. Cubramos los pasos ahora.<\/p>\n<h3>Instalar y activar<\/h3>\n<p>Primero, instale y active YITH Infinite Scrolling a trav\u00e9s del men\u00fa Complementos. Una vez instalado, encontrar\u00e1 un nuevo elemento de men\u00fa de YITH Plugins agregado a su panel de control. Haga clic en \u00e9l para ver la configuraci\u00f3n de Desplazamiento infinito.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176925-616f337bd829d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176925-616f337bd829d.png\" alt=\"C\u00f3mo agregar un desplazamiento infinito con WordPress\"><\/a><\/p>\n<h3>Configurar los ajustes<\/h3>\n<p>Esta parte puede hacerle tropezar si no sabe nada sobre HTML y CSS.<\/p>\n<p>Para que el complemento funcione, debe proporcionarle selectores de CSS para cuatro elementos HTML diferentes. No hay forma de que un complemento pueda conocer estos selectores de antemano, por lo que tendr\u00e1 que ingresarlos usted mismo.<\/p>\n<p>No necesita hacer esto con Jetpack porque el autor del tema ya lo ha hecho por usted.<\/p>\n<h4>C\u00f3mo encontrar los selectores de CSS<\/h4>\n<p>Si no sabe qu\u00e9 es CSS o c\u00f3mo se relaciona con su sitio web, consulte nuestra <a href=\"https:\/\/themewp.inform.click\/es\/que-es-css-y-como-afecta-a-wordpress\/\" title=\"descripci\u00f3n general de CSS con WordPress\">descripci\u00f3n general de CSS con WordPress<\/a>.<\/p>\n<p>Encontrar los selectores de CSS que necesita es realmente f\u00e1cil y directo con el enfoque correcto. Si a\u00fan no est\u00e1 seguro de c\u00f3mo encontrarlos, siga <a href=\"https:\/\/themewp.inform.click\/es\/como-encontrar-selectores-de-css-en-sitios-de-wordpress\/\" title=\"este tutorial para encontrar selectores de CSS\">este tutorial para encontrar selectores de CSS<\/a>. Es la forma m\u00e1s sencilla de navegar por el HTML de su sitio para encontrar los elementos que est\u00e1 buscando.<\/p>\n<h4>Agregar los selectores<\/h4>\n<p>Copie cada selector en las entradas de YITH Infinite Scrolling a medida que las encuentre. Si eres usuario de Compete Themes, puedes copiar las clases exactas utilizadas en la captura de pantalla anterior.<\/p>\n<p>Ahora, a medida que se desplaza hacia abajo en su sitio web, las nuevas publicaciones se cargar\u00e1n autom\u00e1ticamente en la p\u00e1gina. El complemento funciona de inmediato una vez que se han proporcionado los cuatro selectores de CSS.<\/p>\n<p>Desplazamiento infinito en el <a href=\"https:\/\/www.competethemes.com\/apex\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema de Apex<\/a> con YITH Infinite Scrolling.<\/p>\n<p>Los dos m\u00e9todos anteriores son los m\u00e1s f\u00e1ciles y efectivos para agregar desplazamiento infinito a su sitio de WordPress.<\/p>\n<p>Si bien existen complementos alternativos, tambi\u00e9n requieren un pu\u00f1ado de selectores de CSS, y ninguno funciona tan bien como el complemento YITH. Configurar el desplazamiento infinito puede ser un poco complicado, pero una vez que lo hayas agregado, funcionar\u00e1 sin problemas para tus visitantes.<\/p>\n<p>Si tiene alguna pregunta sobre el desplazamiento infinito o c\u00f3mo agregarlo a su sitio, publique un comentario a continuaci\u00f3n.<\/p>\n<p><strong>Divulgaci\u00f3n:<\/strong> esta publicaci\u00f3n puede contener enlaces de afiliados. La compra de un producto a trav\u00e9s de uno de estos enlaces nos genera una comisi\u00f3n sin costo adicional para usted.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda las dos formas m\u00e1s f\u00e1ciles de agregar desplazamiento infinito a su sitio de WordPress. El primer m\u00e9todo puede ser incre\u00edblemente simple, pero depende de una cosa &#8230;<\/p>\n","protected":false},"author":1,"featured_media":257628,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[546],"tags":[849],"class_list":["post-254945","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizar-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=254945"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254945\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/257628"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=254945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=254945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=254945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}