Ein Tutorial in ein Thimble-Projekt einbinden

Versionsdaten
  • Versions-ID: 91098
  • Erstellt:
  • Autor: pollti
  • Kommentar: German l10n
  • Überprüft: Ja
  • Überprüft:
  • Überprüft von: pollti
  • Freigegeben? Ja
  • Ist das die aktuelle Version? Nein
  • Bereit zum Übersetzen: Nein
Quelltext der Version
Vorschau der Änderung

Thimble ermöglicht es Ihnen, Tutorials in Ihre Projekte einzubetten, die angezeigt werden, wenn jemand auf die Schaltfläche Remix klickt.

Um ein Tutorial einzubinden, fügen Sie beim Veröffentlichen einfach ein Stichwort tutorial-URL hinzu

Thimble tutorial tag

Das Stichwort tutorial-URL („URL“ ist hierbei durch die URL des Tutorials zu ersetzen) ist ein Projekt-Stichwort, das das Wort tutorial- und die URL des einzubindenden Tutorials enthält.

Sie können eine beliebige Webeite als Tutorial einbinden. Dazu benötigen Sie nur die URL aus der Adressleiste.

Ein Beispiel

@Artychans Filmplakat enthält ein eingebundenes Tutorial – https://artychan.makes.org/thimble/movie-poster/remix

  • Arty hat das Tutorial separat unter https://artychan.makes.org/thimble/movie-poster-tutorial erstellt.
  • Um es in das Filmplakat-Projekt einzubinden, hat Arty ein Stichwort, das aus dem Wort tutorial- und der URL des Tutorials besteht, hinzugefügt.
    • Das Stichwort sieht folgendermaßen aus: tutorial-https://artychan.makes.org/thimble/movie-poster-tutorial

Anfängervorlage

Verwenden Sie diese Vorlage, die Ihr Tutorial mithilfe von Abschnitten in einzelne Schritte einteilt:

https://thimble.webmaker.org/project/24523/remix

Sie können alles zwischen den Tags <section> und <</!-- -->/section> verändern. Sie können dort HTML verwenden.

Die Seitennummerierung Ihre Tutorials anpassen

thimble-tutorial-pagination

Sie können weitere <section>- oder <div>-Elemente hinzufügen, damit im fertigen Tutorial mehrere Seiten entstehen. Dadurch können Sie Ihre Anleitung in leichter verarbeitbare Abschnitte unterteilen, die der Nutzer mit den beiden Pfeilen durchblättern kann.

Kontrollelemente für den Nutzer

Der Tutorialteil hat ein paar Schaltflächen, die dem neu Mischenden einige Kontrollmöglichkeiten bieten.

  • Die Schaltfläche thimble-tutorial-hide-button blendet das Tutorial aus, um beim Arbeiten Platz zu gewinnen.
  • Die Schaltfläche thimble-tutorial-show-button blendet ein ausgeblendetes Tutorial wieder ein.
  • Die Schaltfläche thimble-tutorial-expand-button vergrößert das Tutorial-Fenster.
  • Die Schaltfläche thimble-tutorial-menu-button ermölicht es Ihnen, ein anderes Tutorial zu laden, wenn der Autor mehrere in sein Thimble-Projekt eingebunden hat.