El uso de la etiqueta Variable de Blogger

En un tiempo, Blogger tenían una opción llamada Fuentes y colores que nos permitía establecer justamente eso, las fuentes y colores básicos de la plantilla y esos datos se mostraban al inicio del CSS con etiquetas propias del sistema llamadas Variable.

A partir de la incorporación del nuevo Diseñador de Plantillas, esta opción ya no está disponible y, sin embargo, las plantillas de viejo estilo conservan esas etiquetas. En algunos casos, eso es razonable porque se siguen utilizando las definiciones que siempre son de tipo $nombre; por ejemplo:

#outer-wrapper {
  .......
  font: $bodyfont;
}

Pero, si no tenemos ese tipo de datos porque ya hemos modificado la plantilla muchas veces ¿podemos quitar esas etiquetas? En realidad, poder, podemos pero no es aconsejable ya que siguen teniendo utilidad.

Por un lado, podemos valernos de ellas para simplificar el CSS ya que nada impide usar las variables existentes, modificarlas manualmente o agregar otras personales siempre y cuando respetemos la sintaxis; si agregara esto:

<Variable name="miCOLOR" description="una descripcion de la variable" type="color" default="#000000" value="#000000">

de ahí en más, podría usar $miCOLOR en cualquier propiedad siempre que esta se encontrase definida dentro <b:skin> </b:skin>:

p {
  .......
  color: $miCOLOR;
  .......
  background: $miCOLOR url() no-repeat 0 0;
  .......
  border: 5px solid $miCOLOR;
}

Hasta donde sé, hay tres tipos de datos posibles:

• type="color" establece colores
• type="font" establece fuentes de textos
• type="automatic" establece ... ¿cualquier otra cosa?

Eso último lo desconozco pero, si uno coloca esta variable:

<Variable name="opacidad" description="la opacidad" type="automatic" default="opacity" value="opacity">

y luego se escribe esto:

p {
  .......
  $opacidad: .5;
}

Blogger genera la propiedad correcta y en el código fuente leeremos:

opacity: .5;

Si esto tiene utilidad práctica o no, depende de cada uno pero, hay un segundo punto importante que es el que debería interesarnos. Esas definiciones que se ven en las etiquetas Variable, son las que utiliza Blogger para mostrar ciertos gadgets como el Buscador, los Seguidores, etc, etc. Suele ser comun que ciertos gadgets se muestren de manera errónea, fondos claros con textos claro o viceversa y, si eso nos ocurre, lo mejor es revisar qué dicen esas variables.

Estas son algunas de las que deberíamos tener definidas y los valores que usará Blogger son los que figuran en el parámetro value:

• name="bgcolor" es el color de fondo del sitio
• name="bodyfont" es la fuente de texto por defecto
• name="textcolor" es el color de los textos
• name="linkcolor" y name="visitedlinkcolor" son es los colores de los enlaces
• name="bordercolor" es el color de los bordes

No hay ninguna necesidad de utilizar los mismos valores que tenemos en nuestra palbtilla, podemos usar cualquier otro.