Páginas de ejemplo

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.

 

URL: Comunicación corporativa

  • 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/-/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/-/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)