Contenido de la Plantilla

Paso 2 - Plantilla >

Contenido de la Plantilla

Previous pageReturn to chapter overviewNext page
Mostrar/ocultar el texto oculto

Tras haber elegido trabajar sobre una Plantilla Predefinida o una Nueva Plantilla y haber definido la Ajustes de la Plantilla, gracias a las funciones que ofrece esta ventana es posible personalizar todavía más la Plantilla misma trabajando tanto el Encabezado como el Pie de Página y en la posible Barra lateral, añadiendo diversos tipos de contenidos, como los siguientes: Menu, Textos, Imágenes, Animaciones, Galerías, Código HTML, Campos de Búsqueda y Enlaces.

En concreto, es posible trabajar en el Encabezado, el Pie de Página y la Barra lateral de la Plantilla gráfica, tanto para la Vista de Escritorio, como -en caso de estar trabajando en la creación de un Sitio web adaptable- para las Vistas correspondientes a los diferentes puntos de interrupción establecidos.

 

Para proceder a la creación de un Sitio web adaptable, es necesario elegir la opción Sitio web Adaptable de la ventana Resoluciones y Diseño Adaptable.

Pulsar para expandir/reducir

La ventana Contenido de la Plantilla está dividida en las secciones Encabezamiento, Pie de página y Barra lateral: los comandos y opciones disponibles en las tres secciones son los mismos.

La sección Barra lateral está disponible solo si en la ventana Estructura de la Plantilla se ha elegido Encabezado, Pie de Página y Barra lateral a la izquierda o Encabezado, Pie de Página y Barra lateral a la derecha como Tipo de Estructura.

Pulsar para expandir/reducirReferencia: Cómo se presenta el editor de plantilla

Si se ha optado por crear un Sitio web adaptable, la ventana Contenido de la Plantilla presenta una Barra de Adaptabilidad que reproduce la ya ofrecida en la ventana Resoluciones y Diseño Adaptable.

La Barra de Adaptabilidad reproduce todos los puntos de interrupción definidos y, en función de estos, identifica Intervalos: basta con pulsar sobre un Intervalo para seleccionarlo y proceder a la definición del Encabezado y del Pie de Página  y de la Barra lateral de la Plantilla para la Vista correspondiente.

Además de la Barra de Adaptabilidad, la ventana ofrece un editor gráfico que presenta una barra de herramientas y, debajo de la misma, un área de trabajo en la que  se presenta la imagen utilizada como fondo del Encabezado o del Pie de Página o de la Barra lateral del modelo elegido (ya sea predefinido o personal): la imagen se muestra a escala 1:1 y, si fuese necesario, se puede deslizar con la barra de desplazamiento horizontal incluida. Sobre esta imagen se muestran, en tiempo real, todas las modificaciones introducidas con los comandos disponibles.

Inmediatamente debajo de la imagen cargada hay una barra de estado en la que se indica:

Posición muestra las coordenadas X e Y que identifican la posición del ángulo superior derecho del Objeto seleccionado, respecto al área ocupada por el Encabezado o el Pie de Página o da la Barra lateral.
Tamaño muestra el valor expresado en píxeles de la anchura y de la altura del objeto seleccionado.

Por último, bajo la Barra de Estado están indicados en una lista todos los Objetos que es posible utilizar para conformar el Encabezado y el Pie de Página y la Barra lateral de la Plantilla.

Los Objetos son los mismos empleados para conformar las Páginas (ver Paso 4 - Páginas): para poder encontrarlos más fácilmente están organizados mediante filtros y para cada uno de ellos hay disponible una vista previa.

Pulsar para expandir/reducirReferencia: La lista de objetos disponibles

Para añadir un Objeto al Encabezado o al Pie de Página o la Barra lateral de la Plantilla basta seleccionar en la lista el icono que lo representa, arrastrarlo y soltarlo en la rejilla de maquetación en el editor en la posición deseada.

Para facilitar la elección, los Objetos  pueden filtrarse y gestionarse mediante los siguientes comandos:

Lista de Filtros

Ofrece la lista de filtros disponibles para seleccionar, entre todos los Objetos disponibles, aquellos que sirven para un determinado objetivo. Es posible, por ejemplo, ver todos los Contenidos principales de Página o los Contenidos principales de la Plantilla.

Mostrar la Administración de Objetos

Abre la ventana Administración de Objetos mediante la que es posible gestionar la instalación, la desinstalación y la actualización de todos los Objetos que no vienen instalados por defecto con el programa.

