Wie funktioniert die Themenverwaltung?

Die Theme-Verwaltung in einem Content-Management-System (CMS) dient der Verwaltung von Theme-Dateien, dem aktiven Theme und den Theme-Einstellungen, die das Erscheinungsbild Ihrer Website bestimmen. In diesem Bereich können Sie verfügbare Themes anzeigen, ein Theme aktivieren, Theme-Dateien überprüfen und grundlegende Designeinstellungen bearbeiten.

Die Theme-Verwaltung ist ein entscheidender Aspekt des visuellen Designs Ihrer Website. Daher ist Vorsicht geboten, insbesondere beim Ändern von Themes, Bearbeiten von Dateien oder Aktualisieren von Theme-Einstellungen.

Wozu dient die Themenverwaltung?

Die Themenverwaltung (Webayt) ist der Bereich im CMS, in dem Sie die Designstruktur Ihrer Website verwalten. Hier legen Sie fest, welches Design Ihre Website verwendet, wie Designdateien bearbeitet werden und welche Farb- und Schrifteinstellungen innerhalb des Designs verwendet werden.

In diesem Abschnitt können im Allgemeinen folgende Operationen durchgeführt werden:

• Geladene Designs im Bedienfeld anzeigen
• Aktivieren eines Themas
• Das aktive Design anzeigen
• Temporäre Verwendung des Designmodus
• Verwalten von Designdateien
• Bearbeitung der Designeinstellungen
• Die im Theme verwendeten Farb- und Schriftartvariablen werden aktualisiert.

Wie kann ich auf die Seite „Theme-Verwaltung“ zugreifen?

Um auf die Seite zur Themenverwaltung zuzugreifen, klicken Sie im linken Menü des Webayt-Adminbereichs auf den Link „Theme-Verwaltung“ .

 Themenverwaltung

Diese Seite enthält zwei Hauptregisterkarten: Designs und Designeinstellungen .

• Designs: In diesem Abschnitt werden die auf dem Bedienfeld installierten Designs aufgelistet.
• Themeneinstellungen: In diesem Bereich können Sie die allgemeinen Schriftart- und Farbeinstellungen des aktiven Designs anpassen.

Wie verwende ich die Registerkarte „Designs“?

Im Reiter „Themes“ werden die auf dem System installierten Theme-Ordner in einer Kartenstruktur angezeigt. Jede Theme-Karte enthält den Namen und den Status des jeweiligen Themes.

Das aktive Design wird üblicherweise durch eine andere Farbe oder ein anderes Symbol hervorgehoben. So lässt sich leicht erkennen, welches Design aktuell auf Ihrer Website verwendet wird.

Das Menü zur Themensteuerung kann über die Themenkarten geöffnet werden. Je nach Themenstatus kann dieses Menü Optionen wie „Aktivieren“ und „Dateien verwalten“ enthalten.

Wie aktiviere ich das Design?

Um das gewünschte Design auf Ihrer Website zu aktivieren, können Sie die Option „Aktivieren“ aus dem Aktionsmenü der entsprechenden Designkarte verwenden.

Wenn ein Theme aktiviert ist, wird die Benutzeroberfläche Ihrer Website entsprechend der ausgewählten Theme-Struktur angezeigt. Daher empfehlen wir Ihnen, vor jeglichen Änderungen am Theme sicherzustellen, dass es korrekt funktioniert und mit Ihrer Website-Struktur kompatibel ist.

Das aktive Design wird in der Designliste üblicherweise grün oder mit einem speziellen Symbol gekennzeichnet. So erkennen Sie schnell, welches Design aktuell aktiv ist.

Was ist der Themenmodus?

In manchen Fällen wird ein Design speziell für Ihre Sitzung angezeigt. Diese Struktur kann verwendet werden, um ein bestimmtes Design zu testen oder zu untersuchen, bevor das aktive Design für die gesamte Website geändert wird.

Wenn der Designmodus aktiviert ist, kann im Bedienfeld ein Hinweis erscheinen, dass das entsprechende Design exklusiv für Ihre Sitzung angezeigt wird. In diesem Fall wird das Design möglicherweise nur vorübergehend für Ihre Sitzung und nicht für alle Besucher angezeigt.

Um den Designmodus zu beenden, können Sie die Schaltfläche „Designmodus deaktivieren“ auf dem Bildschirm verwenden.

