Ir al contenido principal

Curso LibGuides

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

Introducción

El widget Subjects crea una lista de categorías de materias. Podemos crear las siguientes listas:

  • Todas las materias.
  • Materias que solo contienen guías publicadas.
  • Materias y sus guías asociadas.
  • Materias con submaterias anidadas.

Crear un nuevo widget de materias

  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 Subjects.
    Pestaña widget subjects

    SECCIÓN LOOK & FEEL
    widget subjects. Look and 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 materias en una ventana.
      • Link target: destino de la lista de enlaces de las materias: 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 de materias que enlazan con nuestras guías.
    • Drop-down menu with links: muestra un menú desplegable, en el que cada opción de materia enlaza con las guías correspondientes.
       
  5. Hierarchy: la casilla de verificación de jerarquía permite elegir si las materias se enumerarán con subcategorías anidadas debajo de las materias de nivel superior.

    SECCIÓN SEARCH
    Widget subjects search guide

     
  6. Status: utilizamos esta opción para incluir materias sin guías publicadas o limitar la lista a solo materias con guías publicadas.
  7. Associations: esta opción permite incluir una lista de las guías asignadas a cada materia. Si se incluyen, las guías se mostrarán en listas anidadas debajo de cada tema.
    • Do not include the guide list: no incluye la lista de guías.
    • Include guide titles with link: incluye los títulos de las guías con un enlace.
    • Include guide titles and full guide descriptions: incluye los títulos de las guías sus descripciones completas (no disponible si se utiliza el formato de lista "Menú desplegable con enlaces"(List Format > Drop-down menú with links).
       
  8. 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 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:
      Output 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.

      widget subject code and preview
       
    • 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.