Los Objetos comprendidos entre los Contenidos principales de Página y los Contenidos principales de la Plantilla son:

Una vez añadido un Objeto al Encabezado o al Pie de Página o la Barra lateral de la Plantilla basta seleccionarlo y pulsar el botón Contenido (o hacer doble clic sobre él) para abrir la ventana que permite su creación efectiva.

Pulsar para expandir/reducirReferencia: Los comandos de la Barra de Herramientas

Una vez añadidos los Objetos necesarios al área de trabajo del editor de la Plantilla es posible seleccionarlos y modificarlos usando los botones de la Barra de Herramientas.

Para efectuar una selección múltiple es posible:

pulsar sobre los Objetos que se desea incluir en la selección manteniendo pulsada la tecla CTRL o la tecla SHIFT,
pulsar en el área de trabajo ,y manteniendo pulsado el botón izquierdo del ratón, desplazarse para dibujar un rectángulo de selección que incluya todos los Objetos deseados.

Los botones disponibles en la Barra de Herramientas son los siguientes:

Cortar [CTRL+X] - Copiar [CTRL+C] - Pegar [CTRL+V]

Respectivamente, cortan, copian o pegan el objeto seleccionado.

Deshacer [CTRL+Z] - Restablecer

Anulan y restablecen la última operación realizada/anulada.

Traer al primer plano - Llevar al segundo plano

Llevan el objeto seleccionado al primer plano o al segundo, es decir delante o detrás de todos los demás Objetos eventualmente superpuestos.

Área de trabajo

Permite definir por medio de la ventana que se abre cómo se presenta el área de trabajo. En concreto, las opciones disponibles son las siguientes:

Color de fondo: configura como Claro u Oscuro el color de fondo del área de trabajo, a fin de permitir una mejor vista de los Objetos añadidos.
Activar rejilla: si está activa, la rejilla facilita el posicionamiento de los Objetos añadidos al área de trabajo. Es posible definir el Paso de la rejilla imantada.

Disponer

Establece la disposición de los Objetos añadidos al área de trabajo. Concretamente, las opciones disponibles son:

Posición y tamaño: Permite definir, mediante la ventana que se abre, las coordenadas que determinan la posición y el tamaño del Objeto seleccionado. La opción Mantener relación hace que en las operaciones de cambio de tamaño se mantengan las proporciones originales del Objeto.
Alineamiento horizontal / Alineamiento vertical: activas solo si se han seleccionado al menos 2 Objetos, permiten respectivamente alinearlos horizontalmente (a la izquierda, en el centro o a la derecha) o verticalmente (arriba, en el medio o abajo).
Distribuir: activa solo si se han seleccionado al menos 3 Objetos, los dispone de forma que tengan entre sí la misma distancia horizontal o verticalmente.

Gestión de Objetos ocultados

Disponible solo en caso de tratarse de un Sitio web adaptable, permite definir si para la Vista en la que se está trabajando (configurada mediante la Barra de Adaptabilidad), el Objeto seleccionado se debe mostrar u ocultar.

Pulsando sobre el triangulito que está sobre el botón es posible abrir un menú con los siguientes elementos:

Ocultar en esta visualización: el Objeto seleccionado se esconderá solo en la Vista actual.
Ocultar para esta visualización y para las inferiores: el Objeto seleccionado se esconderá en la Vista actual y en todas las Vistas con resoluciones inferiores.
Gestionar los Objetos ocultados para esta visualización: abre una ventana en la que se ofrece la lista de todos los Objetos que se han ocultado para la Vista actual. Para cada Objeto hay disponible una vista previa y la opción para hacerlo nuevamente visible.    

Introducir el contenido del objeto seleccionado

Abre la ventana que permite proceder a la creación del Objeto seleccionado de entre los añadidos al Encabezado o al Pie de Página de la Plantilla. La ventana que se abre es diferente según el tipo de Objeto (Texto, Imagen, etc.).

Algunos de los Objetos añadidos al Encabezado y al Pie de Página, como por ejemplo las Animaciones  y los Objetos Código HTML se muestran solo cuando el sitio es abierto en el explorador.

 


Best practice:

-

Cómo trabajar con las plantillas

-

Dónde encontrar nuevas plantillas para WebSite X5

-

Cómo crear un Sitio Web Adaptable | Cómo configurar la Plantilla


Profundización:

-

Cómo funciona el Motor de Búsqueda interno de WebSite X5