Welchen Zweck hat die Option „Dateien verwalten“?

Die Option „Dateien verwalten“ dient zum Anzeigen und Bearbeiten der Dateistruktur des jeweiligen Themes. In diesem Bereich können Sie die Dateien innerhalb des Themes sowie deren Ordnerstruktur untersuchen.

Im Fenster „Dateien verwalten“ werden die Designordner üblicherweise links und der Inhalt der ausgewählten Datei rechts angezeigt. Dadurch können Designdateien bei Bedarf über das Bedienfeld angezeigt und bearbeitet werden.

In diesem Bereich können folgende Dateitypen angezeigt werden:

• theme.json: Dies ist die allgemeine Konfigurationsdatei des Themes.
• Assets: Dieser Ordner enthält CSS-, JS-, Bild- oder ähnliche Asset-Dateien, die im Theme verwendet werden.
• definiert: Kann Dateien enthalten, die definierten Text oder Systemwerte enthalten, die innerhalb des Themes verwendet werden.
• Modul: Dieser Ordner enthält die Darstellungsdateien für Designmodule.
• CSS-Dateien: Werden für Designfarben, Hintergründe, Typografie und Darstellungseinstellungen verwendet.
• JS-Dateien: Werden für interaktive Funktionen innerhalb des Themes verwendet.

Was ist beim Bearbeiten von Designdateien zu beachten?

Themedateien können das Erscheinungsbild Ihrer Website direkt beeinflussen. Daher ist besondere Vorsicht geboten, insbesondere bei Änderungen an HTML-, CSS-, JS- oder Theme-Konfigurationsdateien.

• Bevor Sie die Datei bearbeiten, vergewissern Sie sich, dass Sie wissen, was Sie ändern.
• Vermeiden Sie unnötige Änderungen, die die Codestruktur beschädigen könnten.
• Vergewissern Sie sich vor dem Speichern, dass es sich um die richtige Datei handelt.
• Überprüfen Sie das Frontend der Website, nachdem Sie Änderungen an CSS oder JS vorgenommen haben.
• Sichern Sie gegebenenfalls den Inhalt der Datei, bevor Sie Änderungen vornehmen.
• Wenn Caching verwendet wird, denken Sie daran, den entsprechenden Cache nach jeder Änderung zu aktualisieren.

Änderungen an den Dateien des aktiven Themes können sich insbesondere unmittelbar auf das Erscheinungsbild der Website auswirken. Daher sollte die Bearbeitung von Dateien auf Live-Websites mit Vorsicht erfolgen.

Wozu dient die Registerkarte „Designeinstellungen“?

Über die Registerkarte „Theme-Einstellungen“ können Sie einige allgemeine Designvariablen bearbeiten, die im aktiven Theme verwendet werden.

Die Werte in diesem Tab können als Variablen in Designs verwendet werden. Dadurch lässt sich die in den Designdateien definierte Struktur entsprechend den im Bedienfeld eingegebenen Schriftart- und Farbeinstellungen anpassen.

Der Abschnitt „Theme-Einstellungen“ umfasst im Allgemeinen die folgenden Einstellungen:

• Themenauswahl: Zeigt das aktuell ausgewählte Thema an.
• Schriftart: Wird verwendet, um die auf der Website zu verwendende Schriftart zu bestimmen.
• Hauptfarbe: Dies ist die Hauptmarkenfarbe, die auf der gesamten Website verwendet werden kann.
• Hintergrundfarbe der Kopfzeile: Kann innerhalb des Designs als Hintergrundfarbe für die Kopfzeile verwendet werden.
• Modul-Hintergrundfarbe: Kann verwendet werden, um die Hintergrundfarbe für Module festzulegen.
• Modul-Hintergrundfarbe 2: Kann in bestimmten Themenbereichen als zweite Hintergrundfarbe verwendet werden.

Wie verwende ich die Schrifteinstellungen?

Im Feld „Schriftart“ werden die Schriftartinformationen angegeben, die im Design verwendet werden können. Beispielsweise kann hier eine Schriftartdefinition wie „Arial“ oder „sans-serif“ eingegeben werden.

Wenn die Designdateien so konfiguriert sind, dass dieser Wert als Variable verwendet wird, kann der im Kontrollfeld eingegebene Schriftartwert in den entsprechenden Bereichen der Website widergespiegelt werden.

