HTML

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+02:006 de marzo de 2018|Categorías: Tutoriales|Etiquetas: , , , |2 Comentarios

¿Cómo añadir un extra en el pedido de WooCommerce?

Son muchas las ocasiones en las que podemos necesitar añadir un extra en el pedido, que sea seleccionable por el cliente y que añada un determinado coste al pedido. Un ejemplo muy típico de lo que os queremos enseñar hoy es el extra Envolver para regalo en el pedido, aunque en realidad las opciones de uso de este tipo de extras son prácticamente ilimitadas. Ejemplo práctico y real Hace unos meses los chicos de ComeFruta, en colaboración con los chicos de Fiiiling, nos pidieron ayuda para poner en marcha la campaña Fruta solidaria. Gracias a ella los clientes de ComeFruta [...]

2019-05-20T21:36:12+02:0017 de diciembre de 2015|Categorías: Tutoriales|Etiquetas: , , , , , |Sin comentarios

El mejor alojamiento web del mercado

Test de velocidad antes de la migración Test de velocidad después de la migración Tras muchos meses de búsqueda de un buen servicio de alojamiento web, y tras probar a no pocos aspirantes, creemos que hemos dado con el mejor alojamiento web del mercado, con la mejor relación calidad/precio posible, y, además, es 100% español. Durante esta semana pasada hemos migrado nuestro viejo VPS a un nuevo VPS optimizado para WordPress y WooCommerce al que le hemos ajustado aún más sus características para explotar al máximo su rendimiento. La suma de las características internas del nuevo [...]

2018-01-10T19:20:45+02:0024 de noviembre de 2014|Categorías: Noticias|Etiquetas: , , , , , , |Sin comentarios

Google Maps y los archivos KML

My Maps Hace un par de años os contamos en ¿Cómo insertar un mapa personalizado de Google Maps en nuestro sitio web? la forma de insertar un archivo KML en Google Maps y conseguir, de esta forma, crear un mapa personalizado en nuestro propio sitio web. Pues bien, parece ser que a partir de 2015 Google Maps ya no va a permitir utilizar la técnica descrita en la entrada, así que vamos a ver rápidamente lo que tenemos que hacer para que nuestros mapas personalizados sigan siendo funcionales a partir de la entrada del próximo año. Primer paso Lo primero [...]

2017-03-27T18:09:03+02:0017 de noviembre de 2014|Categorías: Noticias|Etiquetas: , , , |Sin comentarios

El código de seguimiento de Google Analytics y la minificación

Google Analytics no necesita presentación alguna, todo el mundo sabe que es una herramienta muy poderosa para conocer las estadísticas de visitas a nuestros sitios web. Para obtener los datos necesarios para generar las estadísticas, Google Analytics nos proporciona un código de seguimiento, realizado en JavaScript, que debemos insertar en el código HTML de todas nuestras páginas. El código de seguimiento suele tener una apariencia tal que así: <script> (function(i,s,o,g,r,a,m){i(...)=r;i(...)=i(...)||function(){ (i(...).q=i(...).q||(...).l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)(...);a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-XXXXX-XX', 'auto'); ga('send', 'pageview'); </script> Este código de seguimiento suele ser funcional siempre, pero, en caso de que el código HTML y JavaScript de [...]

2017-03-27T18:09:03+02:0015 de noviembre de 2014|Categorías: Tutoriales|Etiquetas: , , |Sin comentarios

¿Cómo validar correctamente los formularios de contacto de Jetpack by WordPress.com?

Continuando con la senda emprendida ayer en la entrada ¿Cómo validar correctamente los comentarios de Jetpack by WordPress.com?, seguimos validando el HTML5 del código fuente del sitio web de APG con el validador oficial de la W3C, y comprobando que cumple con los estándares oficiales marcados por la W3C. En esta ocasión nos hemos encontrado con un problema de validación que generan los formularios de contacto que el plugin para WordPress Jetpack by WordPress.com inserta en nuestras páginas y entradas. ¿El problema? El problema lo genera la hoja de estilo que acompaña a los formularios, concretamente el archivo grunion.css, al [...]

2017-03-27T18:09:04+02:0011 de agosto de 2014|Categorías: Tutoriales|Etiquetas: , , , , , , ,