Ir al contenido principal

Edición Web con el Gestor Web Institucional de la UCM

Guía de apoyo a la edición Web

5.1 Configuración de noticias en portada

En este tema vamos a ver como añadir noticias en un sitio web. La gestión de noticias afecta a tanto a la portada de nuestro sitio como a cada una de las páginas que lo integran y en las que se podrán incluir utilizando el widget de noticias y avisos. Por último, mostraremos la posibilidad de alimentar la información de nuestras páginas automáticamente a través del protocolo RSS.

NOTA IMPORTANTE: No se recomienda usar del signo apóstrofe ' en el texto de la noticia, por ser un signo reservado de PHP. Cuando insertamos este signo en el Widget "Noticias y avisos" veremos un código de error que nos indica que la noticia no ha podido ser incluida en la base de datos. Cuando lo insertamos en una noticia de portada la noticia no se guardará correctamente.
Si por algún motivo necesitamos insertar el signo apóstrofe podemos usarlo, siempre y cuando vaya precedido de la barra inversa invertida \ , la diagonal invertida se procesa y desaparece. El problema es que si volvemos a editar el contenido de la noticia tenemos que volver a poner la barra antes de los apóstrofes y después actualizar la noticia.

 

5.1.1 Introducción

La portada del website, dispone de algunas plantillas especiales que no están disponibles para el resto de las páginas. Estas plantillas permitirán dotar a la portada de un aspecto más visual respecto a las plantillas de las páginas interiores al website.

El listado de plantillas para la portada será el siguiente:

 

Plantillas de portada

 

Observamos que aparecen una seríe de plantillas con dos elementos especiales:

  • Las identificadas con NEWS que son plantillas de noticias.
  • Y la identificada con IMG y todas las No NEWS, que se usan para insertar imágenes de portada a modo de imagen de fondo de portada.

Vamos a ver en este apartado aquellas que tienen que ver con la integración de noticias.

En el caso de usar una plantilla identificada con NEWS dentro de Configuración de la barra de herramientas, aparecería la opción: Gestionar noticias de portada.

 

Gestionar noticias de portada

 

En este caso lo que se ofrece es un gestor de noticias de portada, para dar contenido a la plantilla y la herramienta Gestionar avisos de portada, también sería de utilidad sólo en caso de que hayamos seleccionado una portada de noticias.

 

5.1.2 Gestionar noticias de portada

El bloque de noticias tendrá siempre la misma distribución:

Existirá una primera parte visual con imágenes, en la cual el lado izquierdo mostrará un carrusel con un máximo de cuatro elementos en el que su ubicarán las noticias destacadas. En la parte de la derecha se mostrarían las imágenes de las noticias quinta y sexta.

Por debajo de la sección de visual, se situarían dos bloques más asociados a las noticias:

  • El bloque de la izquierda, bajo el encabezado "Noticias" que muestra una lista con las siguientes cuatro noticias (séptima y siguientes) y enlaces a Eventos, UCM Directo y Tribuna Complutense.
  • El bloque de la derecha con un listado de los elementos que hayamos configurado en Avisos y destacados.

Por debajo de estos elementos, se situarán los bloques propiamente de contenido de la portada.

 

Bombilla

Hay que tener en cuenta que en caso de no tener activas más de seis noticias o no tener activo ningún Aviso y destacado, esos bloques no se muestran.
Igualmente si sólo hubiera un máximo de cuatro noticias, el carrusel ocuparía todo el ancho de la parte superior, desapareciendo el espacio reservado para las noticias quinta y sexta.

 

 

5.1.2.1 Incorporación de noticias

Una vez seleccionada una plantilla de noticias para portada debemos ir a configuración “Gestionar noticias de portada” y empezar a crear una a una las noticias que queremos que aparezcan seleccionando entre dos categorías:

  • Normal: aparecerán 2 noticias como máximo en la parte derecha.
  • Destacada: aparecerán 4 noticias con foto en modo carrusel.

 

Noticias normales y destacadas

Resto de noticias

 

Se pueden definir tantas noticias como desees de cualquier categoría, pero en la portada solamente se mostrarán CUATRO noticias con foto en carrusel, DOS noticias con foto a la derecha del carrusel y resto sin foto abajo. Además, las noticias sin foto de portada tendrán una imagen aleatoria del banco de fotos institucional.

 

Datos generales

Datos generales de noticias de portada

 

Además de poder elegir el tipo de noticia que queremos crear, tenemos la posibilidad de programar la publicación de la noticia con fecha y hora en la que queremos que esté activa y una fecha de caducidad en la que dejará de mostrarse (Atención: esto no sucede automáticamente. Deberá actualizarse la portada).

