En este artículo puedes conocer cómo crear un nuevo contenido en Liferay partiendo de la estructura madre: Contenido final.
Para generar un contenido nuevo tienes que dar los siguientes pasos:
Paso 1. Ir a Contenido web > Contenido web de [Educación, Agricultura, etc.]
Paso 2. Pulsar sobre el “+” (Nuevo) y elegir “Contenido final”.
Paso 3. Se abre la plantilla de contenido final.
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.
A continuación, se van a explicar cada uno de los campos.
Contenido final: parte central
Título (*)
Campo obligatorio. Aparece en la parte superior de la pantalla.
Recomendaciones sobre accesibilidad
♿ Sé descriptivo y conciso
El título debe ser descriptivo, conciso y único, que identifique claramente el contenido de la página y que tenga sentido fuera de contexto.
Por qué
El título es muy importante para identificar la página. Por ejemplo, es el primer dato que anuncia el lector de pantalla a las personas invidentes; también les permite diferenciar las distintas páginas que tienen abiertas en el navegador.
Ejemplos incorrectos
“Contacto e información” es un título demasiado vago, de modo que puede haber varias páginas que se llamen igual:
Página de resultados del buscador del Portal. Hay varias páginas con el mismo título.
“Contacto e información. Gobierno de Aragón” es un título incorrecto porque el gestor de contenidos ya añadirá el texto “Gobierno de Aragón” de forma automática al título de la página.
Ejemplos correctos
Seguridad Industrial. Contacto e información sobre competencias.
Legislación sobre Innovación en Aragón.
Ley de Economía Social de Aragón.
Disfruta de la nieve en Aragón.
Subvenciones para la financiación del "Programa Investigo"
♿ Las anclas deben ser diferentes del Título
El Título de la página debe ser diferente al nombre de las anclas (este elemento se explica más adelante). No se debe repetir ningún título en una página de contenido final.
Ejemplo correcto
Recomendaciones generales del portal / normalización:
🪄 Evita los títulos como “Novedad” porque con el paso del tiempo pierde vigencia y queda desactualizado.
🪄 Evita añadir en el título de la página de contenido: Gobierno de Aragón.
Las URLs (direcciones) de todo el portal ya están forzadas automáticamente para que tengan un buen posicionamiento por pertenecer a http://www.aragon.es
Recomendaciones sobre posicionamiento
🔍 La palabra clave -o keyword- del título tiene que aparecer al principio del mismo, o lo más a la izquierda posible para darle mayor relevancia.
Generar anclas
Campo no obligatorio. Un ancla es un enlace que instantáneamente dirige a una parte especifica de la página.
Varias anclas forman un índice de contenido con enlaces, por lo que solo se debe utilizar para páginas con mucho contenido en el cuerpo.
Pasos para generar anclas
En el cuerpo principal (campo que se explica más adelante) habrá texto al que vamos a darle diferentes estilos. En el cuerpo principal hay un editor de texto, similar al que podemos tener en cualquier procesador de textos (como Word, por ejemplo).
Paso 1. Desplegar la opción Estilo:
Paso 2. Seleccionar el texto al que queremos aplicar el estilo Título de nivel 2 (y que será encabezado de apartado y por tanto ancla):
Paso 3. Una vez estén todos los encabezados con el Título de nivel 2, seleccionar “Generar anclas” y se crearán automáticamente al publicar el contenido.
Así quedaría una página con cuatro anclas:
Limitaciones por accesibilidad
♿ Por accesibilidad sólo se permiten crear 4 anclas.
Recomendaciones de accesibilidad
♿ El Título de la página debe ser diferente al texto del título de las anclas. No se debe repetir ningún título en una página de contenido final.
♿ Si se incluyen dos o más títulos de nivel 2, es recomendable por accesibilidad marcar generar anclas.
Recomendaciones generales del portal / normalización
🪄 Por una cuestión de estilo, los contenidos de tipo “Noticias (Anuncios)” aunque tengan varios Títulos 2 y pudieran generar varias anclas, no generamos anclas.
Cuerpo principal (!)
Campo necesario. Se puede crear un contenido sin cuerpo principal pero no es nada recomendable.
- Para hacer pruebas os recomendamos en entorno de DES o PRE.
Está en la parte central de la pantalla y sirve para incluir el texto e imágenes que queremos que haya en nuestra página.
Se compone de:
Una barra de herramientas de edición de texto.
- Consulta Funcionamiento el editor para saber todas las opciones disponibles para editar tus textos.
Caja de texto en donde tienes que escribir el texto de tu página.
No copies y pegues directamente de un Word a esta caja de texto ya que se pueden pegar estilos que dificultan la accesibilidad. Pega siempre sin formato y luego da formato en la caja de texto de Liferay.
Imagen principal
Campo opcional. Si la página a editar contiene alguna imagen, se sube desde este apartado.
Pasos para subir una imagen principal
Paso 1. Pinchar en el botón de Seleccionar:
Antes de subir una imagen a Liferay comprobar que el título del archivo (jpg, gif) no contiene caracteres ninguno de los siguientes caracteres: \ / : * ? “ < > I
Paso 2. Se abrirá una nueva ventana, que permite seleccionar el archivo de la imagen que se quiere subir.
Paso 3. Navega por las carpetas en las que se encuentra tu imagen (Imágenes - DPTOS, donde están las imágenes que cada Servicio trabaja en sus carpetas; o Banco de imágenes, donde están las imágenes del banco de imágenes Shutterstock que hemos descargado con anterioridad y pueden servir para ilustrar tu página). También puedes usar el buscador si recuerdas el nombre del archivo de tu imagen.
La imagen aparecerá a la derecha del contenido incluido en el cuerpo principal.
Campos para describir la imagen
Descripción de la imagen principal
Campo recomendable.
Explicación breve de la información que se ve en la imagen. Consulta el apartado de Imágenes.
La descripción de la imagen no es visible para los usuarios que vean la página. Solo sirve para las personas que utilizan lector de pantalla porque tienen dificultades de visión.
Texto de pie de imagen
Campo recomendable. Aparece visible debajo de la imagen. Consulta el apartado de Imágenes.
Descripción extensa
Sólo si es necesario. El gestor se encarga de incluir el enlace en el pie de foto y la descripción extensa al final de la página. Para más información consulta el apartado de Imágenes.
La descripción detallada de la imagen sí es visible para todos los usuarios. Aparecerá al final de la página.
Vídeo
Campo opcional. Se sube como una imagen.
Tiene dos campos al igual que la imagen, como se aprecia a continuación:
Insertar / enlazar un vídeo
En realidad no se insertar el vídeo, lo que hacemos es enlazarlo pero visualmente parece que lo hemos insertado dentro de nuestro código HTML de la página.
Paso 1. Copiar la URL del vídeo en Youtube o Vimeo en el campo “Vídeo principal”.
Paso 2. Poner un texto de pie del vídeo en el campo “Texto de pie de vídeo” que sirva para comprender el vídeo que aparece en la página y/o que sintetice su contenido.
Liferay solo identifica cuando pones enlaces a vídeos en Youtube o a Vimeo.
La imagen que se muestra en el vídeo se verá en gris cuándo: youtube o vimeo no devuelvan una imagen de vista previa del servicio en dónde se está trabajando youtube o vimeo.
Cuando el usuario pinche sobre el vídeo irá a la plataforma de Youtube o Vímeo donde lo visualizará. Los vídeos no se visualizan en nuestro portal.
Recomendaciones de accesibilidad
♿ Aunque el vídeo se encuentra fuera de nuestro portal, es recomendable y conveniente que nuestros vídeos tenga subtítulos. Youtube tiene una funcionalidad para subtitular de manera automática el vídeo cuando lo subes a tu canal. Para activar los subtítulos y comprobar que se han generado correctamente pulsa el botón de subtitulado.
Cuando subas un vídeo a Youtube dentro de tu canal, tienes que esperar un tiempo hasta que Youtube genere los subtítulos y puedas comprobar que se ven. Cuanto más largo sea tu vídeo más tiempo tardará en generarlos y tenerlos disponibles.
Cuerpo secundario
Campo opcional.
Está en la parte central de la pantalla y sirve para incluir el texto e imágenes que queremos que haya en nuestra página.
El editor que acompaña al Cuerpo secundario tiene las mismas opciones que el editor del Cuerpo principal.
- Si tienes dudas, revisa el apartado del Cuerpo principal de esta misma página o el Funcionamiento del editor.
Aquí se pondría el texto que aparecería debajo del vídeo en el caso de necesitar poner más información sobre el contenido.
Si en el contenido que vayas a crear no incluyes vídeo en tu página, el texto del Cuerpo principal y el del Cuerpo secundario aparecerían uno debajo del otro sin mostrarse ninguna diferencia de cara al usuario.
Hay cuestiones de tipo visual para presentar contenidos que aparecen Cuerpo principal que en el Cuerpo secundario no van a estar: Las tarjetas, la plantilla Contenido final (pregunta-respuesta), la plantilla Contenido final (agregadoras).
- Puedes tener más información en las secciones: Plantillas y en Funcionamiento del editor > Aplicar estilos > Generar tarjetas.
Galería de contenidos
Campo opcional.
Este elemento es un apartado creado para:
Incluir 2 o más imágenes
Incluir documentos
Incluir enlaces
De esta manera aparecerán en modo carrusel.
Aunque puedes poner 2 elementos (imágenes, documentos, enlaces), es mejor que insertes 3 o más para que visualmente quede más equilibrado.
Pasos para incluir contenido en la galería de contenidos:
Tipo Documento y multimedia
Si quieres que en la galería se vean documentos o imágenes
Paso 1. Rellena el campo Tipo con la opción “Documento y multimedia”
Paso 2. El campo “Documentos y multimedia”, busca en tu carpeta, el documento o imagen que quieras.
Paso 3. El campo “Descripción” pon el texto que describa el documento o la imagen. En el caso de ser un documento será el texto que verá el usuario. En el caso de ser una imagen esa descripción solo la verá la persona que use un lector de imagen.
A la hora de subir imágenes en el carrusel, hay que tener en cuenta que este elemento de la plantilla tiene una anchura y una altura máximas definida, por lo que la imagen se adapta automáticamente manteniendo siempre las proporciones. (anchura necesaria para que ocupen un tercio de la anchura del cuerpo de una noticia). Las dimensiones serán 2x3. Si el ancho máximo son 400px, la altura máxima serán 600px; si el ancho máximo son 200px, la altura máxima serán 300px. Esta redimensión, será siempre en función de la pantalla.
Los usuarios podrán pinchar en el documento y descargarlo; pero con las imágenes, los usuarios podrán pinchar encima de la imagen y esta se verá en su formato original. Para salir de este visor
Para salir de este visor, puedes pulsar la tecla “Esc” del teclado (arriba a la izquierda) o pulsar en la “X” que aparece arriba a la derecha de la Galería.
Tipo Enlace
Si quieres que en la galería se vean documentos o imágenes
Paso 1. Rellena el campo Tipo con la opción “Enlace”.
Paso 2. Deja en blanco los campos “Documentos y multimedia” y “Descripción”, baja un poco más hasta los campos “Título enlace” y “Link”
Paso 3. El campo “Título enlace” escribe el enlace que quieres que vea el usuario.
Paso 4. El campo “Link” pon la dirección URL del enlace
Ejemplos
Así quedaría un carrusel compuesto por una imagen y un documento:
Así quedaría si lo hacemos con tres imágenes:
Recomendaciones de accesibilidad
♿ En el Título del enlace: No hay que poner "Enlace a". Cuando el elemento (texto o imagen) es un enlace, el lector de pantalla anuncia que es un enlace, por tanto, es repetitivo volver a ponerlo (leería "enlace a…"), sí que se podría poner "ir al portal del empleado" para que lea "enlace ir al portal del empleado", pero no es necesario.
♿ En el Título de las imágenes: el lector ya anuncia que es una imagen y no es necesario comenzar su descripción con "imagen de...", es repetitivo e innecesario.
♿ La Descripción debe transmitir la misma información que la imagen de forma concisa (menos de 150 caracteres).
♿ La descripción solo puede dejarse vacía si la imagen es decorativa.
Recomendaciones de posicionamiento
🔍 Desde SEO también es aconsejable rellenar el Atributo ALT para describir la imagen y para poder posicionar también por Google imágenes.
Listado de enlaces
Campo opcional.
En este apartado puedes crear una lista de enlaces relacionados o de interés.
Pasos para rellenar este elemento:
Paso 1. Rellenar Listado de enlaces: Poner el título que englobe la temática de los enlaces que vayas a poner. Ejemplo: Enlaces relacionados, Más información.
Paso 2. Rellenar Título de enlace: Poner el título de la página web a la que se va a enlazar.
Paso 3. Rellenar Tipo: Indicar si es página (web) o documento.
Rellenar Documento: En caso de añadir un PDF o cualquier otro tipo de documento.
Rellenar Url: En caso de enlazar a una web.
Idioma del enlace: el texto de los enlaces en estos listados tiene que ser en castellano para no tener problemas de accesibilidad, ya que al no tener editor no podemos marcar con el código del idioma el texto.
Para añadir más enlaces pulsar sobre el botón “+” y para borrar un enlace ya creado pulsar sobre “-”
Ejemplo
El listado de enlaces quedaría así:
Contenido final: parte lateral
Información básica
Este bloque se compone de dos campos: Estructura y Resumen.
Estructura
NO es modificable. Viene por defecto: “Contenido final”.
Resumen (!)
Campo muy recomendable. Aparece en la parte derecha de la pantalla dentro del bloque Información básica. Añade información breve sobre el contenido.
Recomendaciones de accesibilidad
♿ La página debe tener un resumen breve, conciso y redactado en un lenguaje sencillo.
♿ El resumen complementa al título. Ayuda a todas las personas a comprender qué información encontrarán en la página y a confirmar que han llegado a la página que esperaba. Es de especial utilidad para las personas con problemas de comprensión lectora y para las personas con discapacidad cognitiva.
Recomendaciones de posicionamiento
🔍 Incluye palabras clave (palabras clave son las palabras que usan los usuarios para recuperar información en los buscadores; intenta ponerte en la piel de la ciudadanía y usa las palabras que usan ellos para describir el contenido que estés elaborando).
🔍 El resumen debe ser diferente al texto del cuerpo y debe estar redactado. No es correcto incluir las palabras del índice del cuerpo de texto separadas por comas.
🔍 Su elaboración favorece la comprensión y selección de una página en los resultados de búsqueda o en las páginas temáticas del portal.
Ejemplos incorrectos
Un resumen con el mismo texto que el título es incorrecto:
Un resumen demasiado extenso, que en realidad debería ser el primer párrafo del contenido, es incorrecto:
Ejemplo correcto
Un resumen conciso y sencillo que complementa al título, es correcto:
Plantilla por defecto (=)
Campo obligatorio (aunque siempre está rellenado con un valor por defecto).
Por defecto siempre aparece “Contenido Final”.
En este bloque se deberá seleccionar el tipo de plantilla que se va a utilizar.
Podemos hacer cambios en la plantilla para cambiar a:
Plantilla de contenido final (home)
Plantilla de contenido final (pregunta-respuesta)
Plantilla de contenido final (agregadoras)
Para cambiar la plantilla clicaremos en “Seleccionar” y se seleccionará el tipo de plantilla que se desee.
- Visita la página Plantillas para saber más información de cómo utilizar cada una de ellas.
Imagen destacada
Campo opcional.
Con este campo se puede añadir un logo a la izquierda del título en las páginas de contenido final, quedando de la siguiente manera:
El logotipo o imagen se puede incluir en cualquier página de contenido final.
Es un campo con un desplegable:
Opciones del desplegable:
Sin imagen: esta opción viene por defecto. Si dejas este campo así no aparecerá ninguna imagen a la izquierda del título en la página.
Desde URL: permite introducir la URL donde se encuentre la imagen. Para ello tenemos que:
Paso 1. ir a Documentos y multimedia
Paso 2. Buscar la imagen
Paso 3. Copiar la url y pegar aquí.
La URL tiene que ser relativa, es decir, sin el https://www.aragon.es y empezando en “/documents…”
Desde el equipo: con esta opción puedes seleccionar una imagen desde tu equipo de trabajo.
Eliminar imagen destacada
En caso de querer eliminar la imagen destacada, simplemente deberás poner en este campo “Sin imagen” y pulsar guardar. La imagen desaparecerá de la página.
Recomendaciones de normalización
🪄 Recomendamos utilizar imágenes / logotipos rectangulares para mantener la armonía de la página.
Categorización (*)
Campo obligatorio para Organismos y Temas. Es muy importante categorizar el contenido para que quede clasificado.
- Para más información consulta Clasificación de contenidos.
Url amigable (=)
Campo obligatorio que se generará a partir del primer título con el que publiques el contenido.
Te recomendamos redactar el título tal y como quieres que se construya la url, y posteriormente modifica el título para que esté en lenguaje claro.
Es importante que la url NO contenga caracteres extraños como: acentos, barras, espacios, etc. Usarlas letras de la a-z (excepto la ñ), números y guiones.
Pasos para solicitar el cambio de una url amigable
En caso de que se considere estrictamente necesario:
Paso 1. Solicitud a Portal Público portalpublico@aragon.es de un cambio de URL.
Paso 2. Estudiamos la conveniencia y la necesidad del cambio.
Paso 3. Si consideramos oportuno el cambio, comprobamos que esa URL no tiene ninguna página enlazada (en estado publicado o borrador).
Paso 3.1. Si no tiene páginas enlazadas, se procede al cambio.
Paso 3.2. Si tiene páginas enlazadas, te indicaremos que hay un número X de páginas que referencian a aquella cuya URL quieres modificar, y debes gestionarlo con los propietarios de la página de origen; una vez hecho este paso, comprobaremos que sigue teniendo las mismas páginas que enlazan (mediante el Buscador por URL del paso 3).
Planificación temporal
Contenido opcional, salvo en el caso de crear un Contenido final, Tipo “Agenda”.
- Más información en Noticias y Eventos para la Agenda.
La planificación temporal recoge tres tipos de fechas que puedes aplicar en todo tipo de contenidos siempre que sea necesario.
Fecha para publicación
Fecha de expiración
Fecha de revisión
Con motivo del uso de estas fechas, los contenidos tendrán un estado u otro de publicación:
BORRADOR,
APROBADO,
PLANIFICADO,
EXPIRADO.
- Más información en Estados de los contenidos.
Fecha de publicación
Este campo viene completado por defecto, pero se puede modificar y programar el día y la hora para que se publique el contenido automáticamente.
Si la fecha es posterior a la fecha en la que lo trabajes y pulsas publicar, el contenido quedará PLANIFICADO y no podrá verlo el ciudadano/a hasta que no llegue esa fecha y hora.
Ejemplo:
Hoy es 10 de febrero de 2023 y quieres que una subvención se publique el 13 de febrero de 2023. Trabaja el texto en Contenido final y cuando lo tengas terminado, en el campo “Fecha de publicación”, selecciona la fecha y escribe una hora. Luego pulsa “Publicar”. Cuando veas la carpeta en la que se encuentra ese contenido, verás que su estado es “Planificado” y hasta que no llegue esa fecha no cambiará su estado a “Aprobado”, momento en el que ya estará disponible para que lo vean todos en el portal.
La fecha que aparece en la parte superior de las páginas de contenido final tipo “Noticias” es la fecha de publicación. Por lo que te recomendamos que actualices esta fecha cada vez que actualices la página con nuevo contenido. De esta manera constatas que la información que ofreces está actualizada.
Fecha de expiración
Puedes poner una fecha de expiración (despublicación) cuando quieras que deje de verse una página en un momento dado. Esto no quiere decir que se elimine. Tu contenido seguirá estando en tu carpeta con estado “Expirado”.
Esta fecha solo es obligatoria en el caso de estar elaborando un contenido Tipo “Agenda” ya que es la fecha que utilizamos para indicar al sistema que esa es la fecha de fin del evento.
- Más información en Eventos para la Agenda.
Para el resto de contenidos es muy recomendable utilizarla.
Es recomendable pensar y programar la despublicación de nuestros contenidos en el momento en el que estamos creándolos, así nos despreocupamos de estar revisando continuamente nuestros contenidos para ver si están obsoletos.
- Más información en Calidad y expurgo.
El contenido no siempre expirará en la hora exacta que se ha indicado para que expire. Debemos de esperar un máximo de 15 minutos para que el documento quede expirado. Si por ejemplo indicas que el contenido expire a las 13:09, el contenido puede expirarse entre un intervalo de tiempo de entre las 13:10 y las 13:15.
Fecha de revisión
Puedes programar una fecha de revisión sobre el contenido como si fuera un aviso para recordarte que tienes que actualizar un contenido determinado.
Esta fecha solo es obligatoria en el caso de estar elaborando un contenido Tipo “Agenda” ya que es la fecha que utilizamos para indicar al sistema que esa es la fecha de inicio del evento.
- Más información en Eventos para la Agenda.
Para el resto de contenidos no es necesario usarla si no lo crees conveniente.
Buscar
Este campo viene por defecto con “SI se muestra en las búsquedas”; pero en caso de cambiarlo a “NO” la página de contenido final que se está editando no se podría recuperar en las búsquedas de nuestro buscador.
Si el botón de “Buscar” está en posición “NO”, no quiere decir que buscadores como Google no lo vayan a indexar. Si quieres que Google no indexe un contenido ponte en contacto con portalpublico@aragon.es.
Si estás trabajando un contenido y todavía no lo has terminado pero tienes que cerrar la sesión en Liferay puedes guardar el contenido como BORRADOR pulsando el botón “Guardar como borrador” (arriba a la derecha). Esto significa que el contenido se guardará, pero no será publicado.
- Si estás trabajando contenidos de prueba considera también trabajar en otros entornos como DES o PRE.