Bei der Eingabe eines Schriftartwerts wird empfohlen, eine Definition zu verwenden, die der aktuellen CSS-Schriftfamilienstruktur entspricht.

Wie verwende ich die Farbeinstellungen?

Die im Bereich „Theme-Einstellungen“ befindlichen Farbschemata dienen zur Verwaltung der im Theme verwendeten visuellen Variablen.

Der im Feld „Hauptfarbe“ eingegebene Farbwert kann beispielsweise für Schaltflächen, Links, Symbole oder Akzentbereiche innerhalb des Designs verwendet werden. Ebenso können die Hintergrundfarben von Header und Modulen die entsprechenden Teile des Designs beeinflussen.

Farbwerte werden üblicherweise im HEX-Format eingegeben. Zum Beispiel:

 #0F5B99
#ffffff
#f3f6fa

Bei der Farbauswahl sollten die Markenidentität der Website, die Lesbarkeit und die Benutzerfreundlichkeit berücksichtigt werden.

Wie verwende ich die Theme-Einstellungen in einem Theme?

Die Felder für Schriftart und Farbe im Tab „Theme-Einstellungen“ werden als Variablen in den Theme-Dateien verwendet. Dadurch kann der Theme-Entwickler die im Bedienfeld eingegebenen Werte dynamisch innerhalb des Themes verwenden.

Wenn beispielsweise Werte wie die Hauptfarbe, die Hintergrundfarbe der Kopfzeile oder die Hintergrundfarbe des Moduls als Variablen in den Themendateien definiert sind, können sich Änderungen, die im Bedienfeld vorgenommen werden, in den entsprechenden Bereichen des Themas widerspiegeln.

Diese Struktur ermöglicht es, einige grundlegende Designeinstellungen über das Bedienfeld zu verwalten, anstatt für jede Änderung direkt die Designdateien bearbeiten zu müssen.

Was ist nach der Aktualisierung der Designeinstellungen zu tun?

Nachdem Sie Änderungen im Bereich „Theme-Einstellungen“ vorgenommen haben, müssen Sie die Einstellungen durch Klicken auf die Schaltfläche „Speichern “ speichern.

Es wird empfohlen, nach der Änderung die Website im Frontend zu überprüfen. So können Sie feststellen, ob Farben, Schriftart und andere Designeinstellungen wie erwartet angezeigt werden.

Wenn Änderungen nicht sofort im Frontend sichtbar sind und Caching verwendet wird, muss möglicherweise der entsprechende Seiten- oder Website-Cache aktualisiert werden.

Was ist bei der Verwendung von Theme-Management zu beachten?

Die Themenverwaltung ist ein entscheidender Bereich, der die visuelle Struktur einer Website beeinflusst. Daher sollten die hier durchgeführten Prozesse planvoll umgesetzt werden.

• Prüfen Sie das aktuelle Design, bevor Sie das aktive Design ändern.
• Wenn Sie den Designmodus verwenden, denken Sie daran, dass dieser möglicherweise nur für Ihre aktuelle Sitzung gilt.
• Bitte beachten Sie, dass Änderungen, die Sie im Bereich „Dateien verwalten“ vornehmen, das Erscheinungsbild Ihrer Website beeinflussen können.
• Beim Bearbeiten von Theme-Dateien ist darauf zu achten, die HTML-, CSS-, JS- und JSON-Strukturen nicht zu beschädigen.
• Bei der Farbauswahl in Ihren Designeinstellungen sollten Sie die Lesbarkeit und die Markenkonsistenz berücksichtigen.
• Geben Sie den Schriftwert gemäß der gültigen CSS-Schriftfamilienstruktur ein.
• Überprüfen Sie nach der Durchführung der Änderungen das Frontend der Website.
• Wenn Caching verwendet wird, aktualisieren Sie den Cache bei Bedarf.

Zusammenfassung

Die Themenverwaltung ist der Bereich im CMS Webayt, in dem Sie das Erscheinungsbild und die Themeninfrastruktur Ihrer Website verwalten. Hier können Sie installierte Themen anzeigen, Themen aktivieren, Themendateien verwalten und Themeneinstellungen bearbeiten.

Die im Tab „Theme-Einstellungen“ befindlichen Schriftart- und Farbwerte können als Variablen in den Theme-Dateien verwendet werden. Dadurch lassen sich einige Designeinstellungen innerhalb des Themes einfacher über das Kontrollfeld verwalten.