wordpress: Modificando el Loop de WordPress: query_posts() by guidacode.com

Buenas a tod@s

He añadido un scroll infinito con click en “leer mas” y debajo de los post muestro el resto de post de la categoria … pero me encuentro con el siguiente problema, cada vez que le doy a leer mas vuelve a empezar el bucle de cero y me muestra los mismos resultados de nuevo y no los siguientes

Esto es debido a que no tuve en cuenta que query_posts() debe prepararse para paginación o no … y lo estaba usando como si no tuviera paginacion

Resultados con paginacion:


<?php

$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;

query_posts("cat=$idioma&paged=$paged");

if(have_posts()):while(have_posts()):the_post();

?>

No me daba cuenta de mi error hasta que lei el artículo de anieto2k.com aqui: http://www.anieto2k.com/2008/08/13/query_posts-y-el-problema-de-la-paginacion/ me ha servido de mucha ayuda, muchas gracias !

Anuncios

wordpress: scroll infinito o Load More

Buenas a tod@s

Por exigencias ajenas a mi necesitaba un scroll infinito pero que fuera clickando y no automatico, es decir; cuando llegas al final de los posts visualizados que se carguen mas sin recargar la web pero solo si el usuario hace click

Gracias al plug-in Easy Load More en dos minutos lo tendremos preparado:

  • lo descargamos y lo instalamos
  • lo activamos y vamos a configuracion
  • en el primer campo nos solicita Post List Wrap Selector aqui debemos indicar el id del div que contiene el bucle que muestra los posts
  • guardamos y a continuacion vamos al php donde queremos agregar el boton load more
  • tenemos que incluir load_more_button(); entre las marcas de codigo php justo despues del cierre del contenedor o div donde esta el bucle

Yo lo he probado y funciona muy bien, ahora queda css y dejarlo bonito. Suerte!

Javascript – On Scroll Header / invocar evento al mover el scroll vertical

Buenas a tod@s

Este articulo se refiere a la posibilidad de realizar acciones derivadas del movimiento vertical del scroll … para entendernos mejor; yo tengo una cabecera (header) que mide de alto 100px y quiero que cuando el usuario desplace verticalmente la web para ver el contenido el header pase de 100px a 50. Pues gracias a este javascript podremos controlar este tema

Os dejo link del articulo completo y el codigo, a mi me ha servido de mucha ayuda –> https://www.w3schools.com/howto/howto_js_sticky_header.asp

Un saludo

wordpress: scroll infinito para paginar contenidos by ayudawp.com

UPDATE: no pierdas el tiempo en este post, no se que paso que te lleva a un enlace pa descargar un .js y no la carpeta del plugin. Vete a este otro post que he publicado que funciona perfecto: https://coudlain.wordpress.com/2018/12/20/wordpress-scroll-infinito-o-load-more/
wordpress: scroll infinito para paginar contenidos by ayudawp.com

fuente: https://ayudawp.com/scroll-infinito-en-wordpress/

fragmento del artículo, para ver completo ir a https://ayudawp.com/scroll-infinito-en-wordpress/

… no tienes que ir haciendo clic a enlaces del tipo de “página siguiente” sino que cuando llegas a bajo de una web esta se va extendiendo, mostrando más contenido, hasta el infinito …Hay un plugin, Infinite-Scroll, basado en jQuery, que nos ofrece exactamente esto. Solo hay que instalarlo y activarlo y ya tenemos scroll infinito en nuestro WordPress …

jQuery: Scroll animado hasta un anclaje by webintenta

Fuente: http://webintenta.com/jquery-scroll-animado-hasta-un-anclaje.html

La siguiente función permite crear un agradable efecto de scroll para desplazarse hasta un anclaje. Tan sólo hay que añadir la clase “toplink”.

$("a.toplink").click(function() {
	$("html, body").animate({
		scrollTop: $($(this).attr("href")).offset().top + "px"
	}, {
		duration: 1000,
		easing: "swing"
	});
	return false;
});

Ver ejemplo en funcionamiento » »
Visto en snipplr » »