Ahora solo tenemos que añadir los campos de:

  • Título.
  • Encabezado.
  • Enlace o Texto, ambos opcionales ya que podemos querer que nuestra noticia simplemente apunte a una página web (de la UCM o externa) o bien escribir nosotros el texto. Si ponemos un enlace no se mostrará el texto.

 

 

5.1.2.2 Imágenes vinculadas a noticias

Guardamos los datos generales y volvemos a editar la noticia (clicando sobre el título) para trabajar el tema de las imágenes vinculadas a la noticia.

En el caso de no acompañar la noticia con una imagen se asignará automáticamente una imagen del banco de imágenes institucional.

 

Gestionar noticias de portada

 

Fotografías de noticias de portada

 

Subimos el archivo con la imagen y encontramos un menú en el que podremos seleccionar distintas opciones:

  • Orden: La prioriodidad de orden de la imagen en el caso de que haya más de una.
  • Área foto: Seleccionar dependiendo de donde queremos que se muestre la imagen:
    • Área 1: Fotografía sólo para el área carrusel. Noticias destacadas.
    • Área 2: Fotografía sólo para el área secundaria. Noticias destacadas sobrantes y noticias normales con foto.
    • Todas: Fotografía para todas las áreas.

Para saber más sobre las dimensiones que deben tener las imágenes para que se ajusten a las distintas plantillas, consulta la información del apartado "Tamaños de las imágenes".

 

5.2 Avisos y destacados

Los avisos y destacados nos permiten gestionar anuncios y alertas de forma rápida.

Para añadir este tipo de noticias es necesario:

  • Utilizar una plantilla de portada del tipo Noticias (News)
  • y, situados en la página Portada, pulsar en Configuración > Gestionar avisos de portada.

 

Gestionar noticias de portada

 

Gestionar avisos de portada

 

5.3 El widget Noticias y Avisos

Para incluir el widget "Noticias y avisos" en una página seleccionamos el widget desde el menú añadir y lo arrastramos al lugar deseado de la página.

 

NOTA IMPORTANTENo se recomienda usar del signo apóstrofe ' en el texto de la noticia, por ser un signo reservado de PHP. Cuando insertamos este signo veremos un código de error que nos indica que la noticia no ha podido ser incluida en la base de datos. 
Si por algún motivo necesitamos insertar el signo apóstrofe podemos usarlo, siempre y cuando vaya precedido de la barra inversa invertida \ , la diagonal invertida se procesa y desaparece. El problema es que si volvemos a editar el contenido de la noticia tenemos que volver a poner la barra antes de los apóstrofes y después actualizar la noticia.

 

Lo primero que vamos a encontrar en la configuración del componente es la siguiente pantalla:

Configuración de noticias

 

Título: El que queramos que aparezca en la parte superior de las noticias englobando todo el contenido, por ejemplo: Ultimas noticias, Destacamos, No te pierdas…

Nueva noticia: Nos permitirá añadir una noticia completando una serie de campos.

 

5.3.1.Tipos de noticias

Podemos crear noticias de dos tipos:

  1. Noticia con enlace. No podremos escribir texto, solo acompañamos el enlace con una imagen si lo consideramos oportuno. Si añadimos un enlace no se ve el texto inferior.

    Noticia con enlace

  2. Noticia con texto escrito por nosotros. Utilizaremos el editor de texto incluido en el widget para redactar la noticia y añadiremos imagen si lo consideramos oportuno.

    Noticia con texto

 

Una vez añadidas las noticias en la configuración del widget se mostrará una pantalla resumen con el listado de las mismas que:

  • Nos ofrece información sobre el estado de publicación.
  • Nos permitirá hacer modificaciones en cuanto a:
    • Visibilidad: Visible/No visible (Si queremos ocultar una publicación hasta que sea oportuno).
    • Orden: El puesto que ocupará en el listado de noticias.

Para editar la información de cada una de ellas, pincharemos en el título de la noticia.

Título noticias

 

 

5.3.2. Apariencia

El widget de noticias y avisos ofrece la posibilidad de mostrarse de dos formas en el sitio web en el que se incruste:

 

Seleccionar apariencia de noticias

 

  1. Estilo clasico: Listado de las noticias incluidas en el Widget acompañadas de las imágenes (si las hubiera) vinculadas a cada una de ellas.
  2. Carrusel. Las noticias se mostraran sucesivamente utilizando las imágenes vinculadas a cada una de las noticias como fondo.

 

Apariencia clásica. Tamaño de las imágenes

Apariencia clásica

