Zum Hauptinhalt springen

Erweiterte Design-Optionen

Erfahre, wie du erweiterte Funktionen wie vereinfachtes Design, Header-Overlays und benutzerdefiniertes CSS für vollständige Design-Kontrolle nutzt.

Verfasst von Brian
Heute aktualisiert

Erweiterte Design-Optionen

Erfahre, wie du erweiterte Funktionen wie vereinfachtes Design, Header-Overlays und benutzerdefiniertes CSS für vollständige Design-Kontrolle nutzt.

Möchtest du mehr Kontrolle über das Erscheinungsbild deiner Website? WedSites bietet erweiterte Design-Optionen wie vereinfachten Design-Modus, Header-Overlay-Effekte und benutzerdefiniertes CSS für Power-User!

Was verfügbar ist

Vereinfachtes Design: Entferne Standard-Hintergrundtexturen für einen saubereren Look.

Bild mit weißem Text überlagern: Ändere die Textfarbe zu Weiß und überlagere sie auf deinem Header-Hintergrundbild für bessere Lesbarkeit.

Benutzerdefiniertes CSS: Füge deinen eigenen CSS-Code für vollständige Design-Kontrolle hinzu.

Alle diese Optionen findest du in Website-Einstellungen > Design-Tab!

Vereinfachtes Design

Entfernt Hintergrundtexturen deines Themes für einen saubereren, minimalistischeren Look.

Aktivieren:
1. Gehe zu Website-Einstellungen > Design-Tab
2. Finde den Abschnitt Vereinfachtes Design (nahe oben, unter der Theme-Vorschau)
3. Schalte den Schalter ein
4. Klicke auf Änderungen speichern unten

Bild mit weißem Text überlagern

Ändert deine Header-Textfarbe zu Weiß und überlagert sie auf dem Header-Hintergrundbild.

Aktivieren:
1. Gehe zu Website-Einstellungen > Design-Tab
2. Scrolle zum Header-Abschnitt
3. Stelle sicher, dass du ein Header-Hintergrundbild hochgeladen hast
4. Finde das Kontrollkästchen Bild mit weißem Text überlagern
5. Aktiviere das Kästchen
6. Klicke auf Änderungen speichern unten

Hinweis: Diese Option erscheint nur, wenn du ein Header-Hintergrundbild hochgeladen hast.

Benutzerdefiniertes CSS

Für fortgeschrittene Nutzer, die CSS kennen, kannst du eigene benutzerdefinierte Styles hinzufügen, um deine Website komplett zu personalisieren.

Benutzerdefiniertes CSS hinzufügen:
1. Gehe zu Website-Einstellungen > Design-Tab
2. Scrolle nach unten (unter den Header-Abschnitt)
3. Klicke auf den Link Benutzerdefiniertes CSS hinzufügen
4. Ein Benutzerdefiniertes CSS-Textbereich erscheint
5. Gib deinen CSS-Code ein oder füge ihn ein
6. Klicke auf Änderungen speichern unten

Benutzerdefiniertes CSS entfernen:
1. Gehe zu Website-Einstellungen > Design-Tab
2. Scrolle zum Bereich Benutzerdefiniertes CSS
3. Klicke auf den Link Benutzerdefiniertes CSS entfernen
4. Der Textbereich verschwindet und dein benutzerdefiniertes CSS wird gelöscht
5. Klicke auf Änderungen speichern

Wer benutzerdefiniertes CSS verwenden sollte

  • Webentwickler oder Designer

  • Personen, die sich mit Code auskennen

  • Nutzer mit spezifischen Designanforderungen, die von integrierten Optionen nicht abgedeckt werden

Wer benutzerdefiniertes CSS überspringen sollte

  • Nutzer, die nicht mit CSS vertraut sind

  • Jeder, der nur grundlegende Anpassungen möchte (verwende stattdessen die Farb- und Schrift-Werkzeuge)

Tipps für benutzerdefiniertes CSS

Teste gründlich. Benutzerdefiniertes CSS kann dein Design zerstören, wenn es nicht sorgfältig gemacht wird. Sieh dir immer deine Live-Website nach dem Speichern an!

Fange klein an. Mache eine Änderung auf einmal und teste.

Mobile-freundlich. Denke daran, auf Mobilgeräten zu testen. Verwende bei Bedarf Media Queries.

Zum Standard-Design zurückkehren

Wenn du erweiterte Änderungen gemacht hast und frisch starten willst:

  1. Schalte Vereinfachtes Design AUS

  2. Deaktiviere Bild mit weißem Text überlagern wenn aktiviert

  3. Klicke auf Benutzerdefiniertes CSS entfernen wenn du welches hinzugefügt hast

  4. Klicke auf Änderungen speichern

Du bist zurück zum Standard-Erscheinungsbild deines Themes!

Erweiterte Design-Optionen geben dir vollständige Kontrolle über das Erscheinungsbild deiner Hochzeitswebsite, ob du ein vereinfachtes Theme oder volle CSS-Anpassung möchtest!

Verwandte Artikel

Hat dies deine Frage beantwortet?