Kompatibilität:

WebSite X5 Evo und Pro

Mit WebSite X5 stehen Ihnen mehr als 100 vordefinierten Template für Ihre Projekte zur Verfügung. Mehr Optionen finden Sie dann auch auf unserem Marketplace. 


Alle Templates sind in Details strukturiert und können auch ohne Änderungen angewendet werden. Möglicherweise werden Sie ein Template aber bearbeiten müssen, um es an Ihrer Aktivität, Ihrem Feld oder Ihren Produkten anzupassen.


Die gute Nachricht ist, dass jedes Element eines Templates kann angepasst werden, auch die verwendeten Bilder. 


Die Prozedur kann sich je nach dem Bereich ändern, wo die Bilder zu finden sind. In meisten Fällen geht es aber darum:


Wir möchten gern mit 2 Tipps anfangen:

  1. Verwenden Sie die Vorschau -  Sie können jederzeit eine lokale Vorschau des Projekts anzeigen: So können Sie verstehen, wie das Template organisiert ist und welche Aspekte angepasst werden müssen.
  2.  Verwalten Sie die Dateien - Beim Rechtsklick auf dem Feld für den Import einer Datei öffnet sich ein Kontextmenü, mit dem Sie eine Datei entfernen, in dem Ordner öffnen, wo sie gespeichert ist, oder kopieren können. So können Sie die originale Datei finden und eine Kopie erstellen, bevor Sie sie ersetzen. 

So ersetzen Sie ein Bild, das als Seitenhintergrund angewendet wird 

Der Seitenhintergrund ist ein Bereich außerhalb der Seiten, der angezeigt wird, wenn die Website mit einem Browser mit einer höheren Auflösung als die Website selbst geöffnet wird.


In diesem Beispiel der Seitenhintergrund entspricht dem blauen Bereich.


Wenn Sie das Hintergrundbild der Seite eines Templates ersetzen möchten, sollen Sie so vorgehen:

  • Prüfen Sie auf Schritt 2 > Struktur der Vorlage, dass im Seitenbereich ein Hintergrundbild eingestellt ist.
  • Klicken Sie auf das Icon für die Option Bilddatei und wählen Sie das Bild, das Sie verwenden möchten.


#Tipp - Wenn Sie das Hintergrundbild einer bestimmten Seite ersetzen möchten, sehen Sie So stellen Sie für eine Seite einen unterschiedlichen Hintergrund ein


So ersetzen Sie ein Bild, das als Hintergrund des Seiteninhalts angewendet wird

Ein weiteres anpassbares Element des Templates ist der Hint ergrund des Seiteninhalts, d.h. der Bereich, wo die Inhalte der Seite angezeigt werden.


In diesem Beispiel der Hint ergrund des Seiteninhalts entspricht dem blauen Bereich.


In diesem Fall ist die Prozedur ähnlich:

  • Prüfen Sie auf Schritt 2 > Struktur der Vorlage, dass im Seitenbereich die Option Seiteninhalt ausgewählt ist
  • Klicken Sie auf das Icon für die Option Bilddatei und wählen Sie das Bild, das Sie verwenden möchten.


#Tipp - Wenn Sie den Hintergrund des Seitenhalts einer bestimmten Seite anpassen möchten, ohne das ganze Template zu bearbeiten, lesen Sie sich bitte diesen Artikel nach: So stellen Sie für eine Seite einen unterschiedlichen Hintergrund für den Seiteninhalt ein


Header und Fußzeile sind zwei Bereiche, die auf einem Template fast immer zu finden sind, weil sie wichtige Informationen wie z. B. Logo oder Menü enthalten. 


Es ist daher möglich, dass das Hintergrundbild oder die Hintergrundfarbe auch als Seitenbereich definiert wurde. Sie sollen also so vorgehen:

  • Prüfen Sie auf Schritt 2 > Struktur der Vorlage, dass im Seitenbereich die Option Header oder Fußzeile ausgewählt ist
  • Klicken Sie auf das Icon für die Option Bilddatei und wählen Sie das gewünschte Bild oder stellen Sie die Farbe ein, die Sie verwenden möchten.
  • Damit der Header oder die Fußzeile so breit wie das Browserfenster ist, sollen Sie die Option Auf die Breite des Browserfensters erweitern aktivieren.


