Menü überspringen
Menü überspringen

Globale Styles

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.

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

Verwandte Themen
Gutenberg in der GREYD.SUITE, Custom Font Integration

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

Verwandte Themen
Gutenberg in der GREYD.SUITE, Templates, Menüs erstellen

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 jeden Block 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
Gutenberg in der GREYD.SUITE, GREYD.Forms, GREYD Buttons, GREYD Blöcke

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, Spalten

Verwandte Themen
Gutenberg in der GREYD.SUITE, GREYD.Hub, Templates, Spalten

Vimeo

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

Video laden

Design-Anpassungen

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, Gutenberg in der GREYD.SUITE, Customizer Basics, Navigation

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

Icon Quick Links

Customizer

Häufig gestellte Fragen

Helpdesk

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

Formular überspringen
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: + ( ) – /
Formular übersprungen

Wie kann ich das Parent Element eines Dropdown Menüs klickbar machen?

Normalerweise verhindert WordPress, dass ein Hauptmenüpunkt mit Dropdown einen direkten Link enthalten kann. Über folgenden Workaround kannst du das Ganze jedoch umgehen:

1. Erstelle ein Menü mit allen Seiten, die du im Dropdown haben möchtest.

2. Lege ein Template mit einem Menü Block an und wähle das in Schritt 1 erstellte Menü aus.

3. Gehe in das Hauptmenü zum Parent Element deines Dropdowns und entferne ggfs. bereits angelegte Untermenüpunkte.

4. Klappe die Menü Settings aus und wähle die Option “Template Dropdown”. Wähle hier nun das in Schritt 2 erstellte Template aus und speichere das Menü ab.

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.