sábado, 14 de enero de 2012

SESION 14. DISEÑADOR DE PLANTILLAS DE BLOGGER. PERSONALIZACION DE NUESTRO BLOG CON LA INTERFASE DE DISEÑO AVANZADO



En la interfase de diseño de nuestro panel de control podemos realizar ajustes relacionados con el funcionamiento general de nuestro blog, de la misma manera podemos aumentar las funciones y características de nuestra pagina en la manera de gadgets que aportan nuevas y variadas aplicaciones.

Fuera de esto,  podemos reacomodar el orden en que estas funciones aparecen en el espacio designado a nuestro blog, pero con todo es una herramienta limitada en cuanto a la flexibilidad y capacidad de personalización de nuestro blog.

Es entonces que, para hacer ajustes mas drásticos en la apariencia y funcionalidad de nuestro sitio, recurrimos a la interfase del diseñador de plantillas.

Este apartado de nuestro panel de control esta dividido en dos partes:

1.- (Parte inferior) La vista previa dinamica: se llama así porque refleja inmediatamente, esto es sin tener que refrescar la pagina) los cambios realizados en el menú principal, estos cambios son solo aparentes en esta pagina y se convierten en ajustes permanentes si y solo si presionamos botón de aplicar el blog.

2.- (Parte superior) El menú de ajustes:
Este menú afecta la apariencia y disposición de los elementos gráficos de nuestro blog y abarca varios apartados específicos:
a) Plantilla general. Este apartado nos permite seleccionar de una variedad de plantillas prediseñadas que cuentan con una apariencia o estilo gráfico definido a la vez cada una cuenta con un submenu que muestra variaciones del mismo concepto, como puede ser alguna variante en tonos de color o algún ajuste en las decoraciones de la pagina.
b) Apartado de Fondo (En algunas paginas que no están traducidas este apartado puede aparecer como Background o Colorways). En este menú podemos seleccionar fondos de color solido que vienen combinados con colores adicionales para el fondo de nuestra pagina, o bien podemos seleccionar una imagen (por lo regular de 1800 x 1600 pixels) De las que vienen precargadas en la interfase. También podemos seleccionar desde nuestra computadora una imagen de aproximadamente las mismas medidas y subirla para ser usada como fondo. El limite de peso/resolución no debe exceder los 300 kilobytes.
c) Ajuste de medidas del blog.
En este apartado por lo regular contamos con dos deslizadores que nos permiten incrementar/decrementar el ancho de la columna principal de nuestro blog (En donde se publican las entradas  principales, las fechas y los títulos del contenido). Adicionalmente contamos con el deslizador de ancho de columna secundaria, que contiene por lo regular las gadgets que hemos incorporado a la plantilla ademas de los directorios e indices de nuestro blog. Consideraciones: el ancho de pantalla promedio es de aproximadamente 1024 pixels, lo que nos permite ajustar medidas dentro del rango de los 980 pixels hasta los  780 aproximadamente, para fines de no truncar la longitud de los encabezados o crear un sitio que no se muestre completo en pantalla debido a su medida excesiva.
d) Apartado de Diseño.
Esta sección nos permite organizar y orientar los elementos de la pagina de acuerdo a la relación entre las entradas principales y las columnas secundarias que cuentan con gadgets e indices etc.
Trabajando de la mano con el apartado anterior, donde ajustábamos el tamaño, podemos crear un espacio amplio libre de distracciones visuales donde solo se muestre el texto de las entradas, o bien un espacio que concentre mucha información en un área reducida, como en el caso de incluir hasta dos columnas adicionales de contenido extra. Esto por lo regular conlleva a aumentar el ancho de las columnas para no segmentar los textos.
e) Edición Avanzada.
Este apartado de nuestra pantalla de edición de plantillas nos permite ajustar de manera precisa todo lo relativo a las tipografías y colores que se emplean para desplegar los contenidos de nuestras entradas.
Sección de Texto de Pagina: Este apartado nos permite definir el tamaño, color y tipografía de los textos en general de nuestra pagina. Es conveniente siempre seleccionar una "Familia Tipográfica" esto es, una letra que cuente con versiones en Negritas, Itálicas, Condensadas, Etc. Ya que todas estas variantes son utilizadas en diferentes secciones de los textos a desplegar.
Sección de Fondos: Aquí se definen los colores específicos de cada sección de mi blog, en el renglón de fondos. Con dos posibles opciones: Color o transparencia. Los fondos a determinar son tres, los del encabezado, los de las entradas y los de las columnas.
Sección de enlaces: Este apartado determina el comportamiento de los hipervinculos en el documento escrito en tres posibles estados: uno es el link o hipervinculo en estado inicial, otro es cuando el mouse se posiciona sobre el link y el tercero es sobre los links visitados. En estas tres opciones se puede determinar la tipografía y el color respectivamente.
Sección del Titulo del Blog: Aquí definimos la tipografía, el estilo y el color del titulo del blog. En el caso particular de nuestro diseño, este ha sido sustituido por un encabezado diseñado

No hay comentarios:

Publicar un comentario