Jump to content

Templates, CSS & JavaScript

Templates, CSS- und JavaScript-Dateien sind die Werkzeuge, mit denen Web-Designer und Programmierer die Standardausgabe der verschiedenen Ansichten auf die Datenbank beliebig verändern können. Auf dieser Art und Weise kann jede Datenbank ganz individuell aussehen.

Hinweis Die Änderungen an den Templates sollten nur durch Personen vorgenommen werden, die mit HTML, CSS und etwas PHP vertraut sind. Es kann schnell passieren, dass das Bearbeiten von Code, die Ausgabe Deiner Seite unbeabsichtigt zerstört!

Template-Typen in CMS

Templates sind Mittel der Wahl zur Anpassung von Deinen Datenbanken, so dass diese für Deine Community und ihre spezielle Nutzung einzigartig sind. Es gibt drei Haupttypen von Templates, die Du anpassen kannst:

  • Datenbank-Templates
    Mit Hilfe von Datenbanktemplates kannst Du die Ausgabe von fast allen Teilen Deiner Datenbank ändern. Hier wird unter vier Haupttypen unterschieden: 
    • Liste der Kategorien
      Template, das die Liste der Kategorien und Unterkategorien einer Datenbank steuert. Das ist auch die erste Seite, die angezeigt wird, wenn man die Datenbank aufruft.
    • Liste der Einträge
      Template, das die Liste der Datensätze (innerhalb einer Kategorie, falls vorhanden) steuert
    • Datenansicht
      Template, das die Datensatzansicht selbst steuert, einschließlich Kommentare und Bewertungen zu dem Datensatz
    • Formular
      Template für das Formular zum Hinzufügen/Bearbeiten eines Datensatzes innerhalb einer Datenbank
  • Seiten-Templates
    Standardmäßig verwendet eine Seite den Community-Wrapper. Dieser enthält bereits die Kopfzeile, die Navigation, den Benutzerbereich, den Fußbereich usw. Lediglich der Seiteninhalt selbst wird durch den Editor bearbeiten. Du kannst jedoch stattdessen einen benutzerdefinierten Seiten-Wrapper verwenden, mit dem Du die gesamte Ausgabe der Seite steuern kannst. Wrapper werden als Seiten-Templates erstellt und bei der Erstellung der Seiten ausgewählt bzw. zugewiesen.
  • Block-Vorlagen
    Wenn Du einen Block erstellst, der Liste der Datensätze enthält, wird dazu ein Standardtemplate verwendet. Du kannst dieses Template jedoch anpassen oder ein ganz neues Template erstellen, so dass jeder Block anders aussieht.

Was können Blöcke enthalten

Die Blöcke können im vollem Umfang auf die Template-Logik von Invision Community zurückgreifen, was eine sehr große Flexibilität ermöglicht. Die für jedes Template verfügbaren Daten hängen allerdings von dem Typ des Templates ab. Zum Beispiel enthält ein Datenbank-Template die Auflistung der Daten aus einer Datenbankkategorie. Im Gegensatz dazu enthält ein Block-Template Daten, die mit dem Filter des Blocks übereinstimmen. Beide Templates haben aber vollen Zugriff auf PHP framework von Invision Community.

Erstellen und Bearbeiten von Templates

Templates für Datenbank und Seiten werden im Template-Editor verwaltet. Diesen findest Du in AdminCP unter Seiten -> Seitenverwaltung -> Templates. Um ein neues Template basierend auf dem Standard zu erstellen, klickst Du auf Neu.

Standard Block-Templates werden ebenfalls im Template-Editor verwaltet, können aber auch innerhalb der Blockkonfiguration selbst individuell pro Block angepasst werden, indem man im AdminCP auf Seiten -> Seitenverwaltung -> Blöcke geht und dann den betreffenden Block bearbeitet. 

CSS- und JavaScript-Dateien

Um die mit Pages erstellten Seiten und Datenbanken vollständig anzupassen, ist es oft wünschenswert, benutzerdefiniertes CSS und Javascript hinzuzufügen. Pages bietet die Möglichkeit, diese Ressourcen zu erstellen und sie dann einer Seite zuzuweisen.

CSS- und JavaScript-Dateien innerhalb von Pages werden verwaltet, indem Du im AdminCP zu Seiten -> Seitenverwaltung -> Templates navigierst und dann im Editor auf die Registerkarten CSS oder JS klickst. Neue Dateien können durch Klicken auf die Schaltfläche Neu hinzugefügt werden.

Um diese Dateien später einer Seite zuzuordnen, wähle sie beim Erstellen oder Bearbeiten einer Seite im AdminCP auf der Registerkarte Einbinden aus.


  Report Seite

×
×
  • Create New...

Important Information

Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu. Weitere Informationen zu Cookies erhalten Sie in unserer Privacy Policy.