Zurück zum Support Designe deine Website Themes Dein Theme ändern

Dein Theme ändern

Du kannst das Theme deiner Website ändern, um den Look deiner bestehenden Inhalte aufzufrischen. In diesem Ratgeber wird erklärt, wie du zu einem neuen Theme wechseln kannst.

Ein Theme wechseln

Das Theme deiner Website änderst du folgendermaßen:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Themes.
    • Das aktuelle Theme deiner Website wird als Erstes in der Liste aufgeführt und als Aktiv gekennzeichnet.
  3. Durchstöbere die verfügbaren Themes und suche dir eins aus, das dir gefällt.
  4. Klicke auf das Icon mit den drei Punkten und wähle Aktivieren aus:
Das Icon mit den drei Punkten wurde angeklickt und zeigt ein Menü mit drei Optionen an: „Vorschau anzeigen & anpassen“, „Aktivieren“ und „Info“.
  1. Es wird möglicherweise ein Fenster mit der Erklärung angezeigt, dass die aktuelle Startseite deiner Website durch das Startseiten-Layout des neuen Themes ersetzt wird. Wenn du fortfahren möchtest, klicke auf den Button Aktivieren:
  1. Nach wenigen Sekunden wird das neue Theme auf deine Website angewendet. Klicke auf den Button Dieses Design anpassen, um das neue Design deiner Website zu bearbeiten.
Ein Bestätigungsbildschirm mit der Überschrift „Gratulation zu deinem neuen Theme“ und Buttons mit der Bezeichnung „Dieses Design anpassen“ und „Website anzeigen“

Was passiert mit deinen alten Inhalten

Wenn du Themes wechselst, werden keine Inhalte gelöscht. Deine bestehenden Seiten, Medien und sonstigen Daten verbleiben auf der Website.

Die Startseite deiner Website wird auf die Startseite des neuen Themes aktualisiert. Wenn du Inhalte von der Startseite deines vorherigen Themes wiederherstellen möchtest, aktiviere das vorherige Theme erneut, um diese Inhalte anzuzeigen und zu kopieren.

Wenn du den Namen deines vorherigen Themes vergessen hast, sieh im Aktivitätsprotokoll deiner Website nach. Dort findest du den Namen des Themes, von dem und zu dem du gewechselt hast:

Aktivitätsprotokoll, das zeigt, dass vom Theme Exmoor zu Creatio 2 gewechselt wurde.

Vorschau für ein Theme anzeigen

Du kannst sehen, wie deine Website mit einem Theme aussieht, ohne dieses Theme zu aktivieren. Mit der Option Vorschau anzeigen & anpassen wird das ausgewählte Theme zusammen mit den Inhalten deiner Website in den Website-Editor geladen. In dieser Vorschau kannst du sehen, wie die Inhalte deiner Website mit dem Theme aussehen, bevor du das Theme endgültig auf deiner aktiven Website änderst.

So siehst du, wie ein Theme auf deiner Website aussieht:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Themes.
    • Das aktuelle Theme deiner Website wird als Erstes in der Liste aufgeführt und als Aktiv gekennzeichnet.
  3. Durchstöbere die verfügbaren Themes und suche dir eins aus, das dir gefällt.
  4. Klicke auf das Icon mit den drei Punkten und wähle die Option Vorschau anzeigen & anpassen aus:
Das Icon mit den drei Punkten wurde angeklickt und zeigt ein Menü mit drei Optionen an: „Vorschau anzeigen & anpassen“, „Aktivieren“ und „Info“.
  1. Durchsuche das Layout und nimm alle gewünschten Änderungen an den Stilen, den Templates und anderen Bereichen des Website-Editors vor. Deine Änderungen werden erst auf deine aktive Website angewendet, wenn du das Theme aktivierst.
  2. Wenn du mit dem Aussehen des neuen Themes zufrieden bist, kannst du es auf deine aktive Website anwenden, indem du auf den Button Aktivieren klickst, wenn du keine Änderungen vorgenommen hast, oder auf den Button Aktivieren und Speichern, wenn du Änderungen vorgenommen hast, die gespeichert werden müssen.
Ein Pfeil, der auf den Button „Aktivieren“ am Ende der Theme-Vorschau zeigt.
Der Button Aktivieren in der Theme-Vorschau
Ein Pfeil, der auf den Button „Aktivieren und Speichern“ oben im Template-Editor zeigt.
Der Button Aktivieren und Speichern, nachdem du Änderungen vorgenommen hast

Vorschau beenden, ohne das Theme zu aktivieren

So beendest du die Editor-Vorschau, ohne deine Änderungen zu speichern:

  1. Klicke auf den < (Pfeil) neben dem Text Previewing [Theme Name]: Design (Vorschau [Theme-Name]: Design).
  2. Bestätige, dass du den Editor verlassen und zur Theme-Suchseite zurückkehren möchtest.

Wenn du dich zu den Templates oder den Bearbeitungstools durchgeklickt hast, kannst du auf das Website-Icon oben links klicken, um zum Design-Bildschirm zurückzukehren:

Der Pfeil und das Website-Icon sind hervorgehoben.

Nach dem Wechseln von Themes

Wenn du zu einem neuen Theme wechselst, solltest du danach einige Dinge prüfen:

Startseite

Wurde die korrekte Startseite zugewiesen? Navigiere in deinem Dashboard zu Einstellungen → Lesen, um sicherzustellen, dass die richtige Seite als deine Startseite festgelegt ist. Wenn hier Standard festgelegt ist, wird die Demo-Startseite des neuen Themes angezeigt, die du dann unter Design → Editor anpassen kannst.

Einige Themes ersetzen deine Startseite durch die Startseite des neuen Themes, wenn du sie aktivierst. In diesem Fall wird deine alte Startseite in „Entwürfe“ verschoben (sie wird nie gelöscht). Wenn du deine vorherige Startseite wiederherstellen möchtest, findest du sie unter „Entwürfe“, wo du sie erneut veröffentlichen und als deine Startseite festlegen kannst. Der Name des Themes wird neben der Seite angezeigt, damit du es leichter identifizieren kannst:

Deine alte Startseite wird als Entwurf gespeichert. Daneben wird der Name des alten Themes angezeigt.

Einige Block-Themes verwenden für ihre Startseite keine separate Seite. Stattdessen wird ihre Startseite über das Startseiten-Template im Website-Editor bearbeitet. Wenn du Inhalte von deiner alten Startseite auf die Startseite des neuen Themes verschieben musst, kannst du deine Blöcke von der alten Startseite kopieren und sie unter Design → Editor in das Startseiten-Template deines neuen Themes einfügen.

Prüfe deine Menüs, um sicherzustellen, dass sie die richtigen Elemente anzeigen und Links zu den richtigen Seiten enthalten.

Individuelles CSS

Das Einzige, was nicht mit deinem neuen Theme übernommen wird, ist individuelles CSS, denn das ist Theme-spezifisch. Du kannst jedoch dein vorheriges CSS im CSS-Verlaufslink unter Design Anpassen Zusätzliches CSS wiederherstellen.

Copied to clipboard!