Blog

  • Añadir enlaces en imágenes en un editor de texto avanzado

    Autor: 
    0 comentarios

    El editor de texto avanzado de Gesio® o permite una gestión avanzada del contenido de nuestra nueva web. Desde el podremos añadir textos, imágenes y añadirles estilos y funcionalidades adecuadas para nuestra página. Ahora veremos como añadir enlaces a las imágenes que ayamos añadido en el editor de texto. En primer lugar deberemos ir a la gestión de contenidos, sleccionar la página en la que se encuentra el elemento que queremos editar y localizar el bloque de contenido en el que se encuentra la imagen (o imágenes) a la que queremos añadir el enlace.

    Dentro del contenido de nuestra sección haremos click sobre la imagen a la que queremos añadir el enlace y teniéndola seleccionada, mostrará unos manejadores en las esquinas, hacemos click en el icono que nos permite introducir nuestro enlace (ver imagen):

  • Mostrar carruseles en columnas

    Autor: 
    0 comentarios

    En un artículo anterior explicábamos como añadir un carrusel de promociones en las localizaciones disponibles en la configuración de GESIO®. A continuación vamos a vaer como podemos añadir varios banners en la columna de contenidos mostrándolos, a su vez, en columnas.

    En el siguiente ejemplo vamos a colocar tres carruseles en una página inicial que hemos diseñado a una sola columna (con un ancho de 960px).

  • Firebug, una herramienta indispensable para el desarrollador web.

    Autor: 
    Tags: CSS, Diseño, Enlace
    0 comentarios

    Si eres desarrollador, seguramente ya conozcas este complemento para firefox, una herramienta indispensable pàra el análisis y depuración del código de nuestras páginas web.

    Algunas de sus principales funcionalidades son:

    • Edición de HTML en tiempo real: Firebug nos permite ver el código fuente y editarlo mientras vemos como quedan los cambios, destacando las modificaciones realizadas. Tiene un buscador integrado y nos permite exportar los cambios fácilmente.
    • Inspecciona tu hoja de estilos: podremos editar los estilos en tiempo real y autocompletar las propiedades. Además dispone de una interfaz muy intuitiva.
    • Monitorea el tiempo de carga de las páginas: Esta extensión nos ayudará a averiguar el tiempo de carga mostrando cada petición realizada al sitio y los segundos de demora en obtenerla.
    • Depurador de Javascript: Con Firebug podemos buscar los scripts fácilmente y pausarlos en cualquier momento. Detecta en qué linea de código existe un error y mide el tiempo de carga de cada función.

    Podremos acceder a la ventana de firebug haciendo click en el icono de firebug que en las últimas versiones podemos encontrar en la zona superior derecha de la ventana de firefox. También podremos hacer click con el botón derecho sobre el elemento que queremos inspeccionar, lo que nos abrirá el inspector de código centrado en esta zona de la página web.

  • 0 to 255. Gama de luminosidad de tus colores hexadecimales

    Autor: 
    Tags: Diseño, Enlace
    0 comentarios

    www.0to255.com es una herramienta muy útil para diseñadores web hecha por diseñadores. Muchas veces necesitamos conocer exactamente variaciones de la luminosidad de un color para plantear diferentes áreas de un interface, distintos estados de un botón,...

    Esta herramienta nos permite introducir un valor hexadecimal de un color y nos mostrará la gama completa de variaciones de luminosidad, desde el blanco hasta el negro.

  • MEJORA TU TIENDA ONLINE II: Cuida El formato de los textos.

    Autor: 
    Tags: consejos, Diseño
    0 comentarios

    El formato que muestren los textos de nuestra web (en las descripciones de los productos o la páginas cms) puede ser clave para que el mensaje llegue correctamente a nuestros clientes y aumente el ratio de ventas y de satisfacción de nuestros visitantes. Para ello es muy importante que los textos estén bien estructurados estilísticamente, es decir, que se titulen correctamente los distintos bloques de contenido, en el caso de que los hubiese y que se destaque el contenido que nos interese correctamente; contrariamente a lo que, a algunos, pueda parecer es más efectivo un as sencillas lineas destacadas con un texto en negrita que estas mismas líneas en un color chillón y más grandes que el resto, lo que a menudo un primer vistazo del cliente puede interpretar como ruido y charlatanería y conseguir el efecto contrario al deseado.

    Los Textos en la ficha de producto

    En la edición de los productos de nuestra web podremos añadir estos textos:

    Nombre del producto: Debe ser descriptivo, sencillo y corto (en la medida de lo posible) y, si puede ser, que contenga palabras clave que ayuden a posicionar el producto individualmente. Este texto será un título H2, por lo que googley otros buscadores lo tendrán muy en cuenta.