#Tipp - Die Inhalte für Header und Fußzeile können Sie auch anpassen. Mehr Informationen finden Sie auf: So passen Sie Header und Fußzeile an


So ersetzen Sie ein Bild, das im Zeilenstil angewendet wird

Die Templates von WebSite X5 sind echte Mini-Websites, wobei nicht nur die Vorlage, sondern auch die Inhalte der Seite anpassbar sind.


Darunter auch die Bilder, die als Hintergrund der Zeilen einer Seite angewendet werden. In meisten Fällen finden Sie die Bilder in dem Bereich Zeilenstil, wo man auch wunderbare Parallaxe-Effekte einrichten kann. Sie sollen also so vorgehen:


  • Öffnen Sie die gewünschte Seite auf Schritt 4 - Erstellen der Seite.
  • Wählen Sie die Zeile auf der Seite, wo das gewünschte Bild zu sehen ist,  und klicken Sie auf Zeilenstil.
  • Wenn es ein Hintergrundbild anwesend ist, finden Sie es auf Hintergrund > Bild.
  • Klicken Sie auf das Icon für die Option Bilddatei und wählen Sie das Bild, das Sie verwenden möchten.
  • Definieren Sie auch die Ausrichtung und die Deckkraft. 
  • Als Hintergrund können Sie auch eine Farbe, einen Verlauf, eine Bildliste, ein Video oder eine Karte einstellen.
  • Für alle Hintergrundarten (außer der Farbe) können Sie dann einen Parallaxe-Effekt aktivieren: Klicken Sie auf Parallaxe und definieren Sie ihn mit den verfügbaren Optionen.


#Tipp - Mehr Informationen über den Zeilenstil finden Sie auf: So arbeiten Sie an den Zeilen des Rasters des Seitenlayouts Hier finden Sie dagegen mehr Informationen über die Parallaxe: So erstellen Sie einen Parallaxe-Effekt


So ersetzen Sie ein Bild, das als Objektstil angewendet wird

Auf der Seiten eines Templates können Sie außer der horizontalen Streifen auch einige Boxen mit Hintergrund, Titel und Inhalt finden. In einigen Fällen wird der Stil dieser Boxen als Objektstil definiert und so können Sie ihn anpassen:

  • Öffnen Sie die gewünschte Seite auf Schritt 4 - Erstellen der Seite.
  • Wählen Sie auf der Seite die Zelle, deren Stil Sie anpassen möchten, und klicken Sie auf Stil.
  • Das Hintergrundbild finden Sie auf Stil > Hintergrund, wenn die Option Bildhintergrund oder die Option Bild an Zelle anpassen aktiv ist. 
  • Klicken Sie auf das Icon für die Option Bilddatei und wählen Sie das Bild, das Sie verwenden möchten.
  • Sie können nicht nur das Bild anpassen, sondern auch andere Elemente, z. B. Farben, Ausrichtungen, Ränder und Texte.
  • Den Stil können Sie dann speichern, damit sie ihn für andere Zellen verwenden können: Gehen Sie auf Bibliothek und klicken Sie Hinzufügen.
#Tipp - Mehr Informationen über den Objektstil finden Sie auf: So erstellen Sie eine Hintergrundbox für ein Objekt


So ersetzen Sie ein Bild, das im Objekt Bild, Galerie usw. angewendet wird

Schließlich können Sie Bilder eines Templates als Inhalte der Seiten angewendet werden: Diese werden Sie durch Ihre eigene ersetzen sollen.

Solche Bilder finden Sie im Objekt Bild, Objekt Galerie, Objekt Button usw. Die Prozedur ist aber immer dieselbe, egal welches Objekt angewendet wurde, um das Bild hinzuzufügen:

  • Öffnen Sie die gewünschte Seite auf Schritt 4 - Erstellen der Seite.
  • Wählen Sie das gewünschte Objekt auf der Seite und klicken Sie auf Inhalt, oder doppelklicken Sie einfach auf dem Objekt.
  • Im Einstellungen-Fenster finden Sie alle die nötigen Optionen, um die Bilder zu ersetzen und die entsprechenden Eigenschaften zu definieren.