Como inserir um tutorial no meu projeto do Thimble?

Informações da edição
  • Id da edição: 56332
  • Criação:
  • Criador: user917725
  • Comentário: Pronto para revisão
  • Revisado: Sim
  • Revisado:
  • Revisado por: user917725
  • Aprovado? Sim
  • É a edição atual? Não
  • Pronto para tradução: Não
Origem da edição
Conteúdo da edição

O Thimble permite embutir um tutorial dentro do projeto, que aparece quando o espectador clica no botão remix.

Para incorporar um tutorial, basta adicionar a tag tutorial-URL quando você publicar

Thimble tutorial tag

A tag tutorial-URL é uma tag de projeto que contém a palavra tutorial- e a URL do tutorial que você deseja incorporar.

Você pode incorporar praticamente qualquer página da web como tutorial, tudo que você precisa é a URL.

Um exemplo

@Artychan O poster do filme @Artychan tem um tutorial incorporado dentro dele - https://artychan.makes.org/thimble/movie-poster/remix

Modelo para iniciantes

Use este modelo para iniciantes que configura seções especiais para criar um passo a passo:

https://thimble.webmaker.org/projects/tutorial/remix

Modifique qualquer coisa entre as tag <section> e <</!-- -->/section>. Você pode incluir qualquer HTML entre essas tags.

Controle a paginação do seu tutorial

thimble-tutorial-pagination

Você pode copiar e colar mais seções ou divs que irá criar novas páginas no tutorial. Dessa forma, você pode segmentar suas instruções em etapas de fácil digestão onde o usuário alterna com a seta para a esquerda e para a direita

Controles para o usuário

O próprio painel tutorial tem alguns botões que concede ao remixer alguns controles adicionais.

  • O botão thimble-tutorial-hide-button esconde o tutorial, a fim de economizar espaço, enquanto trabalha.
  • O botão thimble-tutorial-show-button expande o tutorial escondido de volta ao estado normal.
  • O botão thimble-tutorial-expand-button expande a janela do tutorial para um tamanho maior
  • O botão thimble-tutorial-menu-button permite que você carregue um outro tutorial se o autor tem incorporado mais de um no projeto Thimble.