Mediante las opciones ofrecidas en esta sección es posible definir el aspecto gráfico de la Página Principal, es decir de la página que hace de Página de Inicio del Blog y que presenta un extracto de los últimos Artículos publicados, cada uno resumido mediante una Ficha al efecto.
La Ficha de un Artículo está compuesta por los siguientes elementos, casi todos definidos por medio de los campos incluidos en la sección Contenidos:
| ▪ | Descripción: se retoma la Descripción breve , y si esta no está disponible, el Contenido cortado; |
| ▪ | Detalles: incluye la Categoría, el Autor y la Fecha; |
| ▪ | Botón: tiene activo el enlace a la página con el Artículo completo. |
Naturalmente, en el caso de que elementos como la Portada, el Autor o la Fecha no hayan sido especificados, estos datos no se incluirán en la Ficha.
Mediante las opciones disponibles en la sección Ajustes de las fichas es pues posible definir cómo estas deben estar conformadas y dispuestas. En primer lugar es necesario configurar el tipo de vista eligiendo entre:
|
Portada a la izquierda, título y contenidos a la derecha
|
|
Título y contenidos a la izquierda, portada a la derecha
|
|
Portada arriba, título y contenidos abajo
|
|
Título y contenidos arriba, portada abajo
|
Una vez definido el tipo de vista, es entontes posible modificar las siguientes opciones:
| ▪ | Fichas por fila: define cuántas Fichas pueden situarse en cada fila, de un mínimo de 1 hasta un máximo de 6. |
| ▪ | Fichas visibles: establece el número máximo de Fichas que se verán en la Página Principal del Blog. Si por ejemplo se decide tener 10 Fichas visibles, en la Página de Inicio del Blog se mostrarán 10 fichas referidas a los últimos 10 Artículos publicados. |
| ▪ | Altura fichas: define el valor en píxeles de la altura que debe asumir cada Ficha. |
| ▪ | Margen de las Fichas: define el valor en píxeles de la distancia que debe ser mantenida entre las Fichas. |
| ▪ | Tamaño portada (%): configura el ancho de la imagen de Portada respecto a los contenidos, en caso de que esté situada a la izquierda o a la derecha; o respecto a la altura de la Ficha, en el caso de que esté situada arriba, sobre o bajo el Título. |
| ▪ | Margen de portada. / Margen de contenidos: definen respectivamente el valor en píxeles de la distancia entre la imagen de Portada o el contenido (Título y Descripción) y los bordes de la Ficha. |
Una vez definidos estos parámetros, es también posible configurar las propiedades gráficas de los diferentes elementos que componen las Fichas de los Artículos. Una vez seleccionado aquel con el que se quiere trabajar, en la sección Elementos se ofrecen las opciones disponibles:
| ▪ | Visible: hace que el elemento seleccionado sea visible o no en la Ficha. Esta opción no está disponible para el Fondo y la Portada. |
| ▪ | Fuente: especifica el tipo de carácter, el tamaño y el Estilo del texto para el Título, la Descripción, los Detalles y el Botón. El menú desplegable propone: la opción para aplicar la Fuente predeterminada (definida por el estilo del elemento Texto de la página en la ventana Estilo de los textos); la lista de las Fuentes Seguras, es decir fuentes presentes en todos los dispositivos y para las cuales por tanto no es necesaria ninguna publicación; todas las Fuentes Web y las Google Fonts añadidas mediante la ventana Añadir Fuentes Web que se abre con la opción Otros tipos de carácter. |
| ▪ | Color Texto: especifica el color del texto para el Título, la Descripción, los Detalles y el Botón. Una vez seleccionado el elemento Detalles, el color definido para el Texto se utiliza también para la línea situada entre Descripción y Categoría, Autor y Fecha. |
| ▪ | Color Fondo: especifica el color del Fondo de la Ficha y del Botón. |
| ▪ | Espesor: especifica el espesor de los bordes del Fondo de la Ficha y del Botón. |
| ▪ | Color: especifica el color de los bordes del Fondo de la Ficha y del Botón. |
| ▪ | Factor de redondeo: define el factor de redondeo para las esquinas del Fondo de la Ficha y del Botón. |
| ▪ | Sombra: aplica una sombra al Fondo de la Ficha, definiendo su color, la posición, la difusión y el tamaño. |
| ▪ | Adaptar tamaño: si está activa, hace que la imagen de Portada ocupe todo el espacio disponible dentro de la Ficha, tanto a lo ancho como a lo alto. En caso de que las proporciones no se correspondan, la imagen será centrada y cortada. Si no está activa, por contra, la imagen de Portada se adaptará al ancho o al alto del espacio disponible. |
| ▪ | Efecto al paso del ratón.: aplica a la imagen de Portada un efecto al paso del ratón. |
| ▪ | Mostrar Categoría / Mostrar Autor / Mostrar Fecha: hacen que dentro de la Ficha se muestre la Categoría en la que está incluido el Artículo, el Autor y la Fecha de publicación, datos configurados mediante la ventana Predisposiciones artículo | Contenidos. |
| ▪ | Márgenes: define el valor en píxeles para el margen entre el texto y el borde del Botón. |
Dentro de la Página Principal del Blog los últimos Artículos publicados pueden ser distintos respecto a los menos recientes. Para hacerlo basta con usar las opciones disponibles en la sección Artículos resaltados:
| ▪ | Visualización: define si se quiere que los últimos Artículos publicados aparezcan resaltados respecto a los menos recientes, y en qué modo. Las posibilidades a elegir son las siguientes: |
| • | Ningún artículo resaltado |
| • | Primeros artículos resaltados con una ficha: las Fichas de los últimos Artículos publicados, a diferencia de todas las demás, son tan anchas como la Página. |
| • | Primeros artículos resaltados con una presentación de diapositivas: las imágenes de Portada de los últimos Artículos publicados conforman una Presentación situada al principio de la Página de Inicio del Blog que ocupa todo el ancho de la Página. Sobre cada imagen de la Presentación está indicado el Título y se incluye un enlace que lleva a la Página con el Artículo completo. Además de estar presentes en la Presentación, para cada uno de los Artículos resaltados se muestra también la Ficha de presentación. |
| ▪ | Artículos resaltados: especifica el número de los últimos Artículos publicados que deben resaltarse. |
| ▪ | Altura fichas: define la altura en píxeles de las Fichas de los Artículos resaltados (para la opción Primeros artículos resaltados con una ficha) o de la Presentación (para la opción Primeros artículos resaltados con una presentación de diapositivas). |
Best practice:
Profundización:
