aboutsummaryrefslogtreecommitdiffstats
path: root/doc/de/tutorials
diff options
context:
space:
mode:
Diffstat (limited to 'doc/de/tutorials')
-rw-r--r--doc/de/tutorials/DerivedTheme.md96
-rw-r--r--doc/de/tutorials/customise_look.md221
-rw-r--r--doc/de/tutorials/pic/02.pngbin0 -> 69550 bytes
-rw-r--r--doc/de/tutorials/pic/03.pngbin0 -> 18731 bytes
-rw-r--r--doc/de/tutorials/pic/04.pngbin0 -> 53482 bytes
-rw-r--r--doc/de/tutorials/pic/05.pngbin0 -> 26665 bytes
-rw-r--r--doc/de/tutorials/pic/06.pngbin0 -> 39055 bytes
-rw-r--r--doc/de/tutorials/pic/07.pngbin0 -> 65530 bytes
-rw-r--r--doc/de/tutorials/pic/08.pngbin0 -> 24603 bytes
-rw-r--r--doc/de/tutorials/pic/09.pngbin0 -> 23763 bytes
-rw-r--r--doc/de/tutorials/pic/10.pngbin0 -> 67730 bytes
-rw-r--r--doc/de/tutorials/pic/11.pngbin0 -> 14390 bytes
-rw-r--r--doc/de/tutorials/pic/12.pngbin0 -> 72842 bytes
-rw-r--r--doc/de/tutorials/pic/13.pngbin0 -> 81388 bytes
-rw-r--r--doc/de/tutorials/pic/14.pngbin0 -> 60861 bytes
-rw-r--r--doc/de/tutorials/pic/15.pngbin0 -> 21657 bytes
-rw-r--r--doc/de/tutorials/pic/16.pngbin0 -> 20138 bytes
-rw-r--r--doc/de/tutorials/pic/17.pngbin0 -> 27437 bytes
-rw-r--r--doc/de/tutorials/pic/18.pngbin0 -> 65125 bytes
-rw-r--r--doc/de/tutorials/pic/19.pngbin0 -> 62228 bytes
-rw-r--r--doc/de/tutorials/pic/20.pngbin0 -> 53937 bytes
-rw-r--r--doc/de/tutorials/pic/fedidb.pngbin0 -> 244957 bytes
-rw-r--r--doc/de/tutorials/pic/fedieverse-observer.pngbin0 -> 106457 bytes
-rw-r--r--doc/de/tutorials/pic/hzreg01.pngbin0 -> 47088 bytes
-rw-r--r--doc/de/tutorials/pic/hzreg01a.pngbin0 -> 126943 bytes
-rw-r--r--doc/de/tutorials/pic/hzreg02.pngbin0 -> 80507 bytes
-rw-r--r--doc/de/tutorials/pic/hzreg03.pngbin0 -> 106952 bytes
-rw-r--r--doc/de/tutorials/pic/hzreg04.pngbin0 -> 64621 bytes
-rw-r--r--doc/de/tutorials/pic/nomadapp.pngbin0 -> 172012 bytes
-rw-r--r--doc/de/tutorials/pic/pdle01.pngbin0 -> 1339614 bytes
-rw-r--r--doc/de/tutorials/pic/pdle02.pngbin0 -> 207233 bytes
-rw-r--r--doc/de/tutorials/pic/pdle03.pngbin0 -> 428803 bytes
-rw-r--r--doc/de/tutorials/pic/pdle04.pngbin0 -> 209056 bytes
-rw-r--r--doc/de/tutorials/pic/pdle05.pngbin0 -> 199353 bytes
-rw-r--r--doc/de/tutorials/pic/pdle06.pngbin0 -> 241793 bytes
-rw-r--r--doc/de/tutorials/pic/pdle07.pngbin0 -> 216392 bytes
-rw-r--r--doc/de/tutorials/pic/pdle08.pngbin0 -> 200478 bytes
-rw-r--r--doc/de/tutorials/pic/pdle09.pngbin0 -> 79722 bytes
-rw-r--r--doc/de/tutorials/pic/pdle10.pngbin0 -> 39266 bytes
-rw-r--r--doc/de/tutorials/pic/pdle11.pngbin0 -> 28468 bytes
-rw-r--r--doc/de/tutorials/pic/pdle12.pngbin0 -> 65077 bytes
-rw-r--r--doc/de/tutorials/pic/pdle13.pngbin0 -> 236620 bytes
-rw-r--r--doc/de/tutorials/pic/pdle14.pngbin0 -> 217419 bytes
-rw-r--r--doc/de/tutorials/pic/pdle15.pngbin0 -> 235097 bytes
-rw-r--r--doc/de/tutorials/pic/pubsites.pngbin0 -> 167653 bytes
-rw-r--r--doc/de/tutorials/pic/rega.pngbin0 -> 197041 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt01.pngbin0 -> 147642 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt02.pngbin0 -> 40127 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt03.pngbin0 -> 19324 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt04.pngbin0 -> 32439 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt05.pngbin0 -> 37690 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt05a.pngbin0 -> 26775 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt06.pngbin0 -> 70132 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt07.pngbin0 -> 85328 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt08.pngbin0 -> 85325 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt09.pngbin0 -> 68681 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt10.pngbin0 -> 71936 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt11.pngbin0 -> 72832 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt12.pngbin0 -> 75061 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt13.pngbin0 -> 79633 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt14.pngbin0 -> 80973 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt15.pngbin0 -> 10289 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt16.pngbin0 -> 19490 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt17.pngbin0 -> 93005 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt18.pngbin0 -> 90178 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt19.pngbin0 -> 89177 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt20.pngbin0 -> 93194 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt21.pngbin0 -> 89314 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt22.pngbin0 -> 84386 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt23.pngbin0 -> 120335 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt24.pngbin0 -> 120201 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt25.pngbin0 -> 132346 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt26.pngbin0 -> 98324 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt27.pngbin0 -> 89246 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt28.pngbin0 -> 83517 bytes
-rw-r--r--doc/de/tutorials/pic/tut_opt29.pngbin0 -> 297471 bytes
-rw-r--r--doc/de/tutorials/step_with_hubzilla.md160
-rw-r--r--doc/de/tutorials/tutorials.md7
78 files changed, 484 insertions, 0 deletions
diff --git a/doc/de/tutorials/DerivedTheme.md b/doc/de/tutorials/DerivedTheme.md
new file mode 100644
index 000000000..1aca621d7
--- /dev/null
+++ b/doc/de/tutorials/DerivedTheme.md
@@ -0,0 +1,96 @@
+### Ein abgeleitetes Thema erstellen
+
+**Lektion 1**
+Ein abgeleitetes Thema übernimmt die meisten Einstellungen des „übergeordneten“ Themas und ermöglicht es Ihnen, einige Dinge nach Ihren Wünschen zu ändern, ohne ein ganzes Themenpaket zu erstellen.
+Um ein abgeleitetes Thema zu erstellen, wählen Sie zunächst einen Namen. In unserem Beispiel nennen wir unser Thema „mytheme“. Hoffentlich werden Sie etwas kreativer sein. Wo immer Sie in diesem Dokument „mytheme“ sehen, ersetzen Sie es durch den von Ihnen gewählten Namen.
+
+**Verzeichnisstruktur**
+
+Zuerst müssen Sie eine Verzeichnisstruktur für das Thema erstellen. Wir werden es einfach halten. Wir brauchen ein php-Verzeichnis und ein css-Verzeichnis. Hier sind die Unix/Linux-Befehle, um dies zu tun. Gehen Sie davon aus, dass 'mywebsite' Ihr oberster Hubzilla-Ordner ist.
+
+```
+cd mywebsite
+mkdir view/theme/mytheme
+mkdir view/theme/mytheme/css
+mkdir view/theme/mytheme/php
+```
+
+Sehr gut. Jetzt brauchen wir noch ein paar Dateien. Die erste ist Ihre Theme-Info-Datei, die das Theme beschreibt.
+Sie heißt view/theme/mytheme/php/theme.php (cleverer Name, oder?)
+Fügen Sie darin die folgenden Informationen ein - bearbeiten Sie sie nach Bedarf
+
+```
+<?php
+
+/**
+ * * Name: Mytheme
+ * * Description: Beispiel Abgeleitetes Thema
+ * * Version: 1.0
+ * * Author: Ihr Name
+ * * Compat: Red [*]
+ *
+ */
+
+Funktion mytheme_init(&$a) {
+
+ App::$theme_info['extends'] = 'redbasic';
+}
+```
+
+Denken Sie daran, die Funktion mytheme_init mit dem Namen Ihres Themas zu benennen. In diesem Fall werden wir das Thema 'redbasic' erweitern.
+
+Erstellen Sie nun eine weitere Datei. Wir nennen dies eine PCSS-Datei, aber in Wirklichkeit ist es eine PHP-Datei.
+
+Die Datei heißt view/theme/mytheme/php/style.php
+Fügen Sie darin Folgendes ein:
+
+```
+<?php
+
+require_once('view/theme/redbasic/php/style.php');
+
+echo @file_get_contents('view/theme/mytheme/css/style.css');
+```
+
+Das war's. Dies weist die Software an, zuerst die PCSS-Informationen für das redbasic-Theme zu lesen und dann unsere CSS-Datei zu lesen, die nur aus den Änderungen besteht, die wir an unserem übergeordneten Thema (redbasic) vornehmen wollen.
+
+Erstellen Sie nun die eigentliche CSS-Datei für Ihr Thema. Legen Sie sie in view/theme/mytheme/css/style.css ab (wo wir der Software gerade gesagt haben, dass sie danach suchen soll). In unserem Beispiel ändern wir nur die Hintergrundfarbe des Körpers, damit Sie sehen können, dass es funktioniert. Sie können jedes CSS verwenden, das Sie möchten.
+
+```
+body {
+ background-color: #DDD;
+}
+```
+
+Sie haben soeben erfolgreich ein abgeleitetes Thema erstellt. Dieses muss im Adminbereich „Themen“ aktiviert werden und kann dann von jedem auf der Website verwendet werden, indem es unter Einstellungen->Anzeigeeinstellungen als Standardthema ausgewählt wird.
+
+**Lektion 2**
+
+Wenn Sie die redbasic-Schemata für Ihr abgeleitetes Thema verwenden möchten, müssen Sie etwas mehr tun.
+
+Machen Sie alles wie oben, aber erstellen Sie nicht view/theme/mytheme/php/style.php, sondern kopieren Sie stattdessen view/theme/redbasic/php/style.php nach view/theme/mytheme/php/style.php. Ändern Sie diese Datei und entfernen Sie diese beiden Zeilen (oder kommentieren Sie sie aus):
+
+```
+if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'redbasic')
+ set_pconfig(local_channel(), 'redbasic', 'schema', '---');
+```
+
+Fügen Sie außerdem diese Zeile am Ende ein:
+
+```
+echo @file_get_contents('view/theme/mytheme/css/style.css');
+```
+
+Um den Schemaselektor anzuzeigen, müssen Sie view/theme/redbasic/tpl/theme_settings.tpl nach view/theme/mytheme/tpl/theme_settings.tpl kopieren. Ändern Sie diese Datei und ersetzen Sie die Zeilen:
+
+```
+{{if $theme == redbasic}}
+{{include file=„field_select.tpl“ field=$schema}}
+{{/if}}
+```
+
+mit:
+
+```
+{{include file=„field_select.tpl“ field=$schema}}
+``` \ No newline at end of file
diff --git a/doc/de/tutorials/customise_look.md b/doc/de/tutorials/customise_look.md
new file mode 100644
index 000000000..0b24fe832
--- /dev/null
+++ b/doc/de/tutorials/customise_look.md
@@ -0,0 +1,221 @@
+### Hubzilla optisch anpassen
+
+Nach dem Anlegen eines Kanals, ist dessen Optik nicht besonders ansprechend.
+
+![Opt 01](/help/de/tutorials/pic/tut_opt01.png)
+
+#### Apps anpinnen
+
+Als erstes pinnen Sie die wichtigsten Apps an die obere Navigationsleiste: „Beitrag schreiben“, „Kanal“, „Stream“, „Verbindungen“ und „Öffentlicher Beitrags-Stream“.
+
+Dazu wählen Sie im App-Menü (⋮ oben rechts) den untersten Menüeintrag „+ Apps“. Damit gelangen Sie in die App-Einstellung und sofort bei den bereits installierten Apps. Auf dieser Seite klicken Sie nun bei jeder gewünschten App auf das kleine Pin-Nadel-Symbol und sehen dann auch sofort, wie das jeweilige Icon oben in der Navigationsleiste erscheint.
+
+![Opt 02](/help/de/tutorials/pic/tut_opt02.png)
+
+![Opt 03](/help/de/tutorials/pic/tut_opt03.png)
+
+![Opt 04](/help/de/tutorials/pic/tut_opt04.png)
+
+#### Anzeige-Einstellungen
+
+Jetzt geht es an die Einstellungen für die Anzeige. Dafür klicken Sie im Hauptmenü (oben links, wo das eigene Avatarbild zu sehen ist) auf den Eintrag „Einstellungen“. In der linken Seitenleiste sind nun die verschiedenen Einstellungskategorien zu sehen. Hier wählen Sie „Anzeige-Einstellungen“.
+
+![Opt 05](/help/de/tutorials/pic/tut_opt05.png)
+
+![Opt 05a](/help/de/tutorials/pic/tut_opt05a.png)
+
+Die Seite für die Anzeige-Einstellungen wird angezeigt. Da Sie das Design anpassen wollen, ist der Tab „Benutzerdefinierte Design-Einstellungen“ die richtige Wahl.
+
+![Opt 06](/help/de/tutorials/pic/tut_opt06.png)
+
+![Opt 07](/help/de/tutorials/pic/tut_opt07.png)
+
+Die Eingabemaske weist zunächst aber nur wenige Möglichkeiten auf (fünf Einstellungen). Die letzte Einstellung ist diejenige, bei der Sie den Schalter als erstes einschalten müssen: „Erweiterte Einstellungen anzeigen“. Auf „Absenden“ klicken und erneut den Tab „Benutzerdefinierte Design-Einstellungen“ aufrufen. Nun sind viel mehr Einstellungen zu sehen.
+
+![Opt 08](/help/de/tutorials/pic/tut_opt08.png)
+
+![Opt 09](/help/de/tutorials/pic/tut_opt09.png)
+
+Als Beispiel werden hier einmal die Farben abgeändert, die Größe der Avatare im Stream angepasst und ein Hintergrundbild festgelegt.
+
+Unter den Haupteinstellungen finden Sie die Einstellungen für die Farben des Farbschemas. Unter jedem Eingabefeld ist als kleiner Kreis die Standard-Farbe angezeigt. Bei der Wahl einer eigenen Farbe, ist es sinnvoll sich zumindest bezüglich der Helligkeit ungefähr an der Standard-Farbe zu orientieren. Klickt man in eines der Eingabefelder, öffnet sich ein Farbwahl-Dialog, über welchen man nun die Farbe festlegen kann. Als Beispiel hier ein grünes Farbschema bei welchem die grundlegenden Farben geändert werden: „Primary theme color“, also die Grundfarbe des Themes, „Success theme color“, das ist die Farbe z.B. für anklickbare Links, „Info theme color“, die z.B. als Farbe für markierte Menüeinträge als Hintergrundfarbe angezeigt wird, sowie die „Hintergrundfarbe der Navigationsleiste“. Alle anderen Farben werden im Beispiel nicht verändert. Die Farbwahl ist natürlich jedem selbst überlassen.
+
+![Opt 10](/help/de/tutorials/pic/tut_opt10.png)
+
+![Opt 11](/help/de/tutorials/pic/tut_opt11.png)
+
+![Opt 12](/help/de/tutorials/pic/tut_opt12.png)
+
+![Opt 13](/help/de/tutorials/pic/tut_opt13.png)
+
+Schließlich die „Größe der Avatare von Themenstartern“ auf 48 Pixel festlegen.
+
+![Opt 14](/help/de/tutorials/pic/tut_opt14.png)
+
+Fehlt noch das Hintergrundbild. Dieses sollte relativ groß sein, ungefähr der Größe des hauptsächlich genutzten Bildschirms entsprechend. Außerdem ist es empfehlenswert, ein eher helles bzw. blasses Bild zu verwenden (ggf. mit dem Grafikprogramm aufhellen und den Kontrast verringern), damit es die eigentlichen Inhalte nicht „erschlägt“.
+
+Das Hintergrundbild muss irgendwo über eine URL erreichbar sein. Da bietet es sich an, das Bild in die Dateien (Cloud) des eigenen Kanals hochzuladen und von dort aus zu verwenden.
+
+Dafür öffnet man im App-Menü die App „Dateien“. Hier kann man sich, wenn man mag, einen extra Ordner anlegen (bitte beachten, dass der Ordner und auch das dort hochgeladene Bild öffentlich zugreifbar sind… dafür die Zugriffsrechte mit dem kleinen Vorhangschloss, dem Privacy Tool, evtl. anpassen) und anschließend das Bild hochladen.
+
+![Opt 15](/help/de/tutorials/pic/tut_opt15.png)
+
+![Opt 16](/help/de/tutorials/pic/tut_opt16.png)
+
+![Opt 17](/help/de/tutorials/pic/tut_opt17.png)
+
+![Opt 18](/help/de/tutorials/pic/tut_opt18.png)
+
+![Opt 19](/help/de/tutorials/pic/tut_opt19.png)
+
+![Opt 20](/help/de/tutorials/pic/tut_opt20.png)
+
+![Opt 21](/help/de/tutorials/pic/tut_opt21.png)
+
+![Opt 22](/help/de/tutorials/pic/tut_opt22.png)
+
+![Opt 23](/help/de/tutorials/pic/tut_opt23.png)
+
+![Opt 24](/help/de/tutorials/pic/tut_opt24.png)
+
+Nach dem Hochladen wird das Bild in der Dateiliste angezeigt. Ein Rechtsklick auf den Eintrag und die Auswahl, die URL zu kopieren befördert die URL für das Bild in die Zwischenablage.
+
+![Opt 25](/help/de/tutorials/pic/tut_opt25.png)
+
+Zurück bei „Benutzerdefinierte Design-Einstellungen“ kann man nun die URL in das Eingabefeld „Hintergrundbild“ einfügen.
+
+![Opt 26](/help/de/tutorials/pic/tut_opt26.png)
+
+![Opt 27](/help/de/tutorials/pic/tut_opt27.png)
+
+Ein letzter Klick und Hubzilla erstrahlt in der neuen Optik.
+
+![Opt 28](/help/de/tutorials/pic/tut_opt28.png)
+
+![Opt 29](/help/de/tutorials/pic/tut_opt29.png)
+
+#### PDL-Editor
+
+##### Grundlagen
+
+Verschiedene Apps und Grundfunktionen von Hubzilla basieren auf eigens dafür gestalteten Webseiten. Der Nutzer kommt mit den dahinter liegenden Mechanismen nicht in Berührung, er nutzt diese Seiten einfach.
+
+Ruft man beispielsweise die App „Kanal“ auf, so wird einem der eigene Kanal angezeigt.
+
+![PDL 01](/help/de/tutorials/pic/pdle01.png)
+
+Ganz oben kann man das Banner des Kanals sehen. In dieses Banner sind der Kanalname und die Kanaladresse (Handle) eingebettet.
+
+Darunter befindet sich die Navigationsleiste mit dem Hauptmenü, dem Titel des Hub, ggf. angepinnten Apps und dem App-Menü.
+
+Interessant wird es dann aber im Bereich unter der Navigationsleiste. Hier sind bei den verschiedenen Apps die größten Unterschiede festzustellen. Bei der Kanal-Seite findet sich in der linken Seitenleiste (im unveränderten Standard-Zustand) zuoberst eine Karte mit den Kanalinformationen (Banner, Profilbild, Kurzbeschreibung, Profilinfos).
+
+In der Mitte, im Inhaltsbereich, werden die von diesem Kanal erstellten Inhalte angezeigt.
+
+Unter der Profilinfo-Karte befindet sich in der linken Seitenleiste eine Karte mit einem Teil der Verbindungen (beim Aufruf fremder Kanäle werden hier die gemeinsamen Kontakte angezeigt).
+
+Darunter wiederum befindet sich eine Karte mit den Archiven der Inhalte (oberste Ebene sind die Jahre, eine Gliederungsebene darunter die Monate). Wählt man ein Archiv aus, so werden im Inhaltsbereich nur die Inhalte angezeigt, die im gewählten Archivzeitraum veröffentlicht wurden.
+
+Unter der Archivkarte befindet sich dann die Karte der Kategorien. Hier werden sämtliche Kategorien, unter welchen Inhalte veröffentlicht wurden, aufgeführt. Ein Klick auf eine solche Kategorie führt dazu, dass im Inhaltsbereich sämtliche Inhalte angezeigt werden, die von dem Kanal unter der entsprechenden Kategorie veröffentlicht wurden.
+
+Unter der Archiv-Karte befindet sich die Karte mit der Schlagwörter-Wolke, welche die genutzten Hashtags anzeigt und mit denen man den Inhalt des Inhaltsbereichs (Artikel des Kanals) filtern kann.
+
+In der rechten Seitenleiste werden, sofern ungesehene Benachrichtigungen vorhanden sind, diese in einer weiteren Karte gezeigt.
+
+So ist der "Normalzustand".
+
+##### Module mit dem PDL-Editor bearbeiten
+
+Die verschiedenen Seiten, die man über Apps erreichen kann, werden auch als "Module" bezeichnet.
+
+Das Aussehen dieser Seiten kann man nun als Nutzer in großen Teilen anpassen und gestalten. Intern wird der Aufbau einer solchen Seite durch eine PDL-Datei bestimmt. Diese Dateien sind Layout-Dateien, welche die Comanche Seitenbeschreibungssprache nutzen.
+
+Damit sich der Nutzer nicht mit einer solchen Sprache auseinandersetzen muss, gibt es die App "PDL Editor", mit welchem man den Seitenaufbau mit einem GUI verändern / erstellen kann.
+
+Die App muss man zunächst installieren und aktivieren. Dann kann man sie aus dem App-Menü heraus aufrufen.
+
+Ruft man den PDL-Editor auf, so wird als Standard die Seitenstruktur des HQ angezeigt.
+
+Zentral am unteren Bildschirmrand findet man das Hauptmenü des PDL-Editors. Hier gibt es die Einträge
+
+"MODULES", "TEMPLATES", "ITEMS", "SOURCE" und "APPLY".
+
+Aus dem Menü "MODULES" kann man das zu bearbeitende Modul (das entspricht der zu bearbeitenden Seite) auswählen.
+
+Angenommen, Sie möchten die Kanal-Seite (wie sie einem selbst, aber auch Besuchern angezeigt wird) anpassen, so wählt man hier das Modul "channel" aus.
+
+![PDL 02](/help/de/tutorials/pic/pdle02.png)
+
+Die PDL-Datei für die Kanalseite wird geladen und man sieht die entsprechenden, gerade beschriebenen Bestandteile ("ITEMS") dieser Seite.
+
+![PDL 03](/help/de/tutorials/pic/pdle03.png)
+
+Angenommen, Sie möchten nun unsere Kanalseite mit einer Anzeige der Uhrzeit in der rechten Seitenleiste "verfeinern", so wählt man unter "ITEMS" das Item "CLOCK" aus, "ergreift" es mit dem Mauszeiger am Kreuzpfeil-Symbol und zieht es nach rechts in die Seitenleiste.
+
+![PDL 04](/help/de/tutorials/pic/pdle04.png)
+
+![PDL 05](/help/de/tutorials/pic/pdle05.png)
+
+Damit die Änderungen auch übernommen werden, klickt man anschließend auf "APPLY" im Hauptmenü.
+
+![PDL 06](/help/de/tutorials/pic/pdle06.png)
+
+Ruft man nun die Kanalseite auf, so erscheint eine Karte mit der aktuellen Uhrzeit in der rechten Seitenleiste.
+
+![PDL 07](/help/de/tutorials/pic/pdle07.png)
+
+Auf diese Weise kann man alle Seiten, die man unter "MODULES" findet, nach dem eigenen Geschmack anpassen.
+
+Hat man seine Seite angepasst und sie ist irgendwie "so völlig zerhackstückt": Kein Grund zur Panik! Im Hauptmenü findet man bei geänderten Layoutseiten den zusätzlichen Eintrag "RESET". Ein Klick darauf setzt das Seitenlayout auf den Hubzilla-Standard zurück.
+
+Hier werden jetzt aber nicht sämtliche Items vorgestellt... jeder darf ein wenig experimentieren. Die meisten haben einen erklärenden Titel.
+
+Klickt man im PDL-Hauptmenü auf "SOURCE", so wird einem der Quelltext des aktuellen Layouts angezeigt. Ein Blick hier hinein hilft, mit PDL vertraut zu werden. Außerdem sind hier auch Änderungen direkt im Quelltext möglich... falls irgendwas nicht über die "ITEMS" erreichbar ist. Hierfür sollte man sich aber mit der Seitenauszeichnungssprache, den Blöcken und Modulen vorher vertraut machen.
+
+![PDL 08](/help/de/tutorials/pic/pdle08.png)
+
+##### PDL-Editor für Fortgeschrittene
+
+Angenommen, man hat ein paar Artikel erstellt und möchte einige davon über ein Menü in der rechten Seitenleiste der Kanalseite zugänglich machen.
+
+Das ist durchaus machbar.
+
+Doch dafür benötigt man zunächst einmal ein Menü. Um Menüs zu erstellen, muss man allerdings die App "Webseiten" installieren und aktivieren, denn das Erstellen von Menüs ist Teil der Webseiten-Funktionalität. Also selbst wenn man keine Webseiten in seinem Kanal erstellen möchte, braucht man zum Erstellen von Menüs die App "Webseiten". Wobei... so ganz stimmt das nicht. Man kann den Menüeditor auch anders erreichen, als über die App "Webseiten". Dafür gibt man `<url-des-hub>/menu/<kanalname>` ein. Nun landet man auch in der Menü-"App". Einfacher ist es allerdings mit der Webseiten-App.
+
+![PDL 09](/help/de/tutorials/pic/pdle09.png)
+
+Ein Klick auf "Erstelle" öffnet den Menü-Editor.
+
+![PDL 10](/help/de/tutorials/pic/pdle10.png)
+
+Hier muss man nun einen passenden Namen (über den man das Menü später ansprechen kann) und (optional) einen Titel für das Menü eingeben (dieser ist später auf der Webseite zu sehen).
+
+Danach klickt man auf "Absenden und fortfahren".
+
+Nun landet man im Link-Editor des gerade erstellten Menüs. Hier gibt man den Titel des Menüeintrags und die dazugehörige URL ein. Man kann auch die Reihenfolge der Sortierung der Menüeinträge über das Feld "Reihenfolge in der Liste" festlegen. Hat man die Eingabe erledigt und klickt auf "Absenden und fortfahren", kann man anschließend einen weiteren Menüeintrag eingeben. Ein Klick auf "Absenden und fertigstellen", fügt den Eintrag hinzu und beendet den Menüeditor (man kann Menüs selbstverständlich auch im nachhinein noch bearbeiten).
+
+Jetzt erscheint das neue Menü in der Liste der Menüs.
+
+![PDL 11](/help/de/tutorials/pic/pdle11.png)
+
+Jetzt zurück zum PDL-Editor und dort das Kanal-Modul aufrufen.
+
+Nun gibt es wieder zwei Möglichkeiten. Entweder, man öffnet den Quelltexteditor "SOURCE" und gibt den Eintrag für die Menükarte an der passenden Stelle per Hand ein...
+
+Hier wählt man, wenn das Menü in der rechten Seitenleiste erscheinen soll, die Region "right_aside" und gibt dort als neue Zeile `[menu]artikelmenu[/menu]` ein.
+
+![PDL 12](/help/de/tutorials/pic/pdle12.png)
+
+Nun noch auf "Submit" klicken und schon erscheint die neue Karte im visuellen PDL-Editor.
+
+![PDL 13](/help/de/tutorials/pic/pdle13.png)
+
+Mit "APPLY" übernehmen... und dann ist das Menü auf der Kanal-Webseite.
+
+![PDL 14](/help/de/tutorials/pic/pdle14.png)
+
+Die zweite Methode (mit der man nicht die richtige Stelle im Quelltext suchen muss) ist es, im PDL-Editor einfach ein beliebiges Item an die Stelle zu ziehen, wo das Menü erscheinen soll. Dann klickt man auf den "Edit"-Button bei diesem Item, ändert den vorhandenen Eintrag auf `[menu]artikelmenu[/menu]` und klickt auf "Submit". Dann noch ein "APPLY" und man hat das selbe Ergebnis.
+
+![PDL 15](/help/de/tutorials/pic/pdle15.png)
+
+Viel Spaß beim Experimentieren!
diff --git a/doc/de/tutorials/pic/02.png b/doc/de/tutorials/pic/02.png
new file mode 100644
index 000000000..38cf70c49
--- /dev/null
+++ b/doc/de/tutorials/pic/02.png
Binary files differ
diff --git a/doc/de/tutorials/pic/03.png b/doc/de/tutorials/pic/03.png
new file mode 100644
index 000000000..3164d0d17
--- /dev/null
+++ b/doc/de/tutorials/pic/03.png
Binary files differ
diff --git a/doc/de/tutorials/pic/04.png b/doc/de/tutorials/pic/04.png
new file mode 100644
index 000000000..1229c0a2e
--- /dev/null
+++ b/doc/de/tutorials/pic/04.png
Binary files differ
diff --git a/doc/de/tutorials/pic/05.png b/doc/de/tutorials/pic/05.png
new file mode 100644
index 000000000..434a4abbd
--- /dev/null
+++ b/doc/de/tutorials/pic/05.png
Binary files differ
diff --git a/doc/de/tutorials/pic/06.png b/doc/de/tutorials/pic/06.png
new file mode 100644
index 000000000..544b08694
--- /dev/null
+++ b/doc/de/tutorials/pic/06.png
Binary files differ
diff --git a/doc/de/tutorials/pic/07.png b/doc/de/tutorials/pic/07.png
new file mode 100644
index 000000000..25e7063fb
--- /dev/null
+++ b/doc/de/tutorials/pic/07.png
Binary files differ
diff --git a/doc/de/tutorials/pic/08.png b/doc/de/tutorials/pic/08.png
new file mode 100644
index 000000000..164aad0a0
--- /dev/null
+++ b/doc/de/tutorials/pic/08.png
Binary files differ
diff --git a/doc/de/tutorials/pic/09.png b/doc/de/tutorials/pic/09.png
new file mode 100644
index 000000000..767d45244
--- /dev/null
+++ b/doc/de/tutorials/pic/09.png
Binary files differ
diff --git a/doc/de/tutorials/pic/10.png b/doc/de/tutorials/pic/10.png
new file mode 100644
index 000000000..280d5d22c
--- /dev/null
+++ b/doc/de/tutorials/pic/10.png
Binary files differ
diff --git a/doc/de/tutorials/pic/11.png b/doc/de/tutorials/pic/11.png
new file mode 100644
index 000000000..c738c1a80
--- /dev/null
+++ b/doc/de/tutorials/pic/11.png
Binary files differ
diff --git a/doc/de/tutorials/pic/12.png b/doc/de/tutorials/pic/12.png
new file mode 100644
index 000000000..486e3e81a
--- /dev/null
+++ b/doc/de/tutorials/pic/12.png
Binary files differ
diff --git a/doc/de/tutorials/pic/13.png b/doc/de/tutorials/pic/13.png
new file mode 100644
index 000000000..47aa44c0e
--- /dev/null
+++ b/doc/de/tutorials/pic/13.png
Binary files differ
diff --git a/doc/de/tutorials/pic/14.png b/doc/de/tutorials/pic/14.png
new file mode 100644
index 000000000..fcc6684cc
--- /dev/null
+++ b/doc/de/tutorials/pic/14.png
Binary files differ
diff --git a/doc/de/tutorials/pic/15.png b/doc/de/tutorials/pic/15.png
new file mode 100644
index 000000000..69fa838ed
--- /dev/null
+++ b/doc/de/tutorials/pic/15.png
Binary files differ
diff --git a/doc/de/tutorials/pic/16.png b/doc/de/tutorials/pic/16.png
new file mode 100644
index 000000000..b7f0bd1ec
--- /dev/null
+++ b/doc/de/tutorials/pic/16.png
Binary files differ
diff --git a/doc/de/tutorials/pic/17.png b/doc/de/tutorials/pic/17.png
new file mode 100644
index 000000000..9501e6ab9
--- /dev/null
+++ b/doc/de/tutorials/pic/17.png
Binary files differ
diff --git a/doc/de/tutorials/pic/18.png b/doc/de/tutorials/pic/18.png
new file mode 100644
index 000000000..deb18f7de
--- /dev/null
+++ b/doc/de/tutorials/pic/18.png
Binary files differ
diff --git a/doc/de/tutorials/pic/19.png b/doc/de/tutorials/pic/19.png
new file mode 100644
index 000000000..833304712
--- /dev/null
+++ b/doc/de/tutorials/pic/19.png
Binary files differ
diff --git a/doc/de/tutorials/pic/20.png b/doc/de/tutorials/pic/20.png
new file mode 100644
index 000000000..5ca43f3cd
--- /dev/null
+++ b/doc/de/tutorials/pic/20.png
Binary files differ
diff --git a/doc/de/tutorials/pic/fedidb.png b/doc/de/tutorials/pic/fedidb.png
new file mode 100644
index 000000000..988658aff
--- /dev/null
+++ b/doc/de/tutorials/pic/fedidb.png
Binary files differ
diff --git a/doc/de/tutorials/pic/fedieverse-observer.png b/doc/de/tutorials/pic/fedieverse-observer.png
new file mode 100644
index 000000000..a80cbded9
--- /dev/null
+++ b/doc/de/tutorials/pic/fedieverse-observer.png
Binary files differ
diff --git a/doc/de/tutorials/pic/hzreg01.png b/doc/de/tutorials/pic/hzreg01.png
new file mode 100644
index 000000000..e11879307
--- /dev/null
+++ b/doc/de/tutorials/pic/hzreg01.png
Binary files differ
diff --git a/doc/de/tutorials/pic/hzreg01a.png b/doc/de/tutorials/pic/hzreg01a.png
new file mode 100644
index 000000000..714f3d9b4
--- /dev/null
+++ b/doc/de/tutorials/pic/hzreg01a.png
Binary files differ
diff --git a/doc/de/tutorials/pic/hzreg02.png b/doc/de/tutorials/pic/hzreg02.png
new file mode 100644
index 000000000..8a493147e
--- /dev/null
+++ b/doc/de/tutorials/pic/hzreg02.png
Binary files differ
diff --git a/doc/de/tutorials/pic/hzreg03.png b/doc/de/tutorials/pic/hzreg03.png
new file mode 100644
index 000000000..bbe4c4451
--- /dev/null
+++ b/doc/de/tutorials/pic/hzreg03.png
Binary files differ
diff --git a/doc/de/tutorials/pic/hzreg04.png b/doc/de/tutorials/pic/hzreg04.png
new file mode 100644
index 000000000..bdc00f637
--- /dev/null
+++ b/doc/de/tutorials/pic/hzreg04.png
Binary files differ
diff --git a/doc/de/tutorials/pic/nomadapp.png b/doc/de/tutorials/pic/nomadapp.png
new file mode 100644
index 000000000..f62e3d96d
--- /dev/null
+++ b/doc/de/tutorials/pic/nomadapp.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle01.png b/doc/de/tutorials/pic/pdle01.png
new file mode 100644
index 000000000..3bb604397
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle01.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle02.png b/doc/de/tutorials/pic/pdle02.png
new file mode 100644
index 000000000..9efdf5bc8
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle02.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle03.png b/doc/de/tutorials/pic/pdle03.png
new file mode 100644
index 000000000..e82d0c859
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle03.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle04.png b/doc/de/tutorials/pic/pdle04.png
new file mode 100644
index 000000000..b5b409d69
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle04.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle05.png b/doc/de/tutorials/pic/pdle05.png
new file mode 100644
index 000000000..c78680649
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle05.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle06.png b/doc/de/tutorials/pic/pdle06.png
new file mode 100644
index 000000000..aa51dd345
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle06.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle07.png b/doc/de/tutorials/pic/pdle07.png
new file mode 100644
index 000000000..1a314ce73
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle07.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle08.png b/doc/de/tutorials/pic/pdle08.png
new file mode 100644
index 000000000..c5b62842f
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle08.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle09.png b/doc/de/tutorials/pic/pdle09.png
new file mode 100644
index 000000000..5a328cbbe
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle09.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle10.png b/doc/de/tutorials/pic/pdle10.png
new file mode 100644
index 000000000..812f28230
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle10.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle11.png b/doc/de/tutorials/pic/pdle11.png
new file mode 100644
index 000000000..21cbdf6c4
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle11.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle12.png b/doc/de/tutorials/pic/pdle12.png
new file mode 100644
index 000000000..308222766
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle12.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle13.png b/doc/de/tutorials/pic/pdle13.png
new file mode 100644
index 000000000..b857ae8d7
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle13.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle14.png b/doc/de/tutorials/pic/pdle14.png
new file mode 100644
index 000000000..0d479dea8
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle14.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pdle15.png b/doc/de/tutorials/pic/pdle15.png
new file mode 100644
index 000000000..e075df077
--- /dev/null
+++ b/doc/de/tutorials/pic/pdle15.png
Binary files differ
diff --git a/doc/de/tutorials/pic/pubsites.png b/doc/de/tutorials/pic/pubsites.png
new file mode 100644
index 000000000..6fe2e1e71
--- /dev/null
+++ b/doc/de/tutorials/pic/pubsites.png
Binary files differ
diff --git a/doc/de/tutorials/pic/rega.png b/doc/de/tutorials/pic/rega.png
new file mode 100644
index 000000000..9212a4f4b
--- /dev/null
+++ b/doc/de/tutorials/pic/rega.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt01.png b/doc/de/tutorials/pic/tut_opt01.png
new file mode 100644
index 000000000..a9ff138f2
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt01.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt02.png b/doc/de/tutorials/pic/tut_opt02.png
new file mode 100644
index 000000000..63ac59f82
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt02.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt03.png b/doc/de/tutorials/pic/tut_opt03.png
new file mode 100644
index 000000000..6b4cf07ee
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt03.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt04.png b/doc/de/tutorials/pic/tut_opt04.png
new file mode 100644
index 000000000..6d7a74e73
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt04.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt05.png b/doc/de/tutorials/pic/tut_opt05.png
new file mode 100644
index 000000000..391325332
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt05.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt05a.png b/doc/de/tutorials/pic/tut_opt05a.png
new file mode 100644
index 000000000..9b5f2771a
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt05a.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt06.png b/doc/de/tutorials/pic/tut_opt06.png
new file mode 100644
index 000000000..ab458fea0
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt06.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt07.png b/doc/de/tutorials/pic/tut_opt07.png
new file mode 100644
index 000000000..bb50b8abd
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt07.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt08.png b/doc/de/tutorials/pic/tut_opt08.png
new file mode 100644
index 000000000..3f6af6793
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt08.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt09.png b/doc/de/tutorials/pic/tut_opt09.png
new file mode 100644
index 000000000..2f99755ee
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt09.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt10.png b/doc/de/tutorials/pic/tut_opt10.png
new file mode 100644
index 000000000..959daa2fa
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt10.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt11.png b/doc/de/tutorials/pic/tut_opt11.png
new file mode 100644
index 000000000..367a48ab3
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt11.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt12.png b/doc/de/tutorials/pic/tut_opt12.png
new file mode 100644
index 000000000..42e52a6c0
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt12.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt13.png b/doc/de/tutorials/pic/tut_opt13.png
new file mode 100644
index 000000000..4bf7b012c
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt13.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt14.png b/doc/de/tutorials/pic/tut_opt14.png
new file mode 100644
index 000000000..a2b8e1e72
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt14.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt15.png b/doc/de/tutorials/pic/tut_opt15.png
new file mode 100644
index 000000000..690203699
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt15.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt16.png b/doc/de/tutorials/pic/tut_opt16.png
new file mode 100644
index 000000000..6c749c425
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt16.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt17.png b/doc/de/tutorials/pic/tut_opt17.png
new file mode 100644
index 000000000..a6794ac2d
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt17.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt18.png b/doc/de/tutorials/pic/tut_opt18.png
new file mode 100644
index 000000000..36b1c2401
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt18.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt19.png b/doc/de/tutorials/pic/tut_opt19.png
new file mode 100644
index 000000000..f232da9bb
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt19.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt20.png b/doc/de/tutorials/pic/tut_opt20.png
new file mode 100644
index 000000000..04565f65c
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt20.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt21.png b/doc/de/tutorials/pic/tut_opt21.png
new file mode 100644
index 000000000..76430b695
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt21.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt22.png b/doc/de/tutorials/pic/tut_opt22.png
new file mode 100644
index 000000000..8e26bacf9
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt22.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt23.png b/doc/de/tutorials/pic/tut_opt23.png
new file mode 100644
index 000000000..389ba7df0
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt23.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt24.png b/doc/de/tutorials/pic/tut_opt24.png
new file mode 100644
index 000000000..7a7ad0e30
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt24.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt25.png b/doc/de/tutorials/pic/tut_opt25.png
new file mode 100644
index 000000000..c8639a679
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt25.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt26.png b/doc/de/tutorials/pic/tut_opt26.png
new file mode 100644
index 000000000..20e64f61a
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt26.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt27.png b/doc/de/tutorials/pic/tut_opt27.png
new file mode 100644
index 000000000..3e161e20c
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt27.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt28.png b/doc/de/tutorials/pic/tut_opt28.png
new file mode 100644
index 000000000..2f76472c2
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt28.png
Binary files differ
diff --git a/doc/de/tutorials/pic/tut_opt29.png b/doc/de/tutorials/pic/tut_opt29.png
new file mode 100644
index 000000000..037cfdfa6
--- /dev/null
+++ b/doc/de/tutorials/pic/tut_opt29.png
Binary files differ
diff --git a/doc/de/tutorials/step_with_hubzilla.md b/doc/de/tutorials/step_with_hubzilla.md
new file mode 100644
index 000000000..b297082cb
--- /dev/null
+++ b/doc/de/tutorials/step_with_hubzilla.md
@@ -0,0 +1,160 @@
+## Mit Hubzilla Schritt für Schritt ins Fediverse
+
+### Der Einstieg
+
+Wie bei jedem anderen Fediverse-Dienst steht am Anfang die Wahl des Servers (Hub). Das ist im Fediverse so und essenzieller Teil der dortigen Freiheit.
+
+Um Hubs zu finden können Sie die üblichen Wege beschreiben: dieNutzung entsprechende Datenbanken oder Listen.
+
+Z.B.
+
+[FediDB](https://fedidb.org/software/hubzilla)
+
+![FediDB](/help/de/tutorials/pic/fedidb.png)
+
+[Fediverse Observer](https://hubzilla.fediverse.observer/list)
+
+![Fedieverse Observer](/help/de/tutorials/pic/fedieverse-observer.png)
+
+[Liste öffentlicher Hubs bei einem Hubzilla-Server](https://zotsite.net/pubsites)
+
+![Pubsites](/help/de/tutorials/pic/pubsites.png)
+
+Haben Sie sich für einen Hub entschieden, dann rufen Sie die URL auf. Damit gelangen Sie auf eine Standard-Seite. Diese kann von Hub zu Hub etwas variieren, aber in der Regel finden Sie am oberen Rand des Bildschirms zwei Menüeinträge: „Anmelden“ und „Registrieren“.
+
+![Registrierung 1](/help/de/tutorials/pic/hzreg01a.png)
+
+![Registrierung 2](/help/de/tutorials/pic/hzreg01.png)
+
+Ein Klick auf den Link führt zu einem Registrierungsformular. Hier gibt es mehrere mögliche Szenarien. Manche Hubs sind so eingestellt, dass man schon bei der Registrierung gleich einen Kanal mit erstellt (man kann – noch so eine Besonderheit von Hubzilla – mit einem Account mehrere Kanäle betreiben). Bei anderen Hubs legt man mit dem Formular zunächst nur einen Account an. Wenn man diesen erstellt hat und sich erstmalig einloggt, dann wird man auf das Formular zur Kanalerstellung geleitet.
+
+![Registrierung 3](/help/de/tutorials/pic/hzreg02.png)
+
+![Registrierung 4](/help/de/tutorials/pic/rega.png)
+
+Um einen Account anzulegen, brauchen Sie eine (funktionierende) E-Mail-Adresse und Sie müssen sich ein Passwort ausdenken. Außerdem müssen Sie noch Ihr Alter bestätigen und können dann die eingegebenen Informationen abschicken.
+
+Nun landen Sie (meist, es soll auch Hubs geben, die diesen Schritt aussparen… halte ich für riskant) bei einer Eingabemaske, bei welcher man einen Verifizierungscode eingeben muss. Den bekommen Sie nach dem Absenden des Registrierungs-Formulars per E-Mail zugeschickt.
+
+![Registrierung 5](/help/de/tutorials/pic/hzreg03.png)
+
+Mussten Sie bei der Registrierung noch keinen Kanal anlegen, so werden Sie zu diesem Zeitpunkt zur Seite „Erstelle einen Kanal“ weitergeleitet. Hier müssen Sie sich nun einen Namen für die eigene Identität ausdenken. Und zusätzlich eine Kurzbezeichnung („Spitzname“) für den Kanal (ein Vorschlag wird automatisch aus dem Kanalnamen erzeugt). Diese Kurzbezeichnung wird der wesentliche Bestandteil des Fediverse-Handles (also der eigenen „Fediverse-Adresse“).
+
+![Registrierung 6](/help/de/tutorials/pic/hzreg04.png)
+
+| **Hinweis zum Handle bei Hubzilla:** |
+| ------------------------------------------------------------ |
+| Hubzilla macht beim Handle im Vergleich zu anderen Fediverse-Diensten eine Ausnahme. Während beinahe überall vor das Handle ein „@“ gesetzt wird, entfällt dies bei Hubzilla. Das verinnerlicht man aber schnell. Sucht man mit Hubzilla z.B. einen Nutzer, der ein Mastodon-Konto hat, über dessen Handle, dann lässt man das führende „@“ einfach weg. Will man hingegen von einem anderen Fediverse-Dienst aus einem Hubzilla-Nutzer folgen oder diesen suchen, stellt man dem Hubzilla-Handle einfach ein „@“ voran. |
+
+Nach dem Anlegen das Kanals sind Sie dann auch endlich „drin“. Als Standard landet man bei Hubzilla im „Headquarter“ („HQ“), einer Übersichtsseite über den eigenen Kanal.
+
+![HQ](/help/de/tutorials/pic/10.png)
+
+Und es ist, wie immer beim Einstieg im Fediverse, ziemlich leer dort. In der linken Seitenleiste finden Sie Tabs mit verschiedenen Informationen:
+
+- Öffentliche (oder eingeschränkte) Nachrichten:
+ Das ist eine kompakte Ansicht der persönlichen Timeline (bei Hubzilla „Stream“ genannt)
+- Direktnachrichten:
+ Postings, die nur unter ausgewählten Teilnehmern ausgetauscht werden.
+- Favorisierte Postings:
+ Man kann ein Posting mit einem „Sternchen“ versehen, um sie zu markieren. Solchermaßen markierte Beiträge landen hier.
+- Benachrichtigungen
+
+In der Mitte wird der persönliche Stream (Timeline) angezeigt. In der rechten Seitenleiste werden wichtige Informationen (Mitteilung über neue Kontakte, neue Beiträge etc.) angezeigt. Bei einem neu erzeugten Kanal erscheint hier auch eine Auflistung für die ersten Schritte bei Hubzilla und Links, die zu den entsprechenden Funktionen führen.
+
+Benötigt man diese Einsteiger-Hilfe nicht mehr, lässt sie sich unter Einstellungen → Anzeige-Einstellungen → Inhaltseinstellungen per Schalter abschalten.
+
+![erste Schritte 1](/help/de/tutorials/pic/11.png)
+
+![erste Schritte 2](/help/de/tutorials/pic/12.png)
+
+![erste Schritte 3](/help/de/tutorials/pic/13.png)
+
+![erste Schritte 4](/help/de/tutorials/pic/14.png)
+
+Zunächst sollten Sie Ihr Profil sinnvoll befüllen… wie bei jedem Fediverse-Dienst. Keine schwarze Magie!
+
+Am oberen Bildschirmrand befindet sich die Navigationsleiste. Links ist das Menü zur Kanalauswahl, für das eigene Profil und für die Einstellungen zu sehen. Rechts befinden sich Icons für einige Funktionen und das sogenannte „App-Menü“ (⋮), über welches man zu den installierten Apps gelangt. Als Standard werden dort die wichtigsten Anwendungen bereits zur Verfügung gestellt:
+
+- Dateien:
+ Zugang zur eigenen Cloud
+- Fotos:
+ Zugang zum eigenen Fotoalbum
+- Hilfe
+- Kalender
+- Kanal:
+ Die Seite des eigenen Kanals mit den Kanalinformationen. Hier werden im Stream nur die eigenen Beiträge angezeigt.
+- Stream:
+ Es wird zur föderierten Streamansicht gewechselt.
+- Verbindungen:
+ Hier werden die vorhandenen Verbindungen aufgeführt („Follower“ und „Gefolgte“). Außerdem kann man im Verbindungsverzeichnis neue Verbindungen hinzufügen.
+- Verzeichnis:
+ Das Benutzerverzeichnis wird angezeigt. Beachte: Man kann das globale Verzeichnis anschauen oder auch nur ein Verzeichnis mit den Nutzern der eigenen Instanz. Auch hier kann man neue Verbindungen herstellen.
+
+**Ich empfehle dringend, noch einige weitere Apps zu installieren und zu aktivieren: ActivityPub, Superblock und Öffentlicher Beitragsstream.**
+
+**Die App ActivityPub ist essenziell, wenn man am Fediverse teilnehmen möchte.** Diese App ist ein **MUSS** und erfordert lediglich die Installation und Aktivierung. Weitere Einstellungen sind nicht erforderlich.
+
+Superblock ist ebenfalls sehr wichtig, denn damit ist es möglich, Postings von (auch nicht gefolgten) Nutzern aus dem Stream auszuschließen.
+
+Bei vielen (leider, aber auch verständlicher Weise, nicht bei allen) Hubs steht außerdem die App „Öffentlicher Beitragsstream“ zur Verfügung. Diese stellt die öffentliche Zeitleiste aller Fediverse-Instanzen, die mit dem eigenen Hub föderieren, zur Verfügung. Ein guter Ort, sich zu orientieren und neue Kontakte zu finden.
+
+Apps zu installieren und zu aktivieren ist kein Problem. Man wählt im App-Menü den letzten Eintrag „+ Apps“ um zur App-Verwaltung zu gelangen.
+
+![Apps installieren 1](/help/de/tutorials/pic/02.png)
+
+Hier können Sie sich die installierten Apps (also die voreingestellten Apps) und die generell verfügbaren Apps (alle, auch die nicht installierten) anzeigen lassen.
+
+![Apps installieren 2](/help/de/tutorials/pic/03.png)
+
+ActivityPub, Superblock und Öffentlicher Beitragsstream befinden sich noch ausschließlich unter „Verfügbare Apps“. Ein Klick auf „Installieren“ installiert diese und sie stehen dann auch bei „Installierte Apps“ zur Verfügung.
+
+![Apps installieren 3](/help/de/tutorials/pic/04.png)
+
+![Apps installieren 4](/help/de/tutorials/pic/05.png)
+
+Die neu installierten Apps müssen noch „aktiviert“, also auch durch das Menü nutzbar gemacht werden. Man findet in der Box der App ein „Sternchen-Symbol“. Klickt man darauf, färbt sich der Stern gelb und die App ist aktiv und erscheint nun auch im App-Menü.
+
+![Apps installieren 5](/help/de/tutorials/pic/06.png)
+
+![Apps installieren 6](/help/de/tutorials/pic/07.png)
+
+Es gibt auch noch ein Pinnadel-Symbol. Klicken Sie dies an, so erscheint die App dauerhaft auch in der Navigationsleiste oben rechts.![Apps installieren 7](/help/de/tutorials/pic/08.png)
+
+![Apps installieren 8](/help/de/tutorials/pic/09.png)
+
+Es ist außerdem empfehlenswert, bei dieser Gelegenheit die Apps“Kanal“ und „Stream“ an die Navigationsleiste anzupinnen, weil diese oft benötigt werden.
+
+### Wichtig noch, wie man Kontakte hinzufügt…
+
+Haben Sie z.B. im öffentlichen Stream einen interessanten Nutzer gefunden, können Sie einfach auf das Profilbild des Nutzers klicken und im aufklappenden Menü „Verbinden“ auswählen. Sie können aber auch auf das Handle des Nutzer klicken worauf Sie auf eine Seite mit einem Button „Verbinden“ geleitet werden..
+
+Kennt man das Handle eines Fediverse-Nutzers, dann kann man auch einfach auf die App „Verbindungen“ klicken. Es öffnet sich das Verbindungs-Verzeichnis. Ganz oben befindet sich ein Button „+ Add“. Klicken Sie auf diesen, öffnet sich ein Eingabefeld, in welches Sie das Handle eingeben können (dran denken: ohne führendes „@“). Ein Klick auf das daneben befindliche „+“ und der Kontakt wird hinzugefügt.
+
+![Verbindungen 01](/help/de/tutorials/pic/15.png)
+
+![Verbindungen 02](/help/de/tutorials/pic/16.png)
+
+![Verbindungen 03](/help/de/tutorials/pic/17.png)
+
+![Verbindungen 04](/help/de/tutorials/pic/18.png)
+
+Schließlich können Sie auch das Verzeichnis aufrufen (am besten „nur dieser Hub“ in der linken Seitenleiste deaktivieren, um das globale Verzeichnis zu nutzen). Hier können Sie einfach durchscrollen oder auch gezielt nach Namen oder Interessen suchen, oder auch nach Tags (Schnellzugriff auch über eine Schlagwörterwolke in der linken Seitenleiste). Das Verbinden erfolgt hier durch Klick auf den Button „Verbinden“.
+
+![Verbindungen 05](/help/de/tutorials/pic/20.png)
+
+![Verbindungen 06](/help/de/tutorials/pic/19.png)
+
+Haben Sie Kontakte, die Apps installiert und Ihr Profil vervollständigt, können Sie Hubzilla nun ganz einfach wie jeden anderen Fediversedienst nutzen.
+
+### Gibt es eine App?
+
+Jein…
+
+Grundsätzlich benötigt man keine. Man kann auf dem mobilen Endgerät einfach im Webbrowser den Hub aufrufen. Das responsive Design erlaubt eine ordentliche Bedienung.
+
+Allerdings gibt es für Android eine ältere App, die aber auch heute noch sehr gut funktioniert. Man findet sie z.B. bei [F-Droid](https://f-droid.org/de/) unter dem Namen [Nomad](https://f-droid.org/de/packages/com.dfa.hubzilla_android/). Ich verwende sie noch immer, wenn ich mal (was selten ist) auf dem Smartphone mit Hubzilla arbeiten möchte.
+
+![Nomad App](/help/de/tutorials/pic/nomadapp.png)
+
+Als Alternative ist es empfehlenswert, wenn man mobil unterwegs ist, Hubzilla als PWA auf dem Gerät zu installieren: [Eine Hubzilla-App](https://info.hubzilla.hu/de/Hubzilla-App.html)
diff --git a/doc/de/tutorials/tutorials.md b/doc/de/tutorials/tutorials.md
new file mode 100644
index 000000000..006a24bed
--- /dev/null
+++ b/doc/de/tutorials/tutorials.md
@@ -0,0 +1,7 @@
+## Tutorials
+
+#### [Mit Hubzilla Schritt für Schritt ins Fediverse](./step_with_hubzilla.md)
+
+#### [Hubzilla optisch anpassen](./customise_look.md)
+
+#### [Ein abgeleitetes Thema erstellen](./DerivedTheme1.md) \ No newline at end of file