En este artículo puedes conocer qué plantillas o estructuras de contenido podrás utilizar para presentar contenidos en el Portal.

Vamos a repasar las características de cada una de estas plantillas.

1. Puedes ver ejemplos de ejemplos de páginas elaboradas con estas plantillas.

Plantilla de Contenido final

Esta es la plantilla madre a partir de la cual se han creado todas las plantillas (excepto Navegación Contenidos que se trata al final de esta página).

Los diferentes campos que forman parte de la plantilla de distribuyen en dos áreas:

Open

Los campos de la plantilla se distribuyen de la siguiente manera en la pantalla:

Los contenidos que:

• tienen un asterisco (*) y están en negrita son obligatorios y están vacíos por defecto, los tienes que rellenar tú dependiendo del contenido que vayas a incluir

• tienen un igual (=) y en negrita son obligatorios pero ya traen un valor por defecto. Lo tendrás que revisar para ver si es así como lo quieres o si quieres cambiarlos.

• tienen un signo de cierre de admiración (!) y en negrita, pueden ir vacíos pero por su propia naturaleza, el cuerpo principal y resumen, como son los campos donde tienes que poner el contenido son muy recomendables que tengan contenido ya que sino dificultaremos a la ciudadanía acercarse a nuestra información.

1. Puedes consultar el apartado de Generar nuevo contenido para tener más información sobre los campos de esta plantilla.

Elegir plantilla favorita

Si hay una plantilla que usas más que las demás y quieres tenerla la primera, márcala como favorita como te mostramos en el vídeo:

Plantilla Contenido final con textos precargados (modelos)

Hemos creado 12 modelos de páginas que hemos visto que como personas publicadoras soléis crear. El objetivo de esta nueva funcionalidad es doble:

• Ayudaros a los que publicáis para que no tengáis que repetir información que soléis publicar.

• Ayudar a la persona ciudadana para que pueda localizar la información más rápidamente al estar las páginas normalizadas y compuestas por los mismos bloques de información.

Usar los modelos

Pasos

Paso 1. Dentro de nuestra carpeta, donde queramos crear el contenido, pulsa el botón con el símbolo “+” y elige el modelo que quieras:

Open

Pulsa el botón “+” para crear contenidos con los modelos que te proponemos

Pulsando el botón “Más” puedes ver los modelos:

Paso 2. Elige uno de los modelos que aparece, por ejemplo, “Contenido final - Subvencion. Fase Divulgacion”.

Paso 3. Modifica la información que viene precargada con valores por defecto y mantén la que te sirva para informar a la ciudadanía.

Paso 4. Rellena los campos de “Organismos” y “Temas” según el contenido que hayas elaborado, ya que son campos obligatorios.

Paso 5. Pulsa el botón “Publicar”.

Una vez publicado, este contenido web se guarda como estructura “Contenido final” como puedes ver en la siguiente pantalla:

Tipos de plantillas modelos que puedes usar

Subvenciones

Hemos elaborado cuatro modelos relacionados con subvenciones y ayudas porque es uno de los contenidos que más se repite a lo largo de todo el portal, además de ser bastante consultado por la ciudadanía en general.

Si necesitas crear una página que explique una subvención que tu servicio está gestionando, te recomendamos que uses estos modelos para ahorrarte tiempo y esfuerzo.

Como sabes, la gestión de una subvención conlleva una sucesión de etapas que se refleja en nuestras páginas, de ahí los cuatro modelos que hemos generado:

• Subvención. Fase Divulgación.

• Subvención. Fase Plazo abierto.

• Subvención. Fase Plazo cerrado.

• Subvención. Fase Resolución.

1. Si quieres conocer más información sobre estos modelos puedes consultar el Tipo de contenido de Subvenciones.

Campaña

Otro de los contenidos que hemos visto que se repiten son campañas de divulgación ya que son varios los organismos que tienen esta función para sus diferentes competencias. Por eso hay páginas en las que puedes mostrar los recursos que elaboráis para vuestras campañas de difusión.

1. Si quieres conocer más información sobre estos modelos puedes consultar el Tipo de contenido de Campaña.

Premio

