Deine erste Website mit nur 3 Videos: GREYD.SUITE Academy
Zur Übersicht
Hier erfährst du alles auf einen Blick
Installation & Einrichtung
Seitenumbau
Pagebuilder & Mobile Optimierung
Import & Export
Menü Optionen
Global Content
Zur Übersicht
Hier erfährst du alles auf einen Blick
Logo, Farben, Schriften
Navigation
Elemente
Erweiterte Funktionen
Designanpassungen
Custom Font Integration
Zur Übersicht
Hier erfährst du alles auf einen Blick
Dashboard
Back-ups
Datenbank-Tabellen
Zur Übersicht
Hier erfährst du alles auf einen Blick
Kontaktformular
Formular Einstellungen & Einträge
Mehrstufiges Formular
Checkbox
Eingabefelder
Dropdowns
Radio Buttons
Upload-Felder
Bildkacheln
Bedingter Container
Mathematisches Feld
GREYD.Popups
Zur Übersicht
Hier erfährst du alles auf einen Blick
Zeilen-Modul
Listen-Modul
Contentbox
Conditional Content
Post Übersicht / Slider
Post Archiv
Suche
Trigger-Button
Zur Übersicht
Hier erfährst du alles auf einen Blick
Dynamic Templates
Template Dashboard
Dynamic Post Types
Zur Übersicht
Hier erfährst du alles auf einen Blick
Salesforce
HubSpot
Newsletter
WooCommerce
Pagespeed

Design-Einstellungen

Customizer

Der Customizer ist das Herzstück der GREYD.SUITE. Hier kannst du Design-Einstellungen global für deine ganze Seite treffen anstatt jedes Element einzeln anpassen zu müssen.

So kannst du mit wenigen Klicks das Aussehen deiner Seite komplett verändern und sieht alle Änderungen direkt in der Live-Vorschau.

Design-Einstellungen
Customizer

Der Customizer ist das Herzstück der GREYD.SUITE. Hier kannst du Design-Einstellungen global für deine ganze Seite treffen anstatt jedes Element einzeln anpassen zu müssen.

So kannst du mit wenigen Klicks das Aussehen deiner Seite komplett verändern und sieht alle Änderungen direkt in der Live-Vorschau.

Design-Einstellungen
Customizer

Der Customizer ist das Herzstück der GREYD.SUITE. Hier kannst du Design-Einstellungen global für deine ganze Seite treffen anstatt jedes Element einzeln anpassen zu müssen.

So kannst du mit wenigen Klicks das Aussehen deiner Seite komplett verändern und sieht alle Änderungen direkt in der Live-Vorschau.

Logo, Farben, Schriften

Welche grundlegenden Einstellungen kann ich treffen?

Der Customizer ist so strukturiert, dass du beim erstmaligen Einrichten deiner Website die einzelnen Einstellungsbereiche von oben nach unten Schritt für Schritt durchgehen kannst:
Basics, Navigation, Elemente, Erweitert
In diesem Video erklären wir dir die Basics.
Enthaltene Themen

Seitentitel, Logo austauschen, Website Icon / Favicon, Farben einstellen, Schriftarten festlegen, Hintergrundfarbe, Schriftgröße, mobiles Logo

Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Logo, Farben, Schriften
Welche grundlegenden Einstellungen kann ich treffen?
Der Customizer ist so strukturiert, dass du beim erstmaligen Einrichten deiner Website die einzelnen Einstellungsbereiche von oben nach unten Schritt für Schritt durchgehen kannst:
Basics, Navigation, Elemente, Erweitert
In diesem Video erklären wir dir die Basics.
Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Enthaltene Themen

Seitentitel, Logo austauschen, Website Icon / Favicon, Farben einstellen, Schriftarten festlegen, Hintergrundfarbe, Schriftgröße, mobiles Logo

Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Logo, Farben, Schriften
Welche grundlegenden Einstellungen kann ich treffen?
Der Customizer ist so strukturiert, dass du beim erstmaligen Einrichten deiner Website die einzelnen Einstellungsbereiche von oben nach unten Schritt für Schritt durchgehen kannst:
Basics, Navigation, Elemente, Erweitert
In diesem Video erklären wir dir die Basics.
Enthaltene Themen

Seitentitel, Logo austauschen, Website Icon / Favicon, Farben einstellen, Schriftarten festlegen, Hintergrundfarbe, Schriftgröße, mobiles Logo

Navigation

Wie gestalte ich Header und Footer?

Den Navigationsbereich kannst du in der GREYD.SUITE ohne Programmierung völlig frei gestalten. Wie du Logo, Menüpunkte und weitere Element im Header und Footer individuell positionierst und gestaltest, erfährst du in diesem Video.
Enthaltene Themen

