Yellow
- 1. Einleitung
- 2. Änderungsverlauf
- 3. RSS-Feed
- 4. Ankerlinks
- 5. Inhaltsverzeichnis
- 6. Zurück zum Anfang
- 7. Fußzeile
- 8. Spoiler
- 9. Seitenentwürfe
- 10. Umlaute in URLs
- 11. Nächster/Vorheriger Beitrag
- 12. Tag-Position
- 13. Tag-Anzeige
- 14. Datumsformat
- 15. Externe Links
Einleitung
Auf dieser Seite findest du alle Anpassungen, die ich im Laufe der Zeit an dieser Datenstrom Yellow-Instanz vorgenommen habe. Das Ganze chronologisch sortiert von alt nach neu.
Änderungsverlauf
| Datum | Änderungen |
|---|---|
| Installation & Ersteinrichtung durchgeführt | |
| RSS-Feed für Blogbereich eingerichtet | |
| „ | Ankerlinks neben Überschriften eingerichtet |
| „ | Inhaltsverzeichnis eingerichtet |
| Dieser Seite einen eigenen Menüeintrag spendiert | |
| „ | „Zurück zum Anfang“-Button eingerichtet |
| „ | Globale Fußzeile eingerichtet |
| „ | Inhalt der Über-Seite zur Startseite übertragen, Über gelöscht, Startseite erweitert |
| „ | Spoiler eingerichtet |
| URL-Format für Blogbeiträge geändert | |
| „ | Anzahl Beiträge in Blogübersicht erhöht |
| Seitenentwürfe eingerichtet | |
| Umlaute in URLs entfernt | |
| Nächster/Vorheriger Beitrag eingerichtet | |
| „ | Tag-Position geändert |
| „ | Tag-Anzeige eingerichtet |
| „ | Datumsformat geändert |
| Markierung für Externe Links eingerichtet |
(„ = Unterführungszeichen)
RSS-Feed
Ein Blog ohne Feed ist kein Blog. Punkt.
- Erweiterung yellow-feed herunterladen und installieren
- In Datei
system/extensions/yellow-system.iniWert der EinstellungFeedRecentChangesvonautoinblogändern, da andere Website-Bereiche nicht im Feed erscheinen sollen
Ankerlinks
Ankerlinks helfen bei der Navigation auf dieser und anderen längeren Seiten.
- Erweiterung yellow-anchor herunterladen und installieren
Yes, that's it!
Inhaltsverzeichnis
Ein Inhaltsverzeichnis hilft bei der Navigation auf dieser und anderen längeren Seiten.
- Erweiterung yellow-toc herunterladen und installieren
- Optional:
In Dateisystem/layouts/default.htmlnach Zeile<h1>…</h1>neue Zeile<?php echo $this->yellow->page->getExtraHtml("toc") ?>einfügen
Mit dem Shortcut [toc] kann man die Platzierung des Inhaltsverzeichnisses auf einer Seite bestimmen.
Standardmäßig werden die Überschriftenebenen 1-5 in die TOC einbezogen. Dies kann man bei Bedarf in der Datei system/extensions/yellow-system.ini ändern.
Zurück zum Anfang
Der „Zurück zum Anfang“-Button hilft auf längeren Seiten mit einem einzigen Klick zum Seitenanfang zu gelangen.
- Erweiterung yellow-backtotop herunterladen und installieren
Fußzeile
Somit sind die Lizenzbedingungen für meine Website immer präsent. Und als Dankeschön für das großartige Datenstrom Yellow ein bisschen „Werbung“ dafür zu machen, erscheint mir mehr als angebracht.
- Datei
content/shared/footer.mdmit folgendem Inhalt erstellen:
---
Title: Footer
---
[CC BY 4.0](https://creativecommons.org/licenses/by/4.0/deed.de "Creative Commons Namensnennung 4.0 International-Lizenz"), sofern nicht anders angegeben
Erstellt mit [Datenstrom Yellow](https://datenstrom.se/de/yellow/ "Datenstrom Yellow")
Leerzeichen am Zeilenende beachten!
Spoiler
Um auf der Startseite einen Abschnitt erst nach Mausklick anzuzeigen.
- Erweiterung yellow-spoiler herunterladen und installieren
- In Datei
system/workers/spoiler.phpZeileif ($name=="spoiler" && $type=="notice") {ändern inif ($name=="spoiler" && $type=="general") {, um die Erweiterung kompatibel zur Markdown-Erweiterung 0.9.4 zu machen (siehe Updated parser, general block element · annaesvensson/yellow-markdown@1413189)
Punkt 2 ist seit Spoiler 0.9.2 überflüssig.
Seitenentwürfe
Um neue Blogseiten in Ruhe erstellen zu können. Im Gegensatz zu Status: unlisted ist die Seite für Besucher nicht aufrufbar.
- Erweiterung yellow-draft herunterladen und installieren
- In Seiteneditor in Button-Leiste auf Fähnchensymbol klicken, um
Status: draftin Seite einzufügen
Quelle: Wie man das System ändert → Seiten-Statuswerte - Datenstrom
Umlaute in URLs
Damit der RSS-Feed erfolgreich validiert wird, darf <link>…</link> keinen Umlaut oder Eszett enthalten.
- Quelltext von How to transliterate from UTF8 to ASCII? · datenstrom/community · Discussion #372 als Datei
system/workers/transliterate.phpspeichern - Vorhandene Beiträge mit Umlauten oder Eszett im Titel jeweils im Bearbeitungsmodus öffnen und unverändert abspeichern
Durch das Speichern wird TitleSlug basierend auf Titel, aber ohne Umlaute/Eszett, in Seitenkopf eingefügt und die Datei entsprechend umbenannt.
Nächster/Vorheriger Beitrag
Diese Funktion erhöht den Komfort für Leser und Autor.
- Erweiterung yellow-previousnext herunterladen und installieren
Unterhalb jedes Beitrags wird jeweils ein Link mit dem Titel des nächsten bzw. vorherigen Beitrags angezeigt.
Tag-Position
Ich habe die Tags gern oberhalb des Beitragstextes, nicht unterhalb.
- In Datei
system/layouts/blog.htmlfünf Zeilen ab zweiten Suchtreffer fürisExisting("tag")bis zum nächsten<?php endif ?>ausschneiden - Oberhalb von
class="entry-content"wieder einfügen
Tag-Anzeige
In der Blogübersicht sollen überhaupt Tags angezeigt werden. Natürlich oberhalb des Beitragstextes.
- Datei
system/layouts/blog-start.htmlzum Bearbeiten öffnen - Folgende Zeilen oberhalb von
class="entry-content"einfügen
<?php if ($page->isExisting("tag")): ?>
<div class="entry-tags">
<p><?php echo $this->yellow->language->getTextHtml("blogTag") ?> <?php $tagCounter = 0; foreach (preg_split("/\s*,\s*/", $page->get("tag")) as $tag) { if (++$tagCounter>1) echo ", "; echo "<a href=\"".$this->yellow->page->getLocation(true).$this->yellow->lookup->normaliseArguments("tag:$tag")."\">".htmlspecialchars($tag)."</a>"; } ?></p>
</div>
<?php endif ?>
Datumsformat
Die Anzeige 10.10.2025 ist mir zu „dröge“. Es soll stattdessen Freitag, 10. Oktober 2025 18:15+02:00 angezeigt werden.
Außerdem kann die Autorenangabe, da ich allein blogge.
- In Dateien
system/layouts/blog.htmlundsystem/layouts/blog-start.htmlden TeilgetDateHtml("published")ersetzen durchgetDateFormattedHtml("published", "l, j. F Y H:iP")und den anschließenden „Autor-Quatsch“ löschen
Quellen:
Externe Links
Um Besucher zu informieren, bei welchem Link sie meine Website verlassen würden.
- Erweiterung yellow-link herunterladen und installieren
- In Datei
system/workers/link.cssvor\2197\FE0Enoch\2009(= thin space) einfügen, da mir sonst das Pfeilende links unten zu sehr am Linktext „klebt“