Este modelo lo hemos incluido porque es uno de los contenidos que suele despertar interés a la ciudadanía en general. Estas páginas de premios están dirigidas a la ciudadanía que busca informarse y participar en convocatorias de premios.

La gestión de un premio conlleva una sucesión de etapas que se refleja en nuestras páginas:

• Convocatoria abierta

• Convocatoria cerrada

• Ganadores

1. Si quieres conocer más información sobre estos modelos puedes consultar el Tipo de contenido de Premios.

Memorias

Este modelo es para ayudarte cuando tengas que hacer una página que muestre las memorias de tu servicio u organismo o un listado de publicaciones con periodicidad determinada que ofrecemos a la ciudadanía en general.

1. Si quieres conocer más información sobre estos modelos puedes consultar el Tipo de contenido de Memorias y listados.

Publicaciones

Este modelo es para ayudarte cuando tengas que hacer una página que muestre un listado de publicaciones.

1. Si quieres conocer más información sobre estos modelos puedes consultar el Tipo de contenido de Publicaciones.

Servicios

Este modelo es para ayudarte cuando tengas que crear una página con la presentación de un servicio u organismo del Gobierno de Aragón.

1. Si quieres conocer más información sobre estos modelos puedes consultar el Tipo de contenido de Servicios.

Oposiciones

Este modelo lo hemos creado porque hay muchas páginas para informar en qué consisten las oposiciones, qué procesos hay abiertos y poder participar en ellas.

1. Si quieres conocer más información sobre estos modelos puedes consultar el Tipo de contenido de Oposiciones.

Plantilla Contenido final (pregunta-respuesta)

Objetivo

El objetivo de esta plantilla es poder estructurar mucha información en una página sin que esta información agobie al usuario.

Para ello hay secciones principales o preguntas (Títulos de nivel 2) que esconden y muestran contenido según necesita el usuario.

En principio se creó para páginas del tipo pregunta con su respuesta, pero hay otro tipo de contenidos que también se ajustan a esta estructura.

Cómo se utiliza

Para crear un contenido con la plantilla “Contenido final (pregunta-respuesta)”

Paso 1. Tienes que ir a la parte derecha de la pantalla y cambiar el tipo de plantilla desde el bloque “Plantilla por defecto”.

Paso 2. Pulsa sobre el botón “Seleccionar” y en la pantalla selecciona “Contenido final (pregunta-respuesta)”.

Los campos de esta plantilla son los mismos que los que aparecen en la Plantilla Contenido final.

1. Puedes consultar el apartado de Generar nuevo contenido para tener más información sobre los campos de esta plantilla.

Diferencias con Plantilla Contenido final

Generar anclas

No hay anclas. El checkbox pierde su función.

Cuerpo principal

Apartado más importante para esta plantilla. En este campo escribiremos las preguntas y respuestas, pero deben de seguir un formato concreto para que adopte la forma deseada.

Paso 1. Las preguntas serán Títulos de nivel 2.

Paso 2. Las respuestas será todo aquello que escribamos debajo del título 2: podemos incluir párrafos, listas, imágenes, tablas, enlaces, otros encabezados inferiores al nivel 2, etc.

En el momento que se ponga otro h2, se interpretará como una nueva pregunta.

Cuerpo secundario

Puedes utilizar este campo para dar más información que no tenga forma de pregunta respuesta. Al rellenar este campo se mostrará justo debajo de las preguntas-respuestas que hayamos creado.

Imagen principal, texto pie imagen y descripción extensa imagen:

No hay que rellenarlo. No se muestra en la plantilla.

Video principal, texto pie video y descripción extensa video

No hay que rellenarlo. No se muestra en la plantilla.

1. Puedes ver páginas con esta plantilla en Páginas de ejemplos.

Plantilla Contenido final (agregadoras)

Objetivo

La plantilla de contenido final agregadoras, tiene como objetivo hacer más visual un listado de enlaces en las páginas que funcionan como agregadoras. Es decir páginas que son “madre” y que llevan a subpáginas.

Aquí puedes ver un ejemplo de una página con listado de enlaces con viñetas y otra que también usa estas viñetas pero tiene aplicada esta plantilla y convierte esas viñetas en un recuadro con foto y enlace.

Cómo se utiliza

