Wir helfen Ihnen gern! Schreiben Sie uns eine E-Mail.

Tutorials

Laden ...

Tutorial: Designs individuell anpassen

Yola bietet Ihnen die Möglichkeit, das Erscheinungsbild Ihrer Website individuell anzupassen. Dazu stehen Ihnen Tools zur Verfügung, mit denen Sie das Bannerbild und den Seitenhintergrund ändern sowie das Yola-Logo entfernen können. Ihre Website mithilfe dieser Funktionen anzupassen unterstützt Sie dabei, Ihre Seite noch brillanter und einzigartiger zu machen, damit Sie sich besser von der Masse abheben können!

Inhalt

Bannerbild bearbeiten
Seitenhintergrund ändern
Yola-Logo entfernen
Website-CSS bearbeiten

Wenn Sie auf Ihrer Seite mit der Maus über das Bannerbild oder das Yola-Logo fahren, erscheint ein blaues Feld, das anzeigt, dass man diese Teile des Designs bearbeiten kann. Wenn Sie direkt auf das Bannerbild klicken, öffnet sich ein Dialogfenster mit allen Optionen zur Bearbeitung des Banners.

Um den Hintergrund Ihrer Seite zu ändern, klicken Sie im Yola-Baukasten in der Menüleiste auf "Design", fahren Sie über "Hintergrund bearbeiten" und wählen Sie "Hintergrund ändern".

Bannerbild

Wenn das Design, das Sie gewählt haben, eine individuelle Anpassung des Bannerbildes erlaubt, fahren Sie einfach mit Ihrer Maus über den Bannerbereich, bis das blaue Feld erscheint, und klicken Sie hinein, um das Dialogfenster aufzurufen, das die zur individuellen Anpassung verfügbaren Optionen anzeigt.

Bannergröße:

Jedes Banner hat empfohlene Maße, mit denen man das beste Ergebnis erzielt. Auch wenn Sie ein hochgeladenes Bannerbild noch nachbearbeiten können, ist es am besten, ein Bild hochzuladen, das bereits den empfohlenen Bannerabmessungen entspricht.

Die Bannermaße finden Sie am Ende des Dialogfensters, das sich bei Klick auf den Bannerbereich öffnet.

Bannerbild hochladen und bearbeiten:
  1. Klicken Sie auf eine beliebige Stelle des Bannerbilds, um das Dialogfenster zu öffnen.
  2. Klicken Sie auf "Bannerbild ändern" und es öffnet sich das Dialogfenster zum Hochladen eines Banners.
  3. Wählen Sie für den Upload ein Bild von Ihrem Computer aus, verwenden Sie ein Bild, das Sie bereits hochgeladen haben, oder wählen Sie ein kostengünstiges professionelles Bannerbild unseres Partners Fotolia.
  4. Wählen Sie das Bannerbild aus und es öffnet sich der Bannereditor (Maskeneditor), mit dem Sie die Größe Ihres Banners so anpassen können, dass es perfekt in das Bannerfeld passt.
  5. Nehmen Sie alle gewünschten Änderungen vor und klicken Sie auf die Schaltfläche "OK". Das Bannerbild wird nun auf die Seite im Baukasten geladen.
Auf alle Seiten anwenden:

Yola gibt Ihnen die Möglichkeit, auf jede Seite Ihrer Website ein anderes Bannerbild hochzuladen, oder auf allen Seiten dasselbe Bannerbild anzuzeigen. So wenden Sie ein Bannerbild auf sämtliche Seiten Ihrer Website an:
  1. Klicken Sie in den Bannerbereich, klicken Sie dann auf "Auf alle Seiten anwenden".
  2. Es öffnet sich ein Dialogfenster mit der Bitte um Bestätigung, dass Sie die Änderungen auf alle Seiten Ihrer Website anwenden wollen. Klicken Sie auf "Anwenden und speichern", wenn Sie diesen Schritt durchführen möchten.
Auf Standardeinstellung zurücksetzen:

Das Ergebnis gefällt Ihnen nicht? Kein Problem! Sie können ganz einfach das Standardbannerbild wiederherstellen. Klicken Sie in den Bannerbereich und dann im erscheinenden Dialogfenster auf "Auf Standard zurücksetzen". Dies stellt das ursprüngliche Bannerbild wieder her, das zum gewählten Design gehört. Sie können dieses Bild verwenden oder von Neuem beginnen und ein neues hochladen. Um das Bannerbild auf allen Seiten wieder auf das Standardbannerbild zurückzusetzen, folgen Sie den oben genannten Schritten und führen Sie dann die Option "Auf alle Seiten anwenden" wie oben beschrieben aus.

Seitenhintergrund

Yola gibt Ihnen die Möglichkeit, entweder die Hintergrundfarbe Ihres Designs zu ändern oder Ihr eigenes Hintergrundbild hochzuladen, oder beides!

