Thema

Design, Greyd.Blocks

How do I create srcoll-to-top buttons?

To create a scroll-to-top button, place the block "Greyd Buttons" on your website, then click on the trigger picker and select "scroll to". You can now select "page top".

Backend screenshot of the button settings in GREYD.SUITE

Tip: A common use case for scroll-to-top buttons is to leave the button empty (no text) and add an arrow icon.

Learn more about GREYD buttons:

Learn more about the GREYD.SUITE Trigger Picker:

Ähnliche Artikel & Tutorials

Hinweis: Die Hilfsartikel stehen derzeit nur auf Englisch zur Verfügung.

How can I make dynamic fields only appear when a post data is available?

Imagine you have a post slider / query loop showing employees. Some employees have a LinkedIn profile that is to be displayed below their photo and name, some don't. You would now want your post slider to only display the LinkedIn icon when there is a LinkedIn profile available.There's an easy way to do that […]

Thema

Design, Templates & Post Types

How can I have several layouts / designs in one post overview?

With the Post Overview or Query Loop block, you can flexibly display posts – as a table, grid or list. In combination with Conditional Content, you can also visually highlight individual posts and/or work with different layouts within one post overview. To do this, simply add the Conditional Content block twice in your query loop. […]

Thema

Design, Greyd.Blocks, Templates & Post Types

Why does my site not show skip links?

Skip links are an essential accessibility feature. When someone navigates your website using the key board, skip links make their life a lot easier as they can skip elements like forms or menus if they want to navigate on the site instead of having to go through each and every menu element or form field.With […]

Thema

Design, General Questions, Templates & Post Types

How do I prevent unwanted breaks in texts/headlines?

Depending on your screen size, it may happen that you see unwanted breaks in words (especially long ones), for example in headlines. There is a simple way to make sure words break only where and how you want them to: HTML entities.There are a lot of interesting HTML entities, however we’d like to highlight two […]

Thema

Design

Why do anchor links not jump exactly to the right position?

If you use anchor links to navigate your site, you may find that the page sometimes scrolls too far or not far enough. This is a common problem in WordPress.But GREYD.SUITE offers a solution: You can set anchors with our block "anchor target" and define the offset individually and even set different values for different […]

Thema

Design, Greyd.Blocks

How can I stretch elements to the same height?

When having several content boxes or texts in columns next to each other, often the layout is tricky when these elements do not have the same height (e.g. because of different text lengths). However, we offer several ways to make sure, your content looks good:Headline & Paragraph BlockIn the headline & paragraph block we have […]

Thema

Design, Greyd.Blocks

How can I have two fonts in one headline?

To have two different fonts in one headline or other text-based blocks, just make the text "italic" (cmd+i / strg+i) and insert the following global CSS (in the Customizer or Site Editor): /* Change Font Family on Italic */em {font-family: var(–fontFamily1);} Step 1: Make text “italic” Have two different fonts in one headline

Thema

Design, Greyd.Blocks

How do I build a sticky header?

You can easily build sticky headers with our content box variation "Pinned Box". You can find out how in our tutorial video in the chapter "Sticky Header".A small note on the side: The name could lead one to assume that sticky headers are built with the Sticky Box variation instead of the Pinned Box. However, […]

Thema

Design, Templates & Post Types

The link viewport is outside my browser window.

Sometimes when trying to set a link, e.g. on a paragraph or headline, the link viewport appears outside of your browser window and is not editable. There are two very easy workarounds to solve that:Either click the element you want to link again.Or scroll down before clicking the trigger picker and then scroll up again.Both […]

Thema

General Questions, Greyd.Blocks, How to Start

How do I create srcoll-to-top buttons?

To create a scroll-to-top button, place the block "Greyd Buttons" on your website, then click on the trigger picker and select "scroll to". You can now select "page top".Tip: A common use case for scroll-to-top buttons is to leave the button empty (no text) and add an arrow icon. Learn more about GREYD buttons:Learn more […]

Thema

Design, Greyd.Blocks

Thema

Greyd.Blocks, Templates & Post Types

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

Vimeo immer entsperren

Wie funktioniert der Burger / Dropdown / Popover Block?

Den Popover Block gibt es in gleich drei verschiedenen Varianten. Je nachdem wo und wie du ihn einsetzt, kannst du damit Inline Popups, Dropdowns oder auch Burger Menüs umsetzen. In diesem Video zeigen wir dir alle Optionen.

Thema

Greyd.Blocks, Templates & Post Types

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

Vimeo immer entsperren

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.

Thema

Greyd.Blocks

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

Vimeo immer entsperren

Wie personalisiere ich Website Inhalte?

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, […]

Thema

Greyd.Blocks, Templates & Post Types

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

Vimeo immer entsperren

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.

Thema

Greyd.Blocks

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

Vimeo immer entsperren

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.

Thema

Greyd.Blocks

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

Vimeo immer entsperren

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.

Thema

Greyd.Blocks

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

Vimeo immer entsperren

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.

Thema

Greyd.Blocks

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

Vimeo immer entsperren

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.

Thema

Greyd.Blocks, Templates & Post Types

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

Vimeo immer entsperren

Wie gestalte ich Frontend Suchen?

In diesem Video zeigen wir dir, wie du individuelle Frontend Suchmasken mit Filter- und Sortiermöglichkeiten für den Nutzer gestaltest. Außerdem erklären wir dir die umfangreichen Advanced Search Funktionen in der Greyd.Suite.

Thema

Greyd.Blocks

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

Vimeo immer entsperren

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.

Thema

Greyd.Blocks

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

Vimeo immer entsperren

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.

Thema

Greyd.Blocks

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

Vimeo immer entsperren

So funktioniert der Spalten Block

Der Spalten Block ist ein wichtiger Block in der Greyd.Suite. Einerseits kannst du Spalten nutzen, um das grundlegende Layout deiner Seite zu definieren. Außerdem bieten dir Spalten einige zusätzliche Responsive Optionen, ebenso wie auffällige Hintergrund Effekte.