El widget "Noticias y avisos", apariencia "clásico" muestra la lista de noticias una debajo de otra.

Se recomienda un tamaño mínimo de 360 px. para la imagen principal. Sin embargo, para que se visualizen a máxima resolución en modo diapositiva (es decir, cuando clicamos sobre las imágenes), el tamaño máximo es de 1140 x 800 píxeles.

La apariencia clásica no admite RSS.

Lista noticias clásica
Ejemplo apariencia de lista noticias clásica

 

Apariencia carrusel. Tamaño de las imágenes

Apariencia carrusel

El widget "Noticias y avisos", apariencia "carrusel" muestra una sucesión de noticias en un carrusel.

Podemos subir varias imágenes pulsando en el botón "Subir archivos".

Si marcamos una de ellas como "Principal", ésta aparecerá como imagen del carrusel.

configuración carrusel

 

Otras opciones de apariencia:

  • Visibilidad del marco del componente. Si marcamos esta opción, nuestras noticias aparecerán enmarcadas por una línea gris.
  • Mostrar icono RSS. Esta opción permite generar una url para la sindicación de noticias.

 

Cierre admiración

Para que las imágenes se muestren tienen que estar marcadas en la configuración de noticias como principal.

 

5.4 Noticias RSS

icono RSSEl protocolo RSS (Really Simple Syndication) es un sencillo formato de datos que es utilizado para difundir contenidos a suscriptores de un sitio web.

Desde el gestor web de la UCM es posible utilizar este protocolo tanto en la actualización de nuestras páginas desde un sitio externo que ofrezca este servicio, como a partir del widget de noticias y avisos, que nos permitirá "reutilizar" el contenido de las noticias que hayamos incorporado.

 

5.4.1. Widget Canal RSS

 

5.4.1.1 Introducción

El Widget Canal RSS nos permite añadir las noticias de actualizadas de cualquier sitio web externo o de la propia web de la UCM de forma sencilla. Sólo tenemos que obtener la URL con el protocolo RSS del sitio en el que haya información de la que queramos estar actualizados.

icono RSSEn la mayor parte de las páginas web que ofrecen este servicio de sindicación de contenidos, esta URL se puede obtener a partir de este icono.

 

5.4.1.2 Incorporación de noticias RSS

Widget RSSPara añadir un componente de noticias RSS en nuestra página web, añadimos el widget correspondiente desde el menú Añadir.  Lo arrastramos, como siempre, al espacio que queremos que ocupe en nuestra web y lo configuramos.

 

 

Configuración widget RSS

 

  • Título del contenido: Nombre de todo el apartado de noticias que estamos incluyendo por RSS.
  • Web de procedencia: URL con protocolo RSS (veremos ejemplos más adelante).
  • Número de noticias: Pondremos el número de entradas que queremos que aparezcan y que están en.la web y de la que se alimentará nuestro sitio.
  • Otras opciones: Marcaremos aquellas opciones que estén en las noticias de origen y que queramos que aparezcan en este apartado: 
    • Autores. 
    • Fechas.
    • Descripción.
    • Imágenes.
      • Atención: Estas opciones están en la noticia original y no podemos modificarlas desde el widget.

 

5.4.1.2.1 Incorporación de noticias desde web externa

Como hemos visto anteriormente en multitud de sitios web podemos encontrar el enlace a la sindicación de noticias por RSS válida para incorporarla a nuestra web.

Si como en este ejemplo, estamos interesados en que las últimas noticias sobre España publicadas en el periódico El País se incorporen en nuestro sitio web de forma automática, solo tendríamos que pegar la URL con protocolo RSS en la configuración del Widget.

 

RSS diario El País

 

Añadimos la URL y configuramos las opciones:

 

URL de noticias RSS

 

El resultado en nuestra web será el siguiente:
 

Ejemplo de noticias RSS

 

 

5.4.1.2.2 Incorporación de noticias desde una página de la UCM

El widget de noticias y avisos ofrece la posibilidad de generar el protocolo RSS para las noticias que se generan. En muchos casos el acceso a esta URL que necesitamos para poder enriquecer nuestras páginas con esas noticias, no es sencillo. El editor web de esa página ha tenido que marcar la opción "Mostrar icono RSS" (en la pestaña apariencia).

 

Mostrar icono RSS en Widget Noticias

 

así, se visualizará en nuestra página web el icono RSS abajo y a la derecha de la última noticia:

 

Icono RSS en Noticias

 

En el pie de página de la portada de la web de la UCM aparece el texto RSS. A partir de la URL que muestra podremos incrustar las últimas noticias de ucm.es en cualquier sitio web.

 

RSS pie de portada UCM