Header, Menü, Logo, Navigation, Burger Menü, Off-Menü, Off-Canvas, Dropdown Menü, Footer, zweiter Header, responsive, mobile Optimierung, vertikale Menüleiste

Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Navigation
Wie gestalte ich Header und Footer?
Den Navigationsbereich kannst du in der GREYD.SUITE ohne Programmierung völlig frei gestalten. Wie du Logo, Menüpunkte und weitere Element im Header und Footer individuell positionierst und gestaltest, erfährst du in diesem Video.
Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Enthaltene Themen

Header, Menü, Logo, Navigation, Burger Menü, Off-Menü, Off-Canvas, Dropdown Menü, Footer, zweiter Header, responsive, mobile Optimierung, vertikale Menüleiste

Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Navigation
Wie gestalte ich Header und Footer?
Den Navigationsbereich kannst du in der GREYD.SUITE ohne Programmierung völlig frei gestalten. Wie du Logo, Menüpunkte und weitere Element im Header und Footer individuell positionierst und gestaltest, erfährst du in diesem Video.
Enthaltene Themen

Header, Menü, Logo, Navigation, Burger Menü, Off-Menü, Off-Canvas, Dropdown Menü, Footer, zweiter Header, responsive, mobile Optimierung, vertikale Menüleiste

Texte, Buttons, Felder, Links

Welche Möglichkeiten habe ich zur Gestaltung meiner Website-Elemente?

Statt jedes Modul einzeln anzupassen, kannst du in der GREYD.SUITE Texte, Überschriften, Buttons, Links, Formularfelder und Benachrichtigungen zentral gestalten. So kannst du mit nur einem Klick sämtliche Buttons auf deiner Seite anpassen.

In diesem Video zeigen wir dir alle Einstellungsoptionen.
Enthaltene Themen

Text, Schriftfarbe, Schriftart, Schriftschnitt, Listen, Blockzitat, Überschrift, Zeichenabstand, Zeilenhöhe, Wortabstand, Button, Hover, Link, Formularfelder, Benachrichtigungen

Verwandte Themen

Erste Schritte, GREYD.Forms

Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Texte, Buttons, Felder, Links
Welche Möglichkeiten habe ich zur Gestaltung meiner Website-Elemente?
Statt jedes Modul einzeln anzupassen, kannst du in der GREYD.SUITE Texte, Überschriften, Buttons, Links, Formularfelder und Benachrichtigungen zentral gestalten. So kannst du mit nur einem Klick sämtliche Buttons auf deiner Seite anpassen.

In diesem Video zeigen wir dir alle Einstellungsoptionen.
Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Enthaltene Themen

Text, Schriftfarbe, Schriftart, Schriftschnitt, Listen, Blockzitat, Überschrift, Zeichenabstand, Zeilenhöhe, Wortabstand, Button, Hover, Link, Formularfelder, Benachrichtigungen

Verwandte Themen

Erste Schritte, GREYD.Forms

Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Texte, Buttons, Felder, Links
Welche Möglichkeiten habe ich zur Gestaltung meiner Website-Elemente?
Statt jedes Modul einzeln anzupassen, kannst du in der GREYD.SUITE Texte, Überschriften, Buttons, Links, Formularfelder und Benachrichtigungen zentral gestalten. So kannst du mit nur einem Klick sämtliche Buttons auf deiner Seite anpassen.

In diesem Video zeigen wir dir alle Einstellungsoptionen.
Enthaltene Themen

Text, Schriftfarbe, Schriftart, Schriftschnitt, Listen, Blockzitat, Überschrift, Zeichenabstand, Zeilenhöhe, Wortabstand, Button, Hover, Link, Formularfelder, Benachrichtigungen

Verwandte Themen

Erste Schritte, GREYD.Forms

Seitenraster, CSS, Announcement Box und mehr

Welche erweiterten Optionen stehen mir zur Verfügung?

Die erweiterten Customizer-Funktionen ermöglichen dir, das Seitenraster für deine Website individuell anzupassen, eigenen CSS Code zu implementieren und Bereiche wie Announcement Boxen und Kompatibilitätsmeldungen zu gestalten.

In diesem Video zeigen wir dir alles, was du dazu wissen musst.
Enthaltene Themen

Kompatibilitätsmeldung, Announcement Box, Aufbauseite, Vorauswahl, Presets, Features aktivieren, Seitenraster, Grid, CSS Code, mobile Optimierung, Zeilen

Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Seitenraster, CSS, Announcement Box und mehr
Welche erweiterten Optionen stehen mir zur Verfügung?
Die erweiterten Customizer-Funktionen ermöglichen dir, das Seitenraster für deine Website individuell anzupassen, eigenen CSS Code zu implementieren und Bereiche wie Announcement Boxen und Kompatibilitätsmeldungen zu gestalten.

In diesem Video zeigen wir dir alles, was du dazu wissen musst.
Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Enthaltene Themen

