Website gestalten

GREYD. Blocks

Die GREYD.SUITE stellt dir neben den nativen Blöcken von Gutenberg zahlreiche weitere Blöcke zur Verfügung. Damit kannst du innerhalb kürzester Zeit deine Seite ganz nach deinen Bedürfnissen erstellen.

Spalten Block

Wie definiere ich das Seiten-Layout

Der Spalten Block ist einer der wichtigsten Blöcke in der GREYD.SUITE. Spalten definieren das grundlegende Layout deiner Seite. Auch das responsive Verhalten steuerst du über den Spalten-Block, ebenso wie auffällige Hintergrund Effekte.

Enthaltene Themen
Zeile, Spalten, Hintergrund, Hintergrundfarbe, Video, Animation, Parallax, Farbverlauf, Gradient, Overlay, Überlappung, z-Index, Ebene, Hintergrundbild, Trennelement, Separator, Zeilenbreite, volle Breite & Höhe, mobile Optimierung, Responsive, Spaltengutter, Grid, Versatz, Bootstrap

Verwandte Themen
Customizer, Seitenraster, Gutenberg in der GREYD.SUITE, Animationen

Content Box Block

Wann nutze ich die Content-Box?

Eine Content-Box ist ideal, um Inhaltsbereiche auf deiner Seite optisch hervorzuheben. Beispielsweise durch Hintergründe, Hover-Effekte, Schlagschatten oder Verlinkungen. Wie einfach du mit den zahlreichen Einstellungsoptionen optisch ansprechende Content Boxen gestalten kannst, erfährst du in diesem Tutorial.

Enthaltene Themen
Box, Verlinkung, Hintergrund, Hintergrundfarbe, Rahmen, Schlagschatten, Drop Shadow, Schatten, Hover, Farbverlauf, Gradient, Hintergrundbild, Effekt, Padding, Margin, Mindesthöhe, Animation, mobile Optimierung, Responsive, Group Block, Gruppe

Conditional Content

Wie gestalte ich Inhalte dynamisch?

Mit Hilfe des Conditional Content Blocks kannst du deine Inhalte dynamisch gestalten und von verschiedenen Faktoren abhängig machen: URL-Parameter, Cookies, Tageszeit und Nutzerrollen. Auf diese Weise kannst du etwa Nutzern, die über einen Newsletter auf deine Seite kommen, andere Inhalte anzeigen als solchen, die über Google kommen.

Wie das ganz ohne Programmierung mit wenigen Klicks funktioniert, zeigen wir dir hier.

Enthaltene Themen
Abhängigkeit, dynamische Inhalte, Conditional Content, URL-Parameter, Cookies, Bedingung, Opt-in, Opt-out, Formular ID, Content Automation

Verwandte Themen
GREYD.Forms, Customizer, Bedingter Container, Gated Content

Post Übersicht / Slider / Abfrage Loop

Wie erstelle ich eine Beitragsübersicht bzw. einen Slider?

Mit Post Übersichten kannst du Newsbereiche oder Blogs darstellen, dein Portfolio oder auch Mitarbeiter und Standorte visualisieren. Welche Einstellungs-Optionen dir das Modul Post Übersicht / Slider bietet, zeigen wir dir in diesem Video.

Enthaltene Themen
Beitrag, Beiträge, single Templates, Blog, News, Dynamic Post Types, Post Type, Kategorie, Schlagwörter, Paginierung, Slider, Slides, Animation, Loop, Autoplay

Verwandte Themen
Post Archiv, Customizer, Templates, Dynamic Post Types, Suche, Post Tabelle

Post Tabelle

Wie stelle ich Post Inhalte als Tabelle dar?

Der Block Post Tabelle ist eine Variante der Post Übersicht und ermöglicht es dir, Post Inhalte in Tabellenform darzustellen.

Enthaltene Themen
Post Übersicht, Query Loop, Tabelle, mobil optimiert, Beitrag, Beiträge, single Template, Post Types, Kategorie

Verwandte Themen
Post Übersicht, Templates, Dynamic Post Types

Archive Block

Wie erstelle ich ein Beitrags-Archiv?

Mit dem Archive Block kannst du Beiträge eines bestimmten Zeitraums, einer bestimmten Kategorie oder mit bestimmten Schlagwörtern anzeigen lassen. Erfahre hier, wie du dir ein individuelles Beitragsarchiv gestaltest und mit welchen Funktionen wir den nativen Archive Block von Gutenberg erweitert haben.