So ändern Sie die Farbe des Seitenhintergrunds:
  1. Klicken Sie im Yola-Baukasten in der Menüleiste auf "Design", fahren Sie über "Hintergrund bearbeiten" und wählen Sie "Hintergrund ändern".
  2. Es öffnet sich ein Dialogfenster. Klicken Sie dort neben "Hintergrundfüllung" auf den nach unten zeigenden Pfeil. Nun wird eine Farbauswahl angezeigt.
  3. Wählen Sie die Farbe, die Sie verwenden möchten und klicken Sie auf "OK". Wenn Sie den Hex-Code Ihrer gewünschten Farbe kennen, geben Sie diesen in das vorgesehene Feld ein (hier geht es zu einem Hex-Farbgenerator (englisch)).
So laden Sie Ihr eigenes Hintergrundbild hoch:
  1. Klicken Sie im Yola-Baukasten in der Menüleiste auf "Design", fahren Sie über "Hintergrund bearbeiten" und wählen Sie "Hintergrund ändern".
  2. Es öffnet sich ein Dialogfenster. Vergewissern Sie sich, dass das Kontrollkästchen vor "Hintergrundbild verwenden" aktiviert ist.
  3. Klicken Sie unter "Hintergrundbild" auf die Schaltfläche "hochladen", wenn Sie ein neues Bild von Ihrem Computer hochladen möchten, oder auf "durchsuchen", wenn Sie ein bereits hochgeladenes Bild aus Ihrem Yola-Dateimanager auswählen möchten.
  4. Richten Sie nach dem Hochladen die gewünschten Einstellungen ein – ob das Bild wiederholt in Kacheln angezeigt werden soll, wo der Hintergrund positioniert sein und ob er mit den Seiteninhalten verschoben werden soll oder nicht.
Um zurückzugehen und den von Ihnen hinzugefügten Hintergrund noch einmal zu bearbeiten, klicken Sie auf "Hintergrund bearbeiten".

So wenden Sie die Änderungen auf alle Seiten an:

Sie können festlegen, dass der gleiche Hintergrund auf alle Seiten Ihrer Website angewendet wird, anstatt den Hintergrund jeder Seite einzeln zu ändern:
  1. Klicken Sie im Yola-Baukasten in der Menüleiste auf "Design", fahren Sie über "Hintergrund bearbeiten" und wählen Sie "Auf alle Seiten anwenden".
  2. Es erscheint ein Dialogfenster mit der Bitte um Bestätigung, dass Ihre Änderungen auf alle Seiten Ihrer Website angewendet werden sollen. Klicken Sie auf "Anwenden und speichern", wenn Sie diesen Schritt durchführen möchten.
Auf Standardeinstellungen zurücksetzen:

Wenn Sie das Bannerbild Ihrer Website lieber wieder auf den Standardhintergrund des Designs zurücksetzen möchten, klicken Sie im Yola-Baukasten in der Menüleiste auf "Design", fahren Sie über "Hintergrund bearbeiten" und wählen Sie "Auf Standard zurücksetzen". Um den Hintergrund aller Seiten wieder auf den Standardhintergrund zurückzusetzen, folgen Sie den oben genannten Schritten und führen Sie dann die Option "Auf alle Seiten anwenden" wie oben beschrieben aus.

Links zu nützlichen Quellen für Seitenhintergründe (alle englisch) (mit Dank an unsere Community!):

Tartanmaker erzeugt Hintergrundmuster: tartanmaker.com
Streifengenerator: stripegenerator.com
Bändergenerator: quickribbon.com
Farbpalettengenerator (erzeugt eine Palette auf Grundlage eines Bildes), wenn Sie die Hintergrundfarbe auf eine Farbe in einem Bild abstimmen möchten: bighugelabs.com
Bildprogramm mit Graduierungsfunktionen: tools.dynamicdrive.com/gradient
BG-Patterns: bgpatterns.com
Eos-Development: eosdev.com
Hex-Farbgenerator: cloford.com

Yola-Logo entfernen


Die Entfernung des Yola-Logos ist im Paket Yola Silver enthalten. Wenn Sie mit einem Upgrade zu Yola Silver wechseln, wird das Yola-Logo von allen Ihren Websites Ihres Yola-Kontos entfernt. Weitere Informationen hierzu finden Sie unter FAQ zu Yola Silver.


Website-CSS bearbeiten

Website-CSS sind eine weitere großartige Möglichkeit, Ihre Website individuell zu verändern. Hier haben Sie Zugriff auf die Website-CSS-Codes und können so die Gesamtoptik Ihrer Website optimieren. Einige Tipps, wie Sie diese Funktion verwenden können, finden Sie in unserem Tutorial Website-CSS bearbeiten.