Aquí puedes ver ejemplos de páginas utilizando diferentes plantillas y elementos gráficos que permite el editor de Liferay para que te sirvan a la hora de crear tus páginas y secciones de contenido.
Plantilla Menú Navegación transparente
URL: Datos abiertos. Aragón Open Data
Menú superior creado con Plantilla Menú Navegación transparente.
Usamos las anclas para navegar dentro del contenido (para crearlas clicar en “Generar anclas” en el editor).
En el cuerpo, párrafos con fondo gris (Párrafo destacado gris).
URL: https://www.aragon.es/-/talleres-tic
Menú superior creado con Plantilla Menú Navegación transparente.
Menú superior creado con Plantilla Menú Navegación transparente.
Uso del campo Imagen destacada para poner logotipo personalizado e identificar el conjunto de páginas que conforman esa sección de “Comunicación corporativa”.
Uso de la Imagen principal en cada una de las páginas para acompañar al texto y reforzar su comprensión.
Plantilla Contenido final
URL: https://www.aragon.es/-/oficinas-comarcales-agroambientales-ocas-y-areas-medioambientales-amas-
Generación de anclas para la navegación por las secciones (encabezados) de la página.
Imagen de un mapa con códigos numéricos insertada como “Imagen principal”.
En el cuerpo, los códigos llevan asociados enlaces que llevan a más información sobre las Oficinas.
URL.: https://www.aragon.es/-/concentracion-parcelaria
En el cuerpo:
Tablas accesibles insertadas con el editor y con diseño predefinido.
Al final de la página:
Galería de contenidos con enlaces a otras páginas.
URL: https://www.aragon.es/-/mujeres-rurales
Menú superior creado con Plantilla Menú Navegación transparente.
Uso del campo Imagen destacada para poner logotipo personalizado e identificar el conjunto de páginas que conforman esa sección de “Mujeres rurales”.
Uso de la Imagen principal.
En el cuerpo (en el editor uso de estilos Tarjetas).
Plantilla Contenido final (Agregadora)
URL: https://www.aragon.es/-/catastro-minero-de-aragon
En el cuerpo, las imágenes de los recuadros pertenecen a IDEAARAGÓN y shutterstock.
Los recuadros de las imágenes tienen enlaces que van a visor de IDEAARAGÓN con la capa que necesitemos activada.
URL: https://www.aragon.es/-/certificados-transporte-1
En el cuerpo, las imágenes de los recuadros pertenecen banco de imágenes shutterstock.
Los enlaces van a otras subpáginas.
URL: https://www.aragon.es/-/ebro2030
En el cuerpo:
Las imágenes de los recuadros pertenecen banco de imágenes shutterstock.
Los recuadros de las imágenes tienen enlaces a otras subpáginas.
Inserción de vídeo en Youtube.
URL: https://www.aragon.es/-/escolarizacion-en-centros-educativos-de-aragon
Las Imágenes de los recuadros pertenecen banco de imágenes shutterstock.
Los recuadros de las imágenes tienen enlaces que van a otras subpáginas.
Explicación del proceso de escolarización después de los destacados de imágenes.
URL: https://www.aragon.es/-/europe-direct-aragon
En el cuerpo, las Imágenes de los recuadros pertenecen banco de imágenes shutterstock y fotografía realizada por Europe Direct de sus instalaciones.
Los recuadros de las imágenes tienen enlaces y van a otras subpáginas.
URL: https://www.aragon.es/-/informacion-de-la-situacion-de-la-economia-de-aragon
En el cuerpo, las Imágenes de los recuadros pertenecen banco de imágenes shutterstock.
Los recuadros de las imágenes tienen enlaces que van a otras subpáginas.
Como se puede ver en esta página se pueden poner tantos recuadros como se deseen.
URL: https://www.aragon.es/-/informacion-publica-2
En el cuerpo, las Imágenes de los recuadros pertenecen banco de imágenes shutterstock
Los enlaces muestran resultados del buscador avanzado con diferentes filtros con temas, palabras en títulos (canteras, minas, abiertos / cerrados, provincias, etc.)
URL: https://www.aragon.es/-/informe-socioeconomico-de-aragon
En el cuerpo, párrafo y viñetas preceden a los tres destacados de imágenes.
Las Imágenes de los recuadros pertenecen banco de imágenes shutterstock.
Los recuadros de las imágenes llevan enlaces a otras subpáginas.
URL: https://www.aragon.es/-/laboratorio-agroambiental-unidades
Menú superior creado con Plantilla Navegación Contenidos.
Uso de imagen pequeña con el logotipo junto al título de la página.
Las imágenes de los recuadros pertenecen al laboratorio.
URL: https://www.aragon.es/-/ayudas-directas-a-autonomos-y-empresas
En el cuerpo, en vez de fotografías de Shutterstock, usa iconos con el color corporativo (rojo y amarillo) y tipografía también corporativa (Signika)
Uso de los párrafos destacados recuadro naranja y amarillo.
Plantilla Contenido final (Preguntas y respuestas)
URL: Objetivos de Desarrollo Sostenible en Aragón. 1. Fin de la pobreza
En el cuerpo, las preguntas se pliegan y despliegan una a una. Si se abre uno, se cierra otra que previamente hayas abierto.
Menú inferior usando la “Galería de contenidos” (para volver a la página de inicio anterior, donde están los 1.
URL: https://www.aragon.es/-/admision-y-matricula.-educacion-infantil-y-primaria
En el cuerpo, las preguntas se pliegan y despliegan una a una. Si se abre uno, se cierra otra que previamente hayas abierto.
Esta es una subpágina de la página Agregadora mencionada anteriormente “Escolarización…”. Cada fotografía de la página, llevan a una página similar a esta las cuales están estructuradas con unos apartados similares.