Enthaltene Themen
Beitragsarchiv, archive Template, Datum, Kategorie, Schlagwörter, Beiträge, Post Type, Ergebnisdetails, Archiv konfigurieren, Reihenfolge

Verwandte Themen
Post Übersicht, Customizer, Templates, Dynamic Post Types, Suche, Post Tabelle

Trigger Events

Wie kann ich Buttons zum Auslösen von Events nutzen?

In diesem Video zeigen wir dir, wie einfach du einen Trigger-Button in deine Seite integrieren kannst, bei dessen Klick zum Beispiel Elemente ein- oder ausgeblendet werden.

Enthaltene Themen
Trigger, Event, Button, Contentbox, Template

Verwandte Themen
Templates, Contentbox, Trigger Picker, Inline Popover, Animatonen

Trigger Picker & Dynamic Tags

Wie kann ich dynamisch Inhalte einfügen und Aktionen auslösen?

Der Trigger Picker steht dir in zahlreichen Blöcken zur Verfügung, um Elemente zu verlinken oder eine Aktion auszulösen (z.B. E-Mail Fenster oder Pop-up öffnen). Mit Dynamic Tags kannst du dynamisch Inhalte, wie etwa den Website-Titel oder ein Copyright einfügen. Mehr dazu in diesem Video.

Enthaltene Themen
Pop-up öffnen, E-Mail Fenster, Verlinkung, Link, Scroll-to, Download, dynamischer Link, Website Titel, Beitragstitel, Author, Symbol, Logo, Copyright

GREYD Buttons

Welche Funktionen bietet der GREYD Buttons Block?

Zusätzlich zum nativen Button Block von Gutenberg findest du in der GREYD.SUITE den GREYD Buttons Block. In diesem Video erfährst du, welche Möglichkeiten dir der Block bietet.

Enthaltene Themen
Button, Trigger Picker, globale Styles, Icon

Verwandte Themen
Customizer, Trigger Picker, Inline Popover, Animationen

Listen Block

Wie füge ich eine Liste auf einer Seite ein?

Eine Liste ist eine gute Möglichkeit, deinem Nutzer wichtige Informationen auf einen Blick zu liefern. In der GREYD.SUITE stellen wir dir dafür einen eigenen Block zur Verfügung. Wir zeigen dir, wie du diesen in eine Seite einbaust und gestaltest.

Enthaltene Themen
Liste, Bullet Points, Icons, Aufzählung, Absätze, Nummerierung, Symbol, Listenpunkte

Verwandte Themen
Customizer

HotSpot Block

Wie integriere ich interaktive Bilder/Animationen?

Erstelle interaktive Grafiken für deine Website, etwa mit Formularen, die sich mit Klick auf eine bestimmte Stelle im Bild öffnen. Wie das funktioniert und welche Raffinessen der HotSpot Block für dich bereit hält, erklären wir dir in diesem Video.

Enthaltene Themen
Interaktive Grafik, Animation, HotSpot, klickbare Grafiken, Formulare, Verlinkungen

Verwandte Themen
Customizer, GREYD.Forms, GREYD.Popups, Animationen, Inline Popover

Akkordeon Block

Wie erstelle ich ein Akkordeon Modul?

Der Akkordeon Block ist eine gute Möglichkeit, wenn du viele Informationen, z.B. FAQs, übersichtlich darstellen willst. In diesem Video zeigen wir dir, wie du mit dem Akkordeon Block auf- und zuklappbare Content Elemente auf deiner Website einbindest.

Enthaltene Themen
FAQ, Akkordeon, aufklappen, zuklappen

Verwandte Themen
Customizer, Trigger Events, Animationen

Tabs

Wie funktioniert der Tabs Block?

Erstelle ganz einfach aufklappbare Registerkarten, die du individuell designen kannst. In diesem Video zeigen wir dir alle Optionen des Tabs Block in der GREYD.SUITE.

Enthaltene Themen
Tabs gestalten, Inhalte, Registerkarte, Chips, Button

Verwandte Themen
Globale Design Einstellungen, Buttons, Trigger Events

Weitere Blöcke

Welche Blöcke stehen mir außerdem zur Verfügung?

Dank der vollständigen Integration in Gutenberg, kannst du in der GREYD.SUITE sämtliche native Gutenberg Blocks und Funktionen nutzen.

Bild

Abstandshalter

Social Blocks

Formular

iFrame

Wiederverwendbare Blöcke

Video

Video

Patterns (Vorlagen)

Überschrift

Gruppe

…und viele weitere Blöcke

GREYD Blocks

