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
Contenido final
Menú Navegación transparente
URL: Datos abiertos. Aragón Open Data
Menú superior creado con elemento adicional (Navegación Contenidos)Plantilla Menú Navegación transparente.
Usamos las anclas para navegar dentro del contenido (para crearlas clicar en “Generar anclas” en el editor).
Párrafos En el cuerpo, párrafos con fondo gris (Párrafo destacado gris).
URL.: https://www.aragon.es/-/concentraciontalleres-parcelaria
Tablas accesibles insertadas con el editor y con diseño predefinido.
Viñetas más fondo párrafo destacado amarillo y enlaces en negrita.
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 principal 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/-/talleresconcentracion-tic
Generación de anclas.
Menú superior con elemento adicional (Navegación Contenidos)
Listado de enlaces al final del contenido.
URL: https://www.aragon.es/-/mujeres-rurales
Menú superior con elemento adicional (Navegación Contenidos)
Imagen destacada (al lado del título) y misma imagen en la imagen principal.
Texto de introducción y destacado amarillo.
Uso de las tarjetas para presentar el contenido (enlace y explicación)
Vídeo principal
URL: https://www.aragon.es/-/informacion-sobre-el-mosquito-tigre-1-1
Generar anclas
Estructura de texto H2 y H3
En el cuerpo:
Tablas accesibles insertadas con el editor y con diseño predefinido.
Al final de la página:
Galería de contenidoscon enlaces a
Enlaces de interés
otras páginas.
URL: https://www.aragon.es/-/calidadmujeres-agroalimentariarurales
Menú superior creado con elemento adicional (Navegación Contenidos)
Uso de las tarjetas para presentar el contenido (enlace y explicación)
Galería de contenidos con enlaces a documentación para descargar
Enlaces de interésPlantilla 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: Aragón con la Agenda 2030
Menú superior creado con Plantilla Navegación Contenidos.
Las Imágenes de los recuadros pertenecen a la imagen elaborada y propia de los Objetivos de Desarrollo Sostenible (ODS).
URL: https://www.aragon.es/-/catastro-minero-de-aragon
Las Imágenes 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
Las Imágenes 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
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
Las 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
Las 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
Las 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.Párrafo y viñetas que preceden a los tres destacados de imágenes.
Los recuadros de las imágenes llevan enlaces a otras subpáginas.
URL: https://www.aragon.es/-/laboratorio-agroambiental-unidades
Menú superior con elemento adicional (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 imágenes Shutterstock, usa iconos con el color corporativo (rojo y amarillo) y uso de la 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
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
Todas las subpáginas de la Agregadora anterior, la de EscolarizaciónEn 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 que las cuales están estructuradas con unos apartados similares.