Ir al contenido principal

Curso LibGuides

Guía de apoyo a la edición Web con LibGuides

Introducción

El widget Etiquetas nos permite mostrar una lista de las etiquetas asignadas a nuestras guías, ya sea en una lista con viñetas, un menú desplegable o una nube de etiquetas. Al hacer clic en un enlace, el usuario accederá a la página de resultados de búsqueda de LibGuides, filtrada por esa etiqueta.

Crear un nuevo widget de Lista de Etiquetas

  1. Iniciamos sesión en LibGuides, hacemos clic en Tools, en la barra de menús naranja, y seleccionamos Widgets, en el menú desplegable.
    Enlace a la herramienta widgets
     
  2. En la página Widgets, seleccionamos la pestaña Tags.
    pestaña widget tags

    Lo que nos da acceso a las opciones de configuración del widget:
    Opciones widget tags

    SECCIÓN LOOK & FEEL
  3. Output Format: este campo nos permite elegir el formato de salida de nuestro widget:
     
    • SIMPLE LIST: incrusta el contenido del widget directamente en la página, con los estilos de los widgets y el código JavaScript ejecutándose junto con el resto del contenido de la página, esto incluye las bibliotecas jQuery y Bootstrap, así que debemos tener cuidado al intentar incrustarlos en páginas que ya incluyen estas bibliotecas (como LibGuides y otros productos de Springshare).
      • Embed Type: podemos seleccionar entre dos tipos de incrustación:
        • JAVASCRIPT CODE: preferida para utilizar en biblioguías y en la Web UCM. Podemos utilizar este código en nuestras páginas web UCM, insertándolo en el campo "Código..." del widget "Redes Sociales" del Gestor Web UCM.
        • URL: enlace para abrir la lista de etiquetas en una ventana.
      • Link target: destino de la lista de enlaces: en la misma ventana o en una nueva.
         
    • Framed List: muestra el widget dentro de un elemento iframe en la página. El contenido, los estilos y el JavaScript del widget se incluirán en el iframe, en lugar de directamente en la propia página. Esta es una buena opción para elegir si el formato de salida simple crea problemas en nuestra página.
      • Si elegimos esta opción, podemos establecer el TítuloAltura, Anchura y Color del enlace del elemento iframe.
  4. List Format: elegimos el formato de lista de nuestro widget.
    • Bulleted list: muestra una lista con viñetas de enlaces a la página de resultados de búsqueda filtrados por cada etiqueta.
    • Drop-down menu with links: muestra un menú desplegable, en el que cada opción enlaza con la página de resultados de búsqueda filtrada a esa etiqueta.
    • Tag cloud with links: muestra las etiquetas en un bloque de texto, cada una separada por un espacio. Las etiquetas asignadas a la mayoría de las guías tendrán un tamaño de fuente mayor en relación con las que no lo tienen (con los tamaños de fuente determinados por los valores Tamaño de fuente mínimo (Min Font Size) y Tamaño máximo de fuente (Max Font Size). Cada etiqueta enlaza a la página de resultados de búsqueda filtrada a esa etiqueta.
       
  5. EMBED CODE: esta sección de la columna derecha de la página muestra una caja con el código de inserción, que podemos copiar y pegar cómo código HTML en nuestras páginas web:
    • En las Biblioguías podemos pegar el código en el campo "Embed Code" de la herramienta de contenido "Media / Widget". De esta manera crearemos un nuevo asset (recurso reutilizable). Se recomienda reutilizar los assets existentes tanto como sea posible. Esto ayuda a reducir su duplicación en la biblioteca de assets y facilita el análisis estadístico de cada asset en particular.
       Si tenemos problemas después de agregar un recurso de Media/Widget a nuestra guía (por ejemplo, los menús de la página dejan de funcionar), podemos ir a Content >Assets para editar el código o eliminar el asset Widget, según corresponda.
    • En las páginas Web UCM: podemos pegar el código en campo "Código..." del widget "Redes Sociales". Para que el contenido se ajuste correctamente, en la sección Look & Feel del widget seleccionamos:
      Ouput Format > Simple List > Embed Type > JavaScript Code
       El contenido incrustado en la Web UCM se actualizará a medida que se actualice la información en LibGuides, sin embargo, debemos tener en cuenta que en este caso  el código no está vinculado al asset y es independiente de este. Cualquier modificación o eliminación del asset "Widget" no tendrá efecto alguno en el contenido incrustado en la Web UCM.
    • Preview: debajo del código de inserción encontramos una vista previa interactiva que nos muestra cómo se visualizará el widget en nuestra página.