Plantillas
- SOFIA ARGUIS MOLINA
En este artículo puedes conocer qué plantillas o estructuras de contenido podrás utilizar para presentar contenidos en el Portal.
- 1 Plantilla de Contenido final
- 1.1 Elegir plantilla favorita
- 1.2 Plantilla Contenido final con textos precargados (modelos)
- 1.2.1 Usar los modelos
- 1.2.2 Tipos de plantillas modelos que puedes usar
- 1.2.2.1 Subvenciones
- 1.2.2.2 Campaña
- 1.2.2.3 Premio
- 1.2.2.4 Memorias
- 1.2.2.5 Publicaciones
- 1.2.2.6 Servicios
- 1.2.2.7 Oposiciones
- 1.3 Plantilla Contenido final (pregunta-respuesta)
- 1.4 Plantilla Contenido final (agregadoras)
- 1.4.1 Objetivo
- 1.4.2 Cómo se utiliza
- 1.4.3 Diferencias con Plantilla Contenido final
- 1.4.3.1 Imagen principal
- 1.4.3.2 Cuerpo principal
- 1.5 Plantilla con tarjetas
- 1.6 Plantilla Contenido final (home)
- 2 Plantilla Navegación Contenidos (menú superior transparente)
- 2.1 ¿Por qué necesitamos un menú?
- 2.2 Objetivo
- 2.3 Características del menú
- 2.4 Crear el menú
- 2.4.1 Elemento 1. “Enlace simple”
- 2.4.2 Elemento 2. Desplegable
- 2.4.3 Ten en cuenta
- 2.5 Actualizar el menú
- 2.5.1 Pasos
- 2.5.2 Ten en cuenta
Vamos a repasar las características de cada una de estas plantillas.
- 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:
Los campos de la plantilla se distribuyen de la siguiente manera en la pantalla:
Parte central
Título (*)
Generar anclas
Cuerpo principal (!)
Imagen principal
Descripción extensa
Texto de pie de imagen
Vídeo
Cuerpo secundario (*)
Galería de contenidos
Listado de enlaces
Parte lateral derecha
Información básica (resumen) (!)
Plantilla por defecto (=)
Imagen destacada
Categorización (*)
Url amigable (=)
Planificación temporal
Buscar
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.
- 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.
Los 12 modelos de páginas son para crear contenidos relacionados con subvenciones, campañas, premios, memorias, publicaciones, servicios u oposiciones.
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:
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.
El objetivo de estas páginas es el de complementar y divulgar la información sobre trámites presentada en el portal de trámites (Sede), sin repetirla, ni competir con ella.
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.
- 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.
- 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.
El objetivo de estas páginas es el de complementar y divulgar la información sobre los premios presentada en el portal de trámites (Sede), sin repetirla, ni competir con ella.
La gestión de un premio conlleva una sucesión de etapas que se refleja en nuestras páginas:
Convocatoria abierta
Convocatoria cerrada
Ganadores
- 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.
- 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.
- 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.
- 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.
El objetivo de estas páginas que elaboremos será el de divulgar y hacer seguimiento de la información sobre las oposiciones.
- 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.
- 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.
Incluye un título al inicio del cuerpo secundario para conseguir un formato más separado y claro en el contenido a publicar. Ejemplo:
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.
- 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.
Página listado de enlaces con Plantilla Contenido final
Página listado de enlaces que los muestra de manera más visual con Plantilla Contenido final (agregadoras)
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.
- 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:
El cuerpo secundario seguirá teniendo el mismo funcionamiento que hasta ahora, y no se aplicará el formato de la lista con imagen+enlace.
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.
- Accede a la página Funcionamiento del editor > Generar tarjetas para saber cómo utilizar estos estilos.
Plantilla Contenido final (home)
Desaconsejamos el uso de esta plantilla.
- Consulta el Histórico de funcionalidades para saber cómo funcionaba esta plantilla.
- 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.
- 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ú.
Es necesario que tengas claro para qué vas a necesitar el menú y qué elementos lo van a formar antes de crear un menú de navegación.
¿Para navegar por 5, 10 o 20 páginas? ¿Qué relaciones hay entre esas páginas?
Te puedes ayudar de lápiz y papel y dibujar un esquema con las relaciones entre las páginas y te será más fácil la creación del menú.
- 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ú.
No hay límite de creación de elementos del menú pero recomendamos que se cuide este aspecto sobre todo para una mejor experiencia del usuario.
Como se puede ver también, dentro del Elemento 2, los subelementos también son repetibles.
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.
No puedes crear enlaces en este menú a páginas que no estén dentro del propio portal.
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.
No puedes crear enlaces en este menú a páginas que no estén dentro del propio portal.
Ejemplo:
Título general: Talleres TIC
Subopciones: Informática para todos, Manuales de los talleres TIC, etc.
Resultado:
Con la combinación de estos dos elementos podremos crear menús de navegación donde convivan elementos desplegables con elementos del tipo de enlace directo a otros contenidos y adaptarse a las necesidades que tenga cada grupo de páginas de todo el portal.
Ten en cuenta
El menú de navegación no hay añadirlo a ninguna página ya que aparecerá automáticamente en las páginas que se incluyan en el propio menú. Esta inclusión no será inmediata debido a las cachés de liferay. Deberemos de esperar unos minutos para poder apreciar el cambio realizado.
Para forzar su publicación edita cualquier contenido o página que esté enlazada e incluida dentro de la Plantilla de “Menú de Navegación transparente” que acabas de crear y clica en “Publicar”.
Este tipo de contenido no se puede crear fuera de la carpeta “Menús de navegación”.
Si seleccionamos una página en varios menús de navegación solo se visualizará en el primer menú de navegación en el que se haya incluido dicha página.
Si un menú lo expiras las páginas que están enlazadas en ese menú darán error. En vez de expirar un menú, es mejor mandarlo a la papelera y decirnos a portalpublico@aragon.es que lo borremos de la papelera.
Se recomienda que el título del contenido sea lo suficientemente descriptivo para poder identificar a que contenidos “afecta” con facilidad. El título no se visualizará en ningún caso.
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
Es necesario que tengas claro para qué vas a necesitar el menú y qué elementos lo van a formar antes de crear un menú de navegación.
¿Para navegar por 5, 10 o 20 páginas? ¿Qué relaciones hay entre esas páginas?
Te puedes ayudar de lápiz y papel y dibujar un esquema con las relaciones entre las páginas y te será más fácil la creación del menú.
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ú.
La carpeta de “Contenidos antiguos” la he creado porque puede ser un buen momento para revisar y expirar contenidos que estén ya caducados.
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
Al implementar este menú en ocasiones habrá páginas que antes creábamos para permitir navegar entre las páginas, que ahora no son necesarias. Tendrás que adaptarlas o eliminarlas. En este último caso previamente comprueba que no hay ninguna página enlazada en Utilidades > Buscador por URL.