¿Cómo incrusto un tutorial en mi proyecto de Thimble?

Información de la revisión
  • Identificador de la revisión: 79384
  • Creada:
  • Creador/a: Ángela Velo
  • Comentario: Traducción inicial
  • Revisado:
  • Revisado:
  • Revisado por: avelper
  • ¿Está aprobado?
  • ¿Es la versión actual? No
  • Listo para localización: No
Origen de la revisión
Contenido de la revisión

Thimble te permite incrustar en tu proyecto un tutorial que aparecerá cuando un espectador pulse el botón Remezclar.

Para incrustar un tutorial, solo tienes que añadir la etiqueta tutorial-URL cuando lo publiques

Popcorn tutorial tag

La etiqueta tutorial-URL es una etiqueta de proyecto que cotiene la palabra tutorial y la URL del tutorial que quieres incrustar.

Puedes incrustar cualquier página web como tutorial: solo necesitas la URL de la barra de direcciones.

Un ejemplo

El cartel de cine de @Artychan tiene incrustado un tutorial: https://artychan.makes.org/thimble/movie-poster/remix

Plantilla de inicio

Utiliza esta plantilla de inicio que incluye secciones especiales para poder crear tu tutorial paso a paso siguiendo las instrucciones:

Modifica lo que haya entre las etiquetas <section> y <</!-- -->/section>. Puedes incluir cualquier HTML en esas etiquetas.

Establece la numeración de páginas de tu tutorial

thimble-tutorial-pagination

Puedes copiar y pegar más secciones o divisiones que sirvan para crear nuevas páginas en el tutorial. De esa forma, puedes dividir tus instrucciones en distintos pasos que el usuario podrá visualizar utilizando las flechas derecha e izquierda.

Controles para el usuario

El propio panel del tutorial incluye algunos botones que proporcionan controles extra a todo aquel que quiera remezclar tu proyecto.

  • El botón thimble-tutorial-hide-button oculta el tutorial para ahorrar espacio mientras trabajas.
  • El botón thimble-tutorial-show-button vuelve a mostrar un tutorial oculto a tamaño normal.
  • El botón thimble-tutorial-expand-button aumenta de tamaño la ventana del tutorial.
  • El botón thimble-tutorial-menu-button te permite cargar otro tutorial si el autor ha incluido más de uno en el proyecto de Thimble.