Kompatibilitätsmeldung, Announcement Box, Aufbauseite, Vorauswahl, Presets, Features aktivieren, Seitenraster, Grid, CSS Code, mobile Optimierung, Zeilen

Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Seitenraster, CSS, Announcement Box und mehr
Welche erweiterten Optionen stehen mir zur Verfügung?
Die erweiterten Customizer-Funktionen ermöglichen dir, das Seitenraster für deine Website individuell anzupassen, eigenen CSS Code zu implementieren und Bereiche wie Announcement Boxen und Kompatibilitätsmeldungen zu gestalten.

In diesem Video zeigen wir dir alles, was du dazu wissen musst.
Enthaltene Themen

Kompatibilitätsmeldung, Announcement Box, Aufbauseite, Vorauswahl, Presets, Features aktivieren, Seitenraster, Grid, CSS Code, mobile Optimierung, Zeilen

Designanpassungen

Wie gestalte ich eine Seite komplett um?

Dank der globalen Design-Einstellungen im Customizer der GREYD.SUITE genügen wenige Klicks, um das Aussehen einer bestehenden Seite komplett zu verändern.

Schau dir das Video an und erfahre, wie schnell du einer Seite einen völlig neuen Look verleihen kannst.
Enthaltene Themen

Website / Design importieren, Customizer Einstellungen, Seite umziehen, Logo austauschen, Farben verändern, Schriften, Header umgestalten, Buttons anpassen

Verwandte Themen

GREYD.Hub, Erste Schritte

Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Designanpassungen
Wie gestalte ich eine Seite komplett um?
Dank der globalen Design-Einstellungen im Customizer der GREYD.SUITE genügen wenige Klicks, um das Aussehen einer bestehenden Seite komplett zu verändern.

Schau dir das Video an und erfahre, wie schnell du einer Seite einen völlig neuen Look verleihen kannst.
Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Enthaltene Themen

Website / Design importieren, Customizer Einstellungen, Seite umziehen, Logo austauschen, Farben verändern, Schriften, Header umgestalten, Buttons anpassen

Verwandte Themen

GREYD.Hub, Erste Schritte

Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Designanpassungen
Wie gestalte ich eine Seite komplett um?
Dank der globalen Design-Einstellungen im Customizer der GREYD.SUITE genügen wenige Klicks, um das Aussehen einer bestehenden Seite komplett zu verändern.

Schau dir das Video an und erfahre, wie schnell du einer Seite einen völlig neuen Look verleihen kannst.
Enthaltene Themen

Website / Design importieren, Customizer Einstellungen, Seite umziehen, Logo austauschen, Farben verändern, Schriften, Header umgestalten, Buttons anpassen

Verwandte Themen

GREYD.Hub, Erste Schritte

Custom Font Integration

Wie binde ich individuelle Schriften auf meiner Seite ein?

Dieses Video liefert dir eine detaillierte Anleitung, wie du ein Custom Font Kit auf deiner Website integrieren kannst.
Enthaltene Themen

Custom Font, individuelle Schrift, Google Font lokal integrieren, CSS Stylesheet, Schriftfamilie, Font weight, Font Styles

Verwandte Themen

Customizer Basics

Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Custom Font Integration
Wie binde ich individuelle Schriften auf meiner Seite ein?
Dieses Video liefert dir eine detaillierte Anleitung, wie du ein Custom Font Kit auf deiner Website integrieren kannst.
Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Enthaltene Themen

Custom Font, individuelle Schrift, Google Font lokal integrieren, CSS Stylesheet, Schriftfamilie, Font weight, Font Styles

Verwandte Themen

Customizer Basics

Vimeo

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Custom Font Integration
Wie binde ich individuelle Schriften auf meiner Seite ein?
Dieses Video liefert dir eine detaillierte Anleitung, wie du ein Custom Font Kit auf deiner Website integrieren kannst.
Enthaltene Themen

Custom Font, individuelle Schrift, Google Font lokal integrieren, CSS Stylesheet, Schriftfamilie, Font weight, Font Styles

Verwandte Themen

Customizer Basics

Nachricht Icon
Customizer

Häufig gestellte Fragen

Helpdesk

Deine Frage ist nicht dabei? Kein Problem! Schreib uns deine Fragen einfach hier!

Die E-Mail-Adresse sollte ein '@'-Zeichen und eine gültige Domain mit einem Punkt enthalten.
Die Telefonnummer darf nur aus Zahlen und folgenden Zeichen bestehen: + ( ) - /

In der Customizer Vorschau kann ich meine WooCommerce Anpassungen nicht sehen?

