Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

URL: Datos abiertos. Aragón Open Data

  • Menú superior creado con elemento adicional (Plantilla Navegación Contenidos).

  • 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/-/concentracion-parcelaria

  • En el cuerpo:

    • Tablas accesibles insertadas con el editor y con diseño predefinido.

    Viñetas
    • 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.

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/-/talleres-tic

  • Generación de anclas.

  • Menú superior creado con elemento adicional (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 con elemento adicional (Plantilla 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ídeo

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.

URL: https://www.aragon.es/-/calidad-agroalimentaria

  • Menú superior creado con elemento adicional (Plantilla Navegación Contenidos).

  • 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.

  • Las En el cuerpo, 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

  • 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

  • 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 creado con elemento adicional (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 imágenes fotografías de 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.

  • Las 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

  • 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.