Ir al contenido principal

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

Guía de apoyo a la edición Web

Noticias y avisos

El widget "Noticias y avisos" nos permite crear noticias y avisos, con o sin imágenes, e insertarlos en nuestras páginas Web. Podemos elegir dos tipos de apariencia: clásica (listado de noticias) o carrusel.

 El Widget Noticias y avisos sólo admite imágenes en formato JPG.
 Una misma página solo puede contener un carrusel. Si insertamos en la misma página dos o más carruseles, interfieren entre ellos cuando pulsamos en Avanzar/Retroceder.
NOTA IMPORTANTENo se recomienda usar el 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.
signo apóstrofe

 

El procedimiento para insertar Noticias y avisos es el siguiente:

  1. Arrastramos y soltamos el widget "Noticias y avisos" en nuestra página Web y pulsamos en "Configuración"  (rueda dentada).
  2. La ventana "Configuración del componente" nos muestra las siguientes opciones:
    • Título del contenido: título que engloba todas las noticias, por ejemplo: Ultimas noticias, Destacados…
    • Visibilidad en la Web: casilla de verificación para mostrar el título del contenido en la página.
    • Nueva noticia: botón para añadir noticias.
      Configuración de noticias
       
  3. Pulsamos en el botón "Nueva noticia". La pestaña "Configuración" de la noticia muestra los siguientes campos:
    Configuración de noticia
     
    • Publicación: posibilidad de programar la publicación de la noticia añadiendo fecha y hora.
    • Caducidad: posibilidad de programar la fecha de caducidad cuando dejará de mostrarse.
    • Canal RSS: (opcional, si se rellena, se ignorarán todos los campos inferiores y se mostrará la primera noticia del canal)
    • Titulo: título de la noticia.
    • Encabezado: texto informativo que aparece debajo del título de la noticia.
    • Imágenes: el botón "Subir archivos" nos permite incorporar imágenes en formato JPG a la noticia.
    • Enlace (opcional, si se rellena, se ignorará el texto inferior): insertamos un enlace para que nuestra noticia simplemente apunte a una página web (de la UCM o externa) o a un documento. No se mostrará el campo texto.
    • Texto (opcional): texto de la noticia.
    • Guardar/Cancelar: guardamos o cancelamos la noticia. Cuando pulsamos el botón "Guardar" se muestra el mensaje "La noticia ha sido guardada".
       
  4. El botón "Aceptar y volver" que nos lleva al listado de "Noticias incluidas".
    Noticias incluidas
     
  5. El listado de noticias incluidas nos permite:
    • Configurar la visibilidad: Visible/No visible (para ocultar una publicación hasta que sea oportuno).
    • Establecer el Orden de las noticias.
  6. Pulsamos Guardar y Cerrar y actualizamos la página Web para publicar los cambios.

Incorporar imágenes a las noticias

El botón "ImágenesSubir archivos" nos permite incorporar imágenes en formato JPG a la noticia, sin embargo, para que las imágenes incorporadas sean visibles tenemos que marcar una de ellas como imagen principal.

Para marcar la imagen como principal hacemos clic en el título de la noticia, en el listado de "Noticias incluidas", seleccionamos la casilla de verificación de la imagen y pulsamos en Actualizar > Guardar:
Imagen principal de la noticia
 

Apariencia Clásica o Carrusel

El Widget  "Noticias y avisos" permite elegir entre dos tipos de visualización: clásico (listado de noticias) o carrusel.

Seleccionar apariencia de noticias
 

Apariencia clásica

Apariencia clásica

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

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.

Se requieren imágenes con tamaños determinados para que se ajusten al carrusel.

configuración carrusel
 

Tamaños imágenes Carrusel

Widget Noticias y Avisos carrusel

  • El ancho de las imágenes del carrusel depende del lugar dónde situemos el widget.
  • La altura siempre será 280 píxeles:
Plantilla área única
Ancho plantilla área única: 1140 px.

 

Plantilla dos columnas 50%
Ancho plantilla dos columnas (50%): 555 px.

 

Plantilla dos columnas 30% - 70%
​Ancho plantilla dos columnas (30% 70%):
Columna 30%: 360 px.
Columna 70%: 750 px.

 

Recursos de ayuda