JavaScript

El placeholder, los campos de selección y Contact Form 7

¿Qué es un placeholder? Para los que aún no lo tengan claro el atributo placeholder o marcador de posición se incluyó en HTML5 para añadir información adicional a la que ya proporciona la propia etiqueta (label) de los campos de texto (input) y áreas de texto (textarea) de los formularios, por ejemplo el código HTML: Esto es una etiqueta: Genera este resultado: En este simple ejemplo se puede apreciar claramente la diferencia entre una etiqueta y un marcador de posición. Digamos que el placeholder es ese texto que aparece de forma predeterminada antes de comenzar a escribir en [...]

2018-04-17T14:26:06+02:0017 de abril de 2018|Categorías: Tutoriales|Etiquetas: , , , , |Sin comentarios

Personalizando el widget suscripciones de Jetpack

Antecedentes Recientemente un cliente nos ha solicitado añadir un campo de aceptación de la política de privacidad en el widget Suscripciones al blog (Jetpack). Obviamente el widget original no permite modificar nada más allá del título, la descripción, el placeholder del campo de texto, el valor del botón de envío y el texto que se muestra al darse de alta en la suscripción. ¿Cómo lo hemos hecho? Para lograrlo hemos creado un shortcode clonado de los shortcodes originales soportados por este módulo del plugin Jetpack by WordPress.com, concretamente jetpack_subscription_form y blog_subscription_form, que hemos modificado y personalizado para añadir el código HTML y [...]

2018-03-06T20:52:22+01:006 de marzo de 2018|Categorías: Tutoriales|Etiquetas: , , , |2 Comentarios

Limitando el número de caracteres

Precedentes Hace ya algún tiempo que nuestro cliente ComeFruta nos solicitó una mejora en su tienda virtual que creemos que puede resultar interesante a otros usuarios y por eso hoy la compartimos en este tutorial. Concretamente se nos solicitó limitar el número de caracteres en algunos campos del formulario de pedido de WooCommerce. Necesitaban limitar el número de caracteres de los campos Dirección de la calle del formulario de facturación y del formulario de envío, y del campo Notas del pedido. La limitación debía ser programada a 50 caracteres en los dos primeros campos y a 70 caracteres en el tercero. [...]

2017-12-27T14:40:07+01:0027 de diciembre de 2017|Categorías: Tutoriales|Etiquetas: , , , |Sin comentarios

Slider Revolution y sus problemas con los menús

Actualmente estamos inmersos en el diseño del nuevo sitio web de Ruralka On Road, el cual esperamos que esté en marcha a finales del mes que viene, y en el que nos hemos encontrado con un importante problema con el conocidísimo plugin para WordPress Slider Revolution. La verdad es que la resolución del mismo nos ha hecho perder no poco tiempo y estamos seguros de que a más de uno le ha surgido el mismo problema pero, y esto es lo más curioso, no hemos encontrado ningún tipo de solución publicada en ningún centro de soporte o foro especializado. Descripción de los problemas El [...]

2017-12-11T20:22:58+01:001 de diciembre de 2016|Categorías: Tutoriales|Etiquetas: , , , |Sin comentarios

Arreglando el panel de administración de WordPress

En los últimos días nos hemos encontrado con un problema similar en algunas instalaciones de WordPress realizadas desde cero y sobre distintos servidores, por lo que entendemos que debe ser algún tipo de error de la última versión estable publicada de WordPress, la versión 4.6.1, aunque no hemos encontrado ningún reporte del problema, sobre todo por que no ocurre en todas las instalaciones nuevas, sólo en algunas de ellas, de ahí que todavía no hemos dado con la causa exacta del error para poder reportarlo a los chicos de Automattic. Pero veamos qué es lo que nos ha ocurrido. Error generalizado del panel de [...]

2017-12-13T15:12:39+01:0023 de noviembre de 2016|Categorías: Tutoriales|Etiquetas: , , , , |Sin comentarios

AJAX a URL http desde JavaScript sobre https

Durante la producción de WC - APG City nos hemos encontrado con un problema a priori insalvable, pero que finalmente hemos podido esquivar con relativa facilidad. El problema con el que nos hemos encontrado es el siguiente. Problema Cuando se realiza una llamada mediante AJAX a una URL sobre http desde un sitio web, o como en este caso concreto una tienda online, con certificado SSL, y por lo tanto sobre https, el navegador bloquea automáticamente el código JavaScript que realiza la llamada a un URL considerada insegura. Es una medida básica de seguridad para https, ya que todo el contenido [...]

2017-07-17T21:26:46+02:0026 de agosto de 2016|Categorías: Tutoriales|Etiquetas: , , , , , , |