Häufig gestellte Fragen

Helpdesk

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

Formular überspringen

Formular übersprungen

Wo finde ich die Formular ID?

Um die Formular-ID zum Beispiel im Conditional Content Block zu nutzen, öffne einfach das entsprechende Formular. Du findest die Formular ID nun oben in der URL: “post=0123456“

Warum bekomme ich ständig 403/404 Fehler beim Bearbeiten meiner Seite?

Derartige Fehlermeldung können verschiedene Ursachen haben. Tritt der Fehler aber sehr häufig bei “normalen” Tätigkeiten wie dem Speichern/Veröffentlichen von Seiten oder dem Einrichten deines Cookie Plugins auf und es gehen Informationen dabei verloren, liegt es sehr wahrscheinlich an den Firewall Einstellungen deines Hostings (mod_security). Um das zu verhindern musst du die entsprechenden Aktionen whitlisten oder mod_security deaktivieren.

Warum wird mein Hintergrundbild nicht angezeigt?

Elemente wie Contentboxen oder Spalten haben per se keine Höhe definiert. Diese ergibt sich automatisch durch die darin platzierten Inhalte. Wenn du nun also für eine Contentbox, Spalte o.Ä. ein Hintergrundbild einstellst, jedoch keine Inhalte in den Block legst, hat dieses keine Höhe und wird somit nicht angezeigt.

Warum werden nicht alle Posts in den Suchergebnissen angezeigt?

Standardmäßig durchsucht WordPress mit Frontend Suchen ausschließlich den Titel und den Content von Posts. Hast du mit Dynamic Post Types eigene Beitragstypen angelegt, deren Inhalte nicht nur im Contentbereich, sondern auch in individuell angelegten Post Type Feldern liegt, wird dieser standardmäßig nicht durchsucht. In den GREYD.SUITE Einstellungen findest du eine Option zur Anpassung der Suchfunktion.

Warum taucht mein Post Type nicht in der Suche auf?

Um Dynamic Post Types in Frontend Suchen einbinden zu können, musst du die entsprechende Option in den Einstellungen deines Dynamic Post Types aktivieren. Du findest die Funktion in deinem Dynamic Post Type unter “Post Architektur”.

Kann ich Anker auf anderen Seiten verlinken?

Selbstverständlich! Setze einfach einen Link auf die gewünschte Seite und ergänze die URL mit /#Ankername.

Warum ist zwischen dem Rand und Inhalt der Content Box kein Abstand?

Der Abstand zwischen Rahmen und Text innerhalb einer Content Box lässt sich über das Padding steuern. Dieses kannst du in den Einstellungsoptionen der Content-Box für jeden Breakpoint individuell angeben. Trage mindestens für die mobile Darstellung ein Padding ein, um einen Abstand zu schaffen. Falls du auf anderen Endgeräten beispielsweise einen größeren Abstand haben möchtest, kannst du diesen individuell in das dafür vorgesehene Eingabefeld eintragen.

Warum sind meine Content Boxen trotz Mindesthöhe unterschiedlich hoch?

Bitte überprüfe, ob du in den Content-Box-Einstellungen für jeden Breakpoint die passende minimale Höhe eingetragen hast. Werden beispielsweise auf Desktop-Screens drei Boxen nebeneinander dargestellt, auf iPad jedoch nur zwei, kann es sein, dass du für den Breakpoint “iPad” eine andere Mindesthöhe angeben musst, als auf größeren Screens. Trägst du nur bei “mobilen Geräten” eine Mindesthöhe ein, wird diese automatisch für alle anderen Breakpoints übernommen.

Wo kann ich die Farbauswahl anpassen?

In zahlreichen Modulen kannst du bei der Farbwahl direkt auf deine, im Customizer definierten Farben zugreifen (z.B. beim Zeilenhintergrund oder den Content-Box Einstellungen). Alternativ kannst du über den farbigen Kreis rechts davon jede beliebige Farbe einstellen.

Möchtest du die Farben in der Vorauswahl ändern, öffne den Customizer und den Tab “Farben”. Mehr dazu erfährst du unter Customizer.

Quick Links

Die wichtigsten Themen auf einen Blick

Intro
Editor & Funktionen

Customizer
Globale Styles

GREYD.Hub
Websites verwalten

Formulare & Pop-ups
Conversion Elemente

GREYD. Blocks
Website Elemente

Templates & Posts
Flexible Vorlagen

All WordPress. One Suite.

Professionelle WordPress
Websites einfach gestalten

jetzt starten