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 Plantilla Menú Navegación Contenidostransparente.
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/-/concentracion-parcelaria
En el cuerpo:
Tablas accesibles insertadas con el editor y con diseño predefinido.
Uso de viñetas más fondo párrafo destacado amarillo y enlaces en negrita.
Al final de la página:
Galería de contenidoscon enlaces a otras páginas.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.
URL: Portal del Inaga
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”.
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/-/talleres-tic
Menú superior creado con Plantilla Navegación Contenidos.
Generación de anclas para la navegación por las secciones (encabezados) de la página.
Listado de enlaces al final del contenido.
URL: https://www.aragon.es/-/mujeres-rurales
Menú superior creado conPlantilla Navegación Contenidos.Imagen destacada (al lado del título) y misma imagen en la imagen principal.En el cuerpo:
Texto de introducción y destacado amarillo.
Uso de las tarjetas para presentar el contenido (enlace y explicación)
Uso del campo Vídeo principal para poner un vídeoTablas accesibles insertadas con el editor y con diseño predefinido.
Al final de la página:
Galería de contenidoscon enlaces a otras páginas.
URL: https://www.aragon.es/-/informacion-sobre-el-mosquito-tigre-1-1
Generar anclas para la navegación por las secciones (encabezados) de la página.
En el cuerpo:
Estructura de texto H2 y H3
Vídeo con descripción extensa
Al final de la página:
Galería de contenidos con enlaces a documentación para descargar
Enlaces de interés.
Plantilla
En el cuerpo:
Uso de las tarjetas para presentar el contenido (enlace y explicación)
Al final de la página:
Galería de contenidos con enlaces a documentación para descargar
Enlaces de interés
Plantilla Contenido final (Agregadora)
URL: Aragón con la Agenda 2030
Menú superior creado con Plantilla Navegación Contenidos.
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 conPlantilla 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.