CSS

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 los colores de los estados de pedido

WooCommerce 3.3 Una de las grandes novedades de WooCommerce 3.3 es el rediseño de la página Pedidos haciéndola mucho más simple y visual. Ayer actualizamos a todos nuestros clientes a la nueva versión de WooCommerce, concretamente a la actualización publicada ayer mismo, la 3.3.2, y hoy algunos clientes ya nos han solicitado que les personalizáramos el color de algún estado personalizado que tenían creado y que se veía del mismo color que el estado Cancelado. Así que, dado que este problema le va a surgir a más de uno de vosotros, nos hemos decidido a compartir la fácil solución al problema [...]

2018-02-21T11:34:37+02:0021 de febrero de 2018|Categorías: Tutoriales|Etiquetas: , , , |Sin comentarios

Vídeos incrustados sensibles en WordPress

Introducción Como bien sabrás en WordPress se pueden incrustar vídeos de forma tan sencilla como pegar la URL del vídeo de YouTube en tu entrada o página para que éste se muestre automáticamente. En realidad además de vídeos de YouTube en WordPress puedes incrustar contenido automáticamente de todos estos servicios: Servicio Tipo de contenido Disponible desde Animoto. Vídeos. WordPress 4.0. Blip. Vídeos. WordPress 2.9. Cloudup. Vídeos, Galerías e Imágenes. WordPress 4.4. CollegeHumor. Vídeos. WordPress 4.0. DailyMotion. Vídeos. WordPress 2.9. Facebook. Publicación, actividad, foto, vídeo, medio, pregunta y nota. WordPress 4.7. Flickr. Vídeos e Imágenes. WordPress 2.9. FunnyOrDie.com. Vídeos. WordPress 3.0. Hulu. [...]

2019-06-05T07:38:08+02:0010 de mayo de 2017|Categorías: Tutoriales|Etiquetas: , , , , |1 comentario

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+02:001 de diciembre de 2016|Categorías: Tutoriales|Etiquetas: , , , |Sin comentarios

¿Problemas con la hoja de estilo del tema hijo?

Cuando creamos un tema hijo a partir del tema principal que hemos elegido para construir nuestro sitio web bajo WordPress, normalmente sólo necesitamos tres archivos: screenshot.jpg: se trata de una imagen JPG de 600x450 píxeles que será la imagen de nuestro tema hijo. En APG siempre usamos nuestro propio logotipo en nuestras personalizaciones, por lo que puedes poner la imagen que más te guste. functions.php: de este archivo hemos hablado infinidad de veces y es el que nos permite añadir código PHP personalizado. style.css: se trata de la hoja de estilo donde introducimos el código CSS personalizado que necesitamos para [...]

2017-03-27T18:08:39+02:0025 de noviembre de 2015|Categorías: Tutoriales|Etiquetas: , , , , |Sin comentarios

Personalizando las imágenes de los medios de pago

Hace un par de días le pedíamos a Jesús Ángel del Pozo Domínguez, desarrollador del plugin para WooCommerce WooCommerce Sermepa payment gateway que añadiera una opción en su plugin gratuito para poder personalizar la imagen del medio de pago. Apenas tardó unas horas en responder y en añadir un nuevo filtro llamado wc_redsys_icon que nos permite personalizar la imagen desde el archivo functions.php de nuestro tema padre o hijo. Pues bien, gracias a este nuevo filtro hemos modificado completamente la apariencia de los medios de pago de nuestra propia tienda online, y aprovechamos para explicaros cómo hacerlo por si queréis replicarlo [...]

Añadiendo datos personalizados a los precios

El otro día un cliente nos pidió que le añadiéramos a los precios de los productos de su tienda virtual una serie de datos personalizados. Concretamente se trataba de una frutería online y necesitaba indicar si el precio era por kilo, pieza, bandeja... Además necesitaba que ese dato personalizado por producto se mostrara en todos los widgets y partes que componían su tienda online. Solución Para lograrlo lo primero que hicimos fue crear un campo personalizado, llamado precio_por, en la ficha de productos del panel de administración de WooCommerce. Desde ella el cliente podría añadir fácilmente el valor adecuado para [...]

2017-03-27T18:08:40+02:0020 de julio de 2015|Categorías: Tutoriales|Etiquetas: , , , , |Sin comentarios