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 IMPORTANTE:
No 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](https://dkou0skpxpnwz.cloudfront.net/accounts/144489/images/apostrofe.png)
El procedimiento para insertar Noticias y avisos es el siguiente:
- Arrastramos y soltamos el widget "Noticias y avisos" en nuestra página Web y pulsamos en "Configuración" (rueda dentada).
- 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](https://libapps-eu.s3.amazonaws.com/accounts/144489/images/noticias-configuracion.png)
- Pulsamos en el botón "Nueva noticia". La pestaña "Configuración" de la noticia muestra los siguientes campos:
![Configuración de noticia](https://dkou0skpxpnwz.cloudfront.net/accounts/144489/images/configuracion-de-noticia.png)
- 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".
- El botón "Aceptar y volver" que nos lleva al listado de "Noticias incluidas".
![Noticias incluidas](https://dkou0skpxpnwz.cloudfront.net/accounts/144489/images/noticias-incluidas.png)
- 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.
- Pulsamos Guardar y Cerrar y actualizamos la página Web para publicar los cambios.
Incorporar imágenes a las noticias
El botón "Imágenes. Subir 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](https://dkou0skpxpnwz.cloudfront.net/accounts/144489/images/imagen-principal.png)
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](https://libapps-eu.s3.amazonaws.com/accounts/144489/images/apariencia_noticias.png)
Apariencia clásica
![Apariencia clásica](//libapps-eu.s3.amazonaws.com/accounts/144489/images/clasico-png8-bor.png)
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](//libapps-eu.s3.amazonaws.com/accounts/144489/images/lista-noticias-clasica.JPG)
Ejemplo apariencia de lista noticias clásica
Apariencia carrusel. Tamaño de las imágenes
![Apariencia carrusel](//libapps-eu.s3.amazonaws.com/accounts/144489/images/carrusel-png8-bor.png)
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](//libapps-eu.s3.amazonaws.com/accounts/144489/images/carrusel-img-principal-700x495.jpg)
Tamaños imágenes Carrusel
![Widget Noticias y Avisos carrusel](https://libapps-eu.s3.amazonaws.com/accounts/144489/images/carrusel-noticiasyavisos.PNG)
- El ancho de las imágenes del carrusel depende del lugar dónde situemos el widget.
- La altura siempre será
280 píxeles
:
Ancho plantilla área única: 1140 px.
![Plantilla dos columnas 50%](//libapps-eu.s3.amazonaws.com/accounts/144489/images/plantilla_dos_columnas_50_273x273.jpg)
Ancho plantilla dos columnas (50%): 555 px.
Ancho plantilla dos columnas (30% 70%):
Columna 30%:
360 px.
Columna 70%: 750 px.