Como faço para incorporar um tutorial no meu projeto Popcorn Maker?

Este artigo não é mais mantido, portanto seu conteúdo pode estar desatualizado.

O Popcorn Maker permite incorporar um tutorial dentro do seu projeto, que aparecerá quando alguém apertar o botão Remix.

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

Popcorn tutorial tag

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

Você pode incorporar praticamente qualquer página da web como tutorial, tudo que precisa, é a URL da barra de endereços.

Um exemplo

@MaxCapacity queria mostrar como fazer uma animação, como a que ele criou no Popcorn Maker em https://maxcapacity.makes.org/popcorn/1amp/remix

Para fazer isso ele:

1) Criou uma página no Thimble contendo as instruções

2) Adicionou uma tag no projeto do Popcorn Maker, tutorial- mais a URL para a página do tutorial.

Agora, sempre que alguém remixa o projeto, a versão remixada vira com um conjunto de tutoriais incorporados por Max em seu projeto original.

Dicas úteis

Você pode incorporar vários tutoriais dentro de um único projeto

Observe que Max decidiu que queria incluir dois tutoriais em seu projeto. O primeiro tutorial tem instruções para usar GIFs animados a partir da web, e o segundo tem instruções para fazer seus próprios GIFs animados.

Tudo o que ele teve de fazer foi acrescentar duas tags em vez de uma em seu projeto no Popcorn Maker.

Se tem vários tutoriais, você pode controlar a ordem em que eles aparecem

A ordem de suas tags tutorial-URL determina a ordem que os tutoriais aparecem no menu suspenso.

Modelo

Você pode usar esse modelo de exemplo, que inclui HTML e CSS básicos para formatação fácil.

Seja criativo

Desde que possa inserir mais de um tutorial em um projeto, por que não incluir alguns artefatos adicionais para seus remixers?

Você pode incorporar a declaração de um artista, exemplo de remixes que goste ou alguns links extras que podem tornar o projeto mais interessante.

Essas pessoas ajudaram a escrever este artigo:

Illustration of hands

Torne-se um voluntário

Desenvolva e compartilhe sua especialidade com outras pessoas. Responda perguntas e aprimore nossa base de conhecimento.

Saiba mais