Para crear un contenido con la plantilla “Contenido final (Agregadoras)” tienes que

Paso 1. Ve a la parte derecha de la pantalla y cambiar el tipo de plantilla desde el bloque “Plantilla por defecto”.

Paso 2. Pulsa sobre el botón “Seleccionar” y en la pantalla selecciona “Contenido final (Agregadoras)”.

Los campos de esta plantilla son los mismos que los que aparecen en la Plantilla Contenido final.

1. Puedes consultar el apartado de Generar nuevo contenido para tener más información sobre los campos de esta plantilla.

Diferencias con Plantilla Contenido final

Imagen principal

Queda anulada en esta plantilla. Aunque rellenemos el campo en el formulario al crear un contenido, no aparecerá nunca dicha imagen al publicar.

Si tenemos creado un contenido con la plantilla clásica de contenido final donde ya teníamos incluida una imagen principal, y queremos cambiarla a la nueva plantilla de contenido final agregadora, la imagen desaparecerá con la nueva plantilla.

Cuerpo principal

En el cuerpo principal es donde vamos a poder crear nuestra nueva lista. Para poder visualizar el nuevo menú de enlaces, debemos de crear la lista con un formato estricto:

Paso 1. Creamos una lista sin numerar: 

Paso 2. Ponemos los enlaces a cada elemento de la lista. Todo el texto de la lista debe de ser enlace:

Paso 3. Justo delante del texto del enlace, insertaremos una imagen: 

Paso 4. Al clicar sobre el icono de la imagen, seleccionaremos la que queramos de la galería de documentos y multimedia.

Al seleccionar la imagen e incluirse en el editor, veremos que se ha creado un nuevo elemento de lista con la imagen, dejando su enlace correspondiente justo debajo: 

Paso 5. Para que quede foto + enlace en un mismo elemento de la lista, deberemos de subir el enlace (Ej: “Enlace 1”), justo al lado de la imagen, para que lo interprete como un único elemento, quedando de la siguiente manera: 

Paso 6. Haremos lo mismo con el resto de los enlaces. Al dar al publicar debe de presentarse la lista de la siguiente manera:

Además, podremos seguir utilizando el resto de elementos que ofrece el editor como: crear listas sin imágenes y numeradas, destacados de párrafo, encabezados…, como podemos ver en el siguiente ejemplo: 

Plantilla con tarjetas

Esta no es una plantilla en sí misma, sino que para conseguir el aspecto de tarjeta o recuadro tienes que utilizar la plantilla Contenido final que siempre aparece por defecto, y luego en el Cuerpo principal, en el editor aplicar estilos para que el contenido tenga aspecto de tarjetas.

1. Accede a la página Funcionamiento del editor > Generar tarjetas para saber cómo utilizar estos estilos.

Plantilla Contenido final (home)

1. Consulta el Histórico de funcionalidades para saber cómo funcionaba esta plantilla.
2. Consulta la Plantilla Navegación contenidos (menú superior transparente), apartado que aparece más abajo, para poder conectar tus páginas y dotarle de arquitectura a tu sección o grupo de contenidos.

Plantilla Navegación Contenidos (menú superior transparente)

¿Por qué necesitamos un menú?

Lo ideal sería que nuestro portal tuviera un breadcrumb o camino de migas que le fuera indicando al usuario el camino que ha recorrido, pero el funcionamiento elegido para nuestro gestor impide esta funcionalidad. Por ello es recomendable crear estos menús para ayudar al usuario a moverse por nuestras páginas.

1. Consulta el apartado que hemos elaborado sobre Arquitectura de información > Navegación manual para conocer esta y otras maneras de relacionar la información.

Objetivo

Esta plantilla tiene el objetivo de crear estructura de páginas y permitir la navegación por las diferentes páginas del portal.

Así podremos crear un menú de navegación que se visualizará automáticamente en la cabecera de los contenidos que formen parte de dicho menú.

1. Consulta ¿Cómo se organiza la información en el portal? > Navegación manual.
2. Consulta Buenas prácticas para crear un nuevo menú para normalizar los nombres a utilizar en tu menú.

Características del menú

1. Menú formado por diferentes elementos

