Cuando estamos realizando desarrollos personalizados en WordPress, a veces necesitaremos para pasar variables desde PHP a JavaScript. Esto es especialmente interesante cuando queremos hacer uso de las funciones que la herramienta nos suministra, como podría ser conocer la ruta del tema con get_template_directory_uri(), pero a cuyos resultados no podemos llamar…
Categorías: JavaScript, PHP, Programación, WordPress
Tienes que hacer el desarrollo de una página web en la que la cabecera tendrá una versión sticky. Para ello has usado la propiedad position: sticky de CSS y el menú se queda fijo en la parte superior mientras haces scroll. Pero tienes un problema y es que el diseño…
Categorías: CSS, JavaScript, Programación
Slick es una librería de JavaScript que nos permite de un modo bastante sencillo crear carruseles para proyectos web. Nos permite diferentes configuraciones por defecto, una de ellas centrar el elemento activo durante la navegación por el carrusel. Esto nos permite añadir algún tipo de animación para que se reproduzca…
Categorías: JavaScript, Programación
Hace poco tuve la necesidad de trabajar con canvas de HTML5 en un proyecto web, que si bien conocía, no había tenido la oportunidad de implementarlo en un desarrollo. Una de las cosas que había que hacer era dibujar una cuadrícula sobre la que después posicionaría determinados elementos al hacer…
Categorías: HTML, JavaScript, Programación
Estamos haciendo el desarrollo de un proyecto web, hemos finalizado la parte de maquetación y ahora vamos a adaptar la maqueta para impresión. La estructura está lista y los estilos específicos para impresión correctamente implementados, pero al pulsar el botón de imprimir te llevas la sorpresa: en la vista de…
Categorías: JavaScript, Programación
Cáda vez es más habitual encontrarnos con este término dentro del mundo del desarrollo web. Si vamos a trabajar por ejemplo con APIs, es muy probable que nos encontremos con JSON. Pero, ¿qué es y para qué sirve?. Vamos a verlo de un modo rápido y sencillo. JSON es un…
Categorías: JavaScript, Programación
Si estamos desarrollando una página web con WordPress, es más que probable que queramos usar nuestro propio JavaScript, sobre todo cuando elaboramos un tema desde cero o un plugin. Para ello debemos organizar nuestros archivos dentro del directorio que corresponda y luego añadirlos a la cola de la manera habitual….
Categorías: JavaScript, Programación, WordPress
En relativamente poco tiempo Contact Form 7 se ha convertido en el plugin para crear formularios más usado en WordPress. Personalmente reconozco que había estado usando otros con anterioridad hasta que lo descubrí hace unos años y desde entonces casi siempre suelo emplearlo en mis proyectos de desarrollo web. Si…
Categorías: JavaScript, Programación, WordPress
Desde hace ya unos años Google Analytics probablemente sea la suite de análisis para páginas web más usada por profesionales y particulares para hacer un seguimiento de sus portales. Por defecto la medición se hace de un solo dominio y el código de seguimiento solo vale para éste. Sin embargo…
Categorías: JavaScript, Programación
Una de las cosas que nos vamos a encontrar a la hora de desarrollar una página web es querer incorporar un lector de RSS para mostrar artículos externos al propio portal. Esto es especialmente interesante por ejemplo cuando estamos creando una web corporativa y el blog se encuentra en una…
Categorías: JavaScript, Programación
En ocasiones puede interesarnos conocer la resolución de pantalla del usuario que está visitando una página web para optimizarla en base al tamaño desde donde se va a ver. Actualmente es bastante común usar frameworks que nos ayudan precisamente a esta tarea, sobre todo cuando estamos haciendo una versión responsive…
Categorías: JavaScript, Programación
Usar HTML5 también tiene sus inconvenientes. El principal es que en las versiones anteriores a Internet Explorer 9 (IE9) y otros navegadores directamente no funciona. No reconoce las nuevas etiquetas como section, article o header, lo cual nos hace la puñeta ya que no se le pueden aplicar los estilos…
Categorías: HTML, JavaScript