Ejemplo de cómo reproducir automáticamente videos en html5 automáticamente al scrollear usando IntersectionObserver en javascript. De esta forma recorreremos todos los elementos video que haya en la página y observaremos cuando están visibles al hacer scroll para reproducir/pausar de forma […]
Solo 2 simples pasos para ocular la insignia del reCAPTCHA v3 de Google. Esta puede llegar a ser muy intrusiva en el diseño de nuestra web, especialmente en versiones móviles ocupando la parte inferior derecha de la pantalla. Para poder […]
Función javascript para añadir «ceros» delante de un o varios números según el número de dígitos que este tenga este. En este caso vamos a ver un ejemplo sencillo para un máximo de 2 dígitos donde queremos que aparezca un […]
Pasos para instalar redis en xampp en windows. 1. Descargar el archivo php_redis.dll desde la página de descargas de Windows (ej. para la versión 5.3.1 de redis): https://pecl.php.net/package/redis/5.3.1/windows Hay descargamos la de «Thread Safe (TS) x64» en mi caso con […]
Si quieres modificar el código html generado por defecto en el bloque galería de Gutenberg puede que te interese el siguiente código código php que tendrías que insertar dentro del archivo functions.php de tu tema y modificarlo a tu gusto. […]
Ejemplos para extraer el texto o html de un determinado elemento usando Puppeteer. Extraer el texto de un elemento: const texto = await page.evaluate(() => document.querySelector('.mi-elemento').innerText); console.log(texto); Extraer el html de un elemento: const texto = await page.evaluate(() => document.querySelector('.mi-elemento').innerText); […]
Si estas usando la función is_home() en tu plantilla de wordpress y no esta detectando correctamente la home, prueba a usar la función is_front_page(), que siempre devuelve true en la página principal. La función is_home() se relaciona con la página […]
En el admin de wordpress, el editor de entradas de Gutenberg por defecto muestra un tamaño máximo de 580px de ancho para los bloques que puede que se nos quede pequeño para trabajar. Para cambiar ese valor tenemos que sobrescribir […]
Cuando necesites que ciertos elementos no respondan (hover, click…) a eventos del ratón (o táctil)… tenemos la propiedad css pointer-events con su valor «none» para poder desabilitarlo y hacer ese elemento como «invisible al cursor». pointer-events: none; Para verlo en […]
Si usas la propiedad columns de css para dividir el contenido en «x» columnas y tienes el problema de que se corta el contenido de alguna columna por arriba/abajo puedes usar la propiedad break-inside del siguiente modo en cada elemento […]