Se trata de un widget de texto configurado con un código concreto para que la apariencia sea la de un aviso, que además el usuario de la web puede cerrar para dejar de visualizarlo. Cada vez que se recarga la página, el aviso volverá a aparecer.
Existen varias opciones para configurar el widget:
- Si tenéis guardado en Contenido inactivo el widget de texto con el código del aviso, podréis recuperarlo y editarlo (pinchando en la ruedita ) cuando lo necesitéis:
- Para volver a guardar el widget de texto solo hay que pinchar en el botón rojo con el aspa, y pinchar en Desactivar y guardar.
- Si no tenéis el widget guardado, debéis añadir un nuevo widget de texto e insertar este código (utilizando la opción Código fuente):
<div class="alert alert-dismissible" style="border-color: #903; border-style: solid; border-width: 1px 1px 1px 6px;" role="alert"><button class="close" style="opacity: .6; font-size: 2em;" type="button" data-dismiss="alert" aria-label="Cerrar"><span aria-hidden="true">×</span></button> <h3 style="font-weight: bold;"><span class="fa fa-exclamation-triangle"></span>Prueba cambio texto</h3> <p><span>Texto para mostrar.</span></p> </div>
El widget de Iconos que aparece en todas las portadas de las bibliotecas de centro bajo el buscador se utiliza para facilitar el acceso a algunos de nuestros recursos o a información destacada.
Algunas recomendaciones:
- la cantidad de iconos debe limitarse a una sola línea, es decir, 9 iconos. Lo normal será no tener más de 7 u 8, porque si destacamos demasiadas cosas, al final, no estamos destacando ninguna.
- el texto bajo cada uno de los iconos debe limitarse a una o dos líneas. Recordad que los iconos son representaciones gráficas que deben facilitar la identificación del contenido del enlace, por lo que la leyenda bajo el icono no debería ser extensa.
- por otro lado, la configuración de la apariencia del widget debería ser igual en todas las portadas:
Tened en cuenta que cada vez que editamos el widget la apariencia se reconfigura por defecto con los iconos justificados a la izquierda. Hay que volver a entrar a la pestaña Apariencia para seleccionar la opción Centro.
El widget Noticias y avisos, que aparece bajo el buscador y los iconos en las portadas de cada biblioteca de centro, está configurado como un carrusel. Este widget es editable por cada centro. Normalmente se añaden aquí las noticias que el Equipo de Comunicación envía a los centros de forma sistemática para que aparezcan las noticias comunes a toda la BUC en las portadas de todos los centros. Pero, por supuesto, cada centro puede añadir sus propias noticias, relevantes para sus usuarios.
Para añadir una nueva noticia hay que ir a la configuración del widget, y utilizar el botón Nueva noticia. Podremos completar entonces los campos necesarios para crear una noticia nueva y hacerla visible:
Detalles importantes:
- la imagen debe tener unas proporciones adecuadas para que se visualice correctamente. En una imagen para nuestro carrusel, que ocupa el 70% de la portada, lo ideal es un ancho de 750px. Si utilizamos esta medida para el ancho, el alto no debe superar los 280-300px. Si no utilizamos la proporción correcta (si la altura es mayor), la imagen quedará cortada en la visualización del carrusel. Podéis consultar más información al respecto en el apartado correspondiente de la Guía de Edición Web con el Gestor Web UCM.
- si queremos programar la publicación de la noticia deberemos completar el campo "Publicación" indicando la fecha y hora en la que queremos que la noticia se haga visible. Si la queremos publicar inmediatamente no debemos tocar nada.
- si queremos que la noticia desaparezca de la vista pública cuando pase una fecha, podemos completar el campo "Caducidad".
Para más información sobre la configuración de este widget, podéis consultar este apartado de la Guía de Edición Web con el Gestor Web UCM.
Se trata de un widget de texto que debería aparecer en las portadas de todas las bibliotecas en la columna derecha, encima del widget que contiene el chat. En principio, el código de este widget permite añadir hasta 5 enlaces a recursos propios de la biblioteca e incorpora un botón con enlace a la página Conócenos de cada centro.
Si bien es cierto que se pueden añadir más de 5 enlaces, la recomendación es no tener una lista de enlaces demasiado extensa.
El botón inferior que lleva a Conócenos se puede sustituir por otra página que consideréis más interesante hacer accesible como, por ejemplo, vuestra página de Contacto.
- Si vuestra portada no contiene este widget porque nunca se ha utilizado pero ahora queréis añadir enlaces rápidos, debéis añadir un nuevo widget de texto e insertar este código (utilizando la opción Código fuente):
<h3 style="margin-top: 1.3em;"><strong>Enlaces rápidos</strong></h3> <div style="background-color: #903; height: 8px; padding: 0; width: 80px; margin-bottom: 2em;"> </div> <div style="min-height: 40px; margin: 1em; background-color: #ececec; border-radius: 4px; font-variant: small-caps; line-height: 1.1;"> <div style="display: flex; align-items: center;"><span class="fa fa-chevron-right fa-lg text-center" aria-hidden="true" style="width: 40px; margin-right: 0.5em; border-right: 4px solid #e13030; padding: 12px; float: left;"> </span> <a style="color: #000;" href="//biblioteca.ucm.es/buscaryencontrar"><strong>buscar y encontrar</strong></a></div> </div> <div style="min-height: 40px; margin: 1em; background-color: #ececec; border-radius: 4px; font-variant: small-caps; line-height: 1.1;"> <div style="display: flex; align-items: center;"><span class="fa fa-chevron-right fa-lg text-center" aria-hidden="true" style="width: 40px; margin-right: 0.5em; border-right: 4px solid #e13030; padding: 12px; float: left;"> </span><strong><a style="color: #000;" href="//eprints.ucm.es/">repositorio e-prints complutense</a></strong></div> </div> <div style="min-height: 40px; margin: 1em; background-color: #ececec; border-radius: 4px; font-variant: small-caps; line-height: 1.1;"> <div style="display: flex; align-items: center;"><span class="fa fa-chevron-right fa-lg text-center" aria-hidden="true" style="width: 40px; margin-right: 0.5em; border-right: 4px solid #e13030; padding: 12px; float: left;"> </span><a style="color: #000;" href="//bibliometria.ucm.es/inicio"><strong>portal bibliométrico</strong></a></div> </div> <div style="min-height: 40px; margin: 1em; background-color: #ececec; border-radius: 4px; font-variant: small-caps; line-height: 1.1;"> <div style="display: flex; align-items: center;"><span class="fa fa-chevron-right fa-lg text-center" aria-hidden="true" style="width: 40px; margin-right: 0.5em; border-right: 4px solid #e13030; padding: 12px; float: left;"> </span><a style="color: #000;" href="//biblioteca.ucm.es/formularios"><strong>buzón de atención</strong></a></div> </div> <div style="min-height: 40px; margin: 1em; background-color: #ececec; border-radius: 4px; font-variant: small-caps; line-height: 1.1;"> <div style="display: flex; align-items: center;"><span class="fa fa-chevron-right fa-lg text-center" aria-hidden="true" style="width: 40px; margin-right: 0.5em; border-right: 4px solid #e13030; padding: 12px; float: left;"> </span><a style="color: #000;" href="//biblioagenda.ucm.es/"><strong>agenda de la biblioteca</strong></a></div> </div> <div class="text-right" style="margin-top: 2em; margin-right: 1em;"><a class="btn btn-danger" href="https://biblioteca.ucm.es/nosotros">Nosotros »</a></div>
Estos dos widgets están configurados como widgets de texto editables por los centros. Si no modificáis nada, la información que aparece es la de la portada de la Biblioteca Complutense.
- El widget que contiene la información sobre los espacios (en algunos casos se llama Esta biblioteca ofrece...) es fácilmente modificable. Si queréis cambiar la imagen, para mantener la apariencia, la nueva debería tener 216px (ancho) x 226px (alto). El título y el texto lo podéis editar desde la vista de edición del widget (sin necesidad de acceder al código fuente).
- Si queréis editar las colecciones destacadas a las que se accede desde vuestra portada, debéis tener en cuenta que requiere la edición del html (opción código fuente) para mantener la apariencia de las imágenes y enlaces. Las nuevas imágenes que queráis utilizar deben tener el tamaño 277x277px.
