Ferrylight ist das erfundene Reisejournal von Tilda Brennick über langsames Reisen an Europas Küsten mit Zug, Fähre, Rad und zu Fuß, mit einem kleinen Shop. Es läuft mit Leitvia Pro und WooCommerce 11.2.1 auf dem Theme Leitvia, mit eigenem Token-Set und eigens gezeichneten Illustrationen, eingerichtet mit dem Rezept Blog von Leitvia Studio.
Was die Demo zeigt
- Fünf Beiträge in vier Regionen: Reiseberichte, die mit dem Routen-Block von Leitvia Pro beginnen, mit Etappen per Zug, Bus, Fähre und Rad, einer Skizze der Route und jeder Etappe als Link zu ihrem Abschnitt
- Lange Ratgeber mit Steckbrief am Anfang, einem Inhaltsverzeichnis, das als Kapitel-Knopf mitläuft, und dem Tipp der Autorin als synchronisiertes Pattern mit eigenem Text an jeder Stelle
- Scroll-Galerien in Beiträgen und auf jeder Produktseite: Die Bilder ziehen vorbei, die Box mit den Fakten oder dem Kaufknopf bleibt stehen
- Ein Inhaltstyp für die 19 Orte des Journals, jeder in einem Eintrag gepflegt und auf einer Datenkarte gezeigt, die OpenStreetMap erst nach Einwilligung lädt, mit einer Liste, die auch ohne Karte funktioniert
- Ein Shop mit fünf Produkten, drei davon mit Varianten als Kacheln, mobiler Kaufleiste, Rezensionen und Upsells; die Kasse endet bei der Bestellbestätigung ohne echte Zahlung
- Eine Newsletter-Anmeldung, die die Adresse vom Server an die Liste schickt, nachdem die Einwilligung angehakt ist, und vorher keine Anfrage an einen fremden Host
Patterns und Blöcke
Shop-Kopf mit Suche, Konto und Mini-Warenkorb, geteilter Hero mit Illustration, das Journal als redaktionelles Raster, der Routen-Teaser von Leitvia Pro, eine Bildcollage der Autorin, die Nachtfähre als Bildpause, neue Produkte, ein Newsletter auf getönter Fläche, Icon-Kacheln für die Regionen, eine Zeitleiste der Reisen hinter dem Journal und das Beitragsende des Themes mit Autorenbox und verwandten Beiträgen.
Blöcke: Reiseroute, Scroll-Galerie, Datenkarte, Newsletter, Variantenkacheln und Kaufleiste von Leitvia Pro; Inhaltsverzeichnis, Zeitleiste und Icon von Leitvia Studio; Warenkorb, Kasse und Produktblöcke kommen von WooCommerce. Die Produktseite ist das Template-Pattern „Product with scroll gallery“, gesetzt über die Ability leitvia/update-template.
Die Demo ist aus dem Relaunch eines echten Reiseblogs mit Shop entstanden. Jede Lücke von dort ging als Pattern, Block oder Regel für KI-Agenten ins Produkt, damit jede Website sie nutzen kann; Namen, Texte und Bilder von dort enthält die Demo nicht.
Fakten
- Marke: Ferrylight (erfunden), mit Young Serif und Figtree auf warmem Sand, Treibholzbraun und Hafen-Petrol, dazu Koralle, Seeglas und Stroh für Karten
- Art der Website: Reiseblog einer Autorin mit kleinem WooCommerce-Shop
- Gebaut mit: dem Rezept Blog, einem Token-Set, einem Inhaltstyp für Orte und dem Shop auf WooCommerce
- Paket: Leitvia Pro für Reiseroute, Scroll-Galerie, Datenkarte, Newsletter, Variantenkacheln und Kaufleiste; Theme, Studio und WooCommerce kosten nichts
- Live-Demo: demo.leitvia.com/travel-blog/
Eine Website wie Ferrylight bauen
So richtest du sie auf deiner Website in vier Schritten ein:
- Installiere das Theme, Leitvia Studio, Leitvia Pro und WooCommerce.
- Wende das Rezept Blog an und lege mit dem Skill leitvia-design ein Token-Set für deine Marke an.
- Schreib deine Reiseberichte mit dem Routen-Block am Anfang und deine langen Ratgeber mit Steckbrief, Inhaltsverzeichnis und deinem eigenen Tipp; pflege Orte als Inhaltstyp und zeig sie auf der Datenkarte.
- Setz die Produktseite mit dem Template-Pattern „Product with scroll gallery“ und leg deine Produkte an.
wp plugin install woocommerce --activate
wp leitvia recipe apply leitvia/blog --user=adminKI-Agenten bauen dasselbe mit den Skills leitvia-page und leitvia-shop: Reiseroute, Scroll-Galerie und Datenkarte stehen im Blockkatalog, den sie lesen, und die Produktseite ist ein Aufruf von leitvia/update-template.
Weitere Demos
- The Lindenfeld Courier: Eine Regionalzeitung
- Northfold: Ein WooCommerce-Shop
- Wrenfield Review: Ein Magazin
- Alle dreizehn Demos