En este menú hay dos tipos de elementos diferenciados que lo forman.

• Elemento 1: es un enlace directo a otro contenido del portal.

• Elemento 2: menú con desplegable, el cual, engloba otras páginas relacionadas. En este elemento solo hay enlace en el menú desplegable, el elemento “madre” o “superior” no es enlace.

2. Los elementos son repetibles

En la estructura de creación del nuevo menú de navegación encontramos un campo repetible, que nos servirá para crear cada una de las entradas del menú.

Crear el menú

En todas las carpetas de contenido web del portal existe una carpeta que se llama Menús de navegación. En esta carpeta es en dónde tendrás que crear todos los menús de un grupo de contenido web. 

Paso 1. Para seleccionar el tipo de contenido que vamos a crear, procedemos a clicar en el “+” y seleccionar la opción “Menú navegación transparente”:

Paso 2. Se abre una ventana de creación de este contenido con una estructura repetible:

En esta imagen podemos ver diferenciados, por colores, cada uno de los elementos que se pueden repetir.

• En rojo, el campo repetible que creará las diferentes entradas del menú o recuadros principales.

• En azul, el campo repetible para poder crear los subapartados de los recuadros principales.

En este momento tienes que elegir:

• si vas a crear un Elemento 1 (solo una opción) o Elemento 2 (desplegable con varias opciones),

• y cuántos de cada tipo vas a crear.

Elemento 1. “Enlace simple”

El elemento que vas a crear es simplemente un enlace a un contenido.

Paso 2.a. Rellena el título del elemento que va a representarse en el menú.

Paso 2.b. Pulsa el botón “Seleccionar” y elige una página asociada al mismo.

Ejemplo:

Resultado:

Elemento 2. Desplegable

En este caso vas a crear un elemento del menú con subopciones y por tanto, tiene un desplegable.

Paso 2c. Poner un título general.

Paso 2d. Pulsa el botón “+” y crea tantas subopciones o entradas del segundo campo repetible como elementos queramos que tenga el desplegable.

Paso 2e. Pulsa el botón “Seleccionar” y elige una página asociada al mismo para cada campo.

Ejemplo:

Título general: Talleres TIC

Subopciones: Informática para todos, Manuales de los talleres TIC, etc.

Resultado:

Ten en cuenta

Actualizar el menú

En este apartado vamos a darte los pasos que tienes que seguir si en tus páginas ya has utilizado el menú superior de bordes rojos y ahora quieres actualizarlo y que aparezca el menú superior transparente.

Como puedes ver la mejora visual y de usabilidad es bastante notable:

• Se ven más opciones en menos espacio.

• Tiene menos ruido visual y no llama tanto la atención.

• Utiliza el sistema de diseño de Aragón, Desy.

Pasos

Paso 1. Organiza las páginas y carpetas de la sección en la que vas a implementar el menú. Es un paso opcional pero te hará más fácil los siguientes pasos de creación del menú.

En este caso la primera página que aparecerá en el menú la dejo fuera “Qué es la sociedad de la información” y luego he creado tantas carpetas como opciones tendrá el menú.

Dentro de cada subcarpeta (Talleres TIC, Subvenciones, etc.) está la página o páginas que también serán enlazadas desde el menú.

Paso 2. Ir a la carpeta Menú de navegación a la que tienes acceso (en mi caso está dentro de la carpeta “Contenido web Tics Teleco”) y dentro de esa carpeta de “Menú de navegación” pulsa el botón más (“+”) y elige la opción “Menú navegación transparente”.

Paso 3. Crea tantos elementos con “Enlace simple” o con “Menú desplegable” (consulta el apartado de Crear el menú) como sean necesarios según las páginas a las que vas a enlazar desde el menú y publícalo.

Paso 4. Borra el menú anterior que tendrás también en esa misma carpeta.

Paso 5. En este momento es muy importante que nos avises, llamándonos o escribiéndonos un correo electrónico a portalpublico@aragon.es porque tendremos que borrar también este menú de la papelera para que no den error las páginas.

Paso 6. Publica la primera página de tu menú para forzar su actualización y así poder ver el nuevo menú o bien espera unos 15 minutos hasta que se actualice la caché.

Ten en cuenta