Skip to main navigation Skip to main content Skip to page footer

Camino: das neue Standard-Theme von TYPO3

Anfang des Monats wurde TYPO3 14.1 veröffentlicht und damit auch Camino, das neue Standard-Theme von TYPO3.

Caminos primäres Ziel ist es, Userinnen und Usern die Möglichkeit zu geben, ohne zusätzlichen Einrichtungsaufwand eine einfache Website mit einem funktionsfähigen Frontend-Theme zu erstellen.

Camino kann leicht angepasst werden, die Nutzer können zwischen drei verschiedenen Backend-Layouts wählen und das Farbschema im Frontend ändern sowie ihr eigenes Logo hinzufügen.

Das Theme bringt außerdem eine Reihe von Inhaltselementen mit – darunter sowohl die standardmäßigen TYPO3-Inhaltselemente als auch speziell für das Camino-Theme entwickelte, maßgeschneiderte Inhaltselemente.

Das Theme selbst wird bis zum Erscheinen von TYPO3 14 LTS noch weitere Updates und Verbesserungen erhalten, also schauen Sie gerne im Frühjahr wieder hier vorbei.

Über diesen Leitfaden

In diesem Leitfaden werden die Funktionen von Camino vorgestellt. Ausführliche Informationen zur Installation und Konfiguration von Camino finden Sie in der TYPO3-Camino-Dokumentation.

Backend-Layouts

Camino wird mit drei verschiedenen Backend-Layouts geliefert, aus denen Sie wählen können.

Start Page

Das Start Page Backend-Layout ist ideal für eine Startseite/Homepage.

Es enthält Abschnitte zum Hinzufügen eines Banners/Headers, eines regulären Inhalts und zum Auffüllen des Inhalts für den Footer.

Content Page - Full Width

Content Page - Full Width enthält einen Bereich, in den typische Seiteninhalte wie Text und Bilder eingefügt werden können.

Content Page - mit Sidebar

 Content Page - mit Sidebar enthält zwei Spalten, wobei der Seitenleistenabschnitt dazu dient, Metainformationen wie den Autor der Seite und Teaser hinzuzufügen.

Global Footer

Jeder Inhalt, der dem Footer der Stammseite hinzugefügt wird, bleibt erhalten und ist auf jeder anderen Seite sichtbar, wenn sie im Frontend angezeigt wird.

Wenn zum Beispiel das Inhaltselement "Social Media" dem Footerbereich hinzugefügt wird, ist dieser Inhalt in der Fußzeile auf jeder Seite der Website im Frontend sichtbar sein.

Um dem Footer Inhalte hinzuzufügen, verwenden Sie das Backend-Layout "Start Page" auf der Stammseite Ihrer Website.

Frontend-Farbschemata & individuelle Logos

Es stehen vier verschiedene Farbschemata zur Auswahl.

Hinzufügen eines benutzerdefinierten Logos

Das Camino-Logo befindet sich sowohl im oberen Bereich der Seite als auch in der Fußzeile.

Um das Standardlogo zu ändern, wählen Sie die Stammseite Ihrer Website:

Root Page > Page Properties > Appearance > Logo.

Vergessen Sie nicht, Ihre Änderungen zu speichern und den Cache zu löschen.

Content Elements

Camino wird mit einer Kombination aus Standard- und maßgeschneiderten Inhaltselementen geliefert.

Standard TYPO3-Inhaltselemente

Camino verwendet nur eine kleine Anzahl der Standard-Inhaltselemente von TYPO3, dazu gehören:

  • Text
  • Text & Bilder
  • Formular (zum Einbetten von Formularen, die mit dem Modul Formulare erstellt wurden).
  • Login-Formular (für den Zugang zu geschützten Bereichen im Frontend).

Benutzerdefinierte Inhaltselemente

Camino verfügt über neue benutzerdefinierte Inhaltselemente, die das Hinzufügen von Bannern und das Teilen von Links zu Plattformen von Drittanbietern wie Facebook, YouTube und Instagram erleichtern.

Wie im Abschnitt "Backend-Layouts" beschrieben, können benutzerdefinierte Inhaltselemente nur an bestimmten Stellen verwendet werden; dies gilt auch für Standard-Inhaltselemente.

Das Inhaltselement "Page Header" kann zum Beispiel nur im Abschnitt "Hero" des Backend-Layouts "Start Page" verwendet werden und kann nicht in die Fußzeile oder einen anderen Abschnitt der Seite eingefügt werden.

Im Folgenden finden Sie eine Liste aller benutzerdefinierten Inhaltselemente, die mit Camino ausgeliefert werden.

Hero Page Header, Small & Text Only

Mit diesen Inhaltselementen ist es möglich, Banner zu erstellen, die oben auf der Seite sitzen und einen Titel, eine Unterüberschrift, ein Bild und einen CTA (Call To Action) enthalten können, der auf eine andere Seite oder eine externe Quelle verweist.

Diese drei Inhaltselemente können nur im Hero-Abschnitt des Backend-Layouts der Start Page verwendet werden.

Text Media Teaser Grid

Mit Text-Media Teaser Grid können Benutzer eine Sammlung von "Karten" hinzufügen, die einen Titel, einen Untertext und ein Bild enthalten, das entweder zu einer internen Seite oder einer externen Quelle verlinkt.

Benutzer können auch einen Titel, Text und eine Schaltfläche hinzufügen, die über der Sammlung von Karten sitzt.

Dieses Inhaltselement kann nur im Content Area verwendet werden, der in allen drei Backend-Layouts zu finden ist.

Text-Teaser

Mit Text Teaser können Benutzer einen Titel und Text hinzufügen, der von einer Schaltfläche begleitet wird, die zu einer internen Seite oder einer externen Quelle verlinkt.

Die Schaltfläche kann mit einem Symbol versehen und ihr Aussehen über das Dropdown-Menü für die Link-Konfiguration angepasst werden.

Dieses Inhaltselement kann nur im Inhaltsbereich verwendet werden, der in allen drei Backend-Layouts zu finden ist.

Author Card

Die Author Card kann verwendet werden, um Informationen über den Autor der Seite hinzuzufügen. Informationen wie Name, Titel und Beschreibung des Autors können zusammen mit einem Bild und Kontaktinformationen hinzugefügt werden.

Icons für soziale Medien

Fügen Sie Links zu verschiedenen Plattformen wie Linkedin, Instagram, Facebook, Twitter und YouTube hinzu.

Dieses Inhaltselement kann nur im Footer hinzugefügt werden: Column 1 des Start-Page-Backend-Layouts hinzugefügt werden.

Link-Liste

Mit dem Inhaltselement Link List können Sie Links zu internen Seiten und externen Quellen hinzufügen.

Dieses Inhaltselement kann nur im Footer hinzugefügt werden: Column und Footer: Meta Navigation des Start-Page-Backend-Layouts hinzugefügt werden.

Dankeschön an b13

Unser besonderer Dank gilt b13 für die Initiierung des Projekts und die Entwicklung des Themes. Namentlich erwähnen möchten wir hierbei Laura Heine, David Steeb und Florian Keitgen.