Damit dir die Vorschau im Customizer deine Anpassungen auf WooCommerce-Seiten wie der Shop-Übersicht oder der Produktseite anzeigen kann, müssen diese Inhalte zunächst kreiert werden. Wenn dir die Vorschau also keine WooCommerce Inhalte anzeigt, überprüfe bitte, ob du das initiale WooCommerce Set-up vollständig durchlaufen hast. Dieses startet automatisch nach Aktivierung der WooCommerce Plugins und kann ansonsten über das WooCommerce Dashboard gestartet werden.

Wie stelle ich ein, ab wann der Header auf die mobile Ansicht wechselt?

Bei vielen Modulen im Bereich Navigation kannst du einstellen, dass diese nur auf Desktop- oder mobilen Screens dargestellt werden sollen. Den Breakpoint, ab wann der Header-Bereich auf die mobile Variante wechseln soll, kannst du unter Navigation > Header beim Punkt "Mobil" individuell einstellen.

Meine Farbanpassungen werden nicht überall übernommen.

Wenn du im Customizer z.B. Farben änderst, werden automatisch alle Elemente mit der geänderten Farbe auf deiner Website entsprechend angepasst. Dasselbe gilt auch, wenn du über das GREYD.Hub andere Design-Einstellungen importierst.

Einzige Ausnahme: Wenn du in Website-Modulen nicht die hinterlegten Farbwerte verwendest, sondern dort eine individuelle Farbe eingibst, kann dieser Bereich natürlich nicht automatisch angepasst werden.

Kann ich meine Customizer-Einstellungen exportieren?

Ja, du kannst alle Einstellungen, die du im Customizer vornimmst, über das GREYD.Hub exportieren und so ganz bequem auf weiteren Seiten implementieren. Bei Multisites benötigst du dafür die WordPress Benutzerrolle Super-Administrator.

Erfahre mehr dazu unter GREYD.Hub.

Warum wird die Aufbauseite nicht angezeigt?

Bitte überprüfe deine Customizer-Einstellungen unter Erweitert - Features. Dort kannst du das Anzeigen der Aufbauseite aktivieren und deaktivieren. Standardmäßig wird die Aufbauseite automatisch angezeigt, sobald du im Customizer einen Bereich öffnest.

Ich benötige mehr Varianten als im Customizer angeboten werden.

Im Customizer kannst du für Farben, Schriften, Buttons, Links, Felder, etc. jeweils mehrere Varianten hinterlegen. So stehen dir etwa drei verschiedene Button-Varianten zur Verfügung und du kannst insgesamt 18 Farbwerte im Customizer hinterlegen. Sollten dir diese Varianten einmal nicht ausreichen, weil du einzelne Elemente auf deiner Seite anders gestalten möchtest, ist das kein Problem. Unabhängig von deinen Customizer-Einstellungen kannst du jedes Element auf deiner Seite individuell gestalten. Zudem kannst du individuelle CSS-Designs hinterlegen.

Warum werden Anpassungen an meinem Footer-Template nicht übernommen?

Bitte überprüfe deine Einstellungen im Customizer unter  Navigation - Footer. Dort kannst du einstellen, ob ein Footer aktiviert sein soll und wie dieser befüllt werden soll. Anstelle des Footer-Templates kannst du hier z.B. auch das Hauptmenü anzeigen lassen. Hast du diese Option gewählt oder den Footer sogar deaktiviert, werden Anpassungen am Footer-Template folglich nicht dargestellt.

Kann ich alternative Schriftarten definieren?

Ja, für den Fall, dass eine Schrift im Web nicht geladen werden kann, kannst du mehrere Alternativen als Fallback einrichten. Für "websichere Schriften" sind Alternativen bereits eingestellt. Bei individuellen Schriften kannst du ebenfalls Alternativen integrieren und diese in der Benennung der Schriftfamilie mit Komma aufzählen (z.B. myFont, Helvetica, sans-serif).

Ist der Website-Titel übersetzbar?

Ja, wenn du Übersetzungs-Plugins, wie z. B. WPML verwendest, kannst du auch den Website-Titel übersetzen. Dies geschieht dann jedoch nicht über den Customizer, sondern über die WordPress Einstellungen.

Welche Formate kann mein Website-Logo haben?

Für das Website-Logo empfehlen wir dir die Bildformate .svg oder .png. Aber auch .jpg ist grundsätzlich möglich. Achte darauf, dass dein Website-Logo groß genug ist, um Unschärfe zu vermeiden. Für mobile Endgeräte hast du optional die Möglichkeit, das Logo in einer reduzierten Variante in deine Website zu integrieren.

Warum werden mir der Customizer und das GREYD.Hub nicht angezeigt?

Bitte überprüfe deine WordPress Benutzerrolle. Du kannst den Customizer nur als Administrator nutzen und das GREYD.Hub nur, wenn deine Benutzerrolle Administrator (bei Single Sites) bzw. Super-Administrator (bei Multisites) ist.