Design, Greyd.Blocks, 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.

Example 1: Alternating Layouts – Video / Text left or right

To make your query loop alternate two different layouts, select "index of the current post" as your condition. In one of your conditional content blocks select "is even" and in the other "is odd". Then place the respective post templates (one with the video on the left and one with the video on the right) within your conditional content container.

List View for Example 1
List View for Example 1
Condition
Condition “Index of the current post is even”

Example 2: Highlighting one post in a post overview

According to the same principle you could also use different post templates – one with and one without a background color. To use the colored template for the second post of your post overview, select "index of the current post is /is not 2" as your conditions.

Condition
Condition “Index of the current post is 2”

Ähnliche Artikel & Tutorials

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


Design

How can I make taxonomies selectable via checkboxes?

Default categories for example in the blog post type are easily selectable in the backend via checkboxes and all available options are visible to the editor. Screenshot of category selection in WP blog posts When creating custom taxonomies, however, the default interface is an input field. You may see the most used taxonomies as an […]


Templates & Post Types

My site template is not connected to its site anymore

When you have a template that is assigned to a specific page, you may ran into an issue when changing the URL of that page. Your page and site template may then no longer be connected with each other.In Greyd.Suite there is an easy way to fix that: Open the Theme Asset tab in the […]


Templates & Post Types

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


Design, Greyd.Blocks

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


Design, Greyd.Blocks, Templates & Post Types

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


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


Design, Greyd.Blocks

Understanding pages & templates in FSE

Page vs. Template With Full Site Editing, you can edit pages, including the home page, directly in the Site Editor, but you don't have to. As this can be confusing for some users, we have summarised everything you need to know below: By default, most Full Site Editing themes come with a home template. If […]


Templates & Post Types

How can I make sure to only have one close X in my off-canvas burger menu?

In the Customizer navigation settings you can chose whether or not to display a close button in an off-canvas template. As off-canvas templates are often used in combination with burger icons, a close button is often not necessary as the burger icon itself acts as a close button. However, on mobile screens it may happen […]


Navigation, Templates & Post Types

How do I create categories with multiple hierarchy levels?

Whether its a GREYD.SUTIE Dynamic Post Type or a WordPress standard post type (e.g. posts) – categories can can have a hierarchy. All you have to do is select a parent category when creating a child category. Post Category Editing in WordPress Category Settings in WordPress Make sure to enable the Hierarchy-Option when creating a […]


Templates & Post Types

Why do not all posts appear in the search?

By default, WordPress searches only the title and content of posts with frontend searches. If you have created your own post types with Dynamic Post Types, whose content is not only in the content area but also in custom post type fields, for example, these are not searched by default and therefore not found.  In […]


Templates & Post Types

Can I customize the post backend interface?

When working with complex post types, you might want to customize the columns in the WordPress backend to have a clearer overview of your posts, e.g. add custom columns, hide certain columns or have a custom order. This is something we plan to add to Greyd.Suite in the upcoming months. In the meantime, we have […]


Templates & Post Types

Templates & Post Types

Vimeo

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

Video laden

Wie erstelle ich dynamische Website Templates?

Wir zeigen dir in diesem Video, wie du Content-unabhängige Vorlagen ("Dynamic Templates") erstellen und diese auf deinen Seiten einsetzen kannst. Erfahre außerdem, wie du Templates nachträglich anpassen kannst, ohne dein Inhalte zu beeinflussen.

Templates & Post Types

Vimeo

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

Video laden

Wie arbeite ich mit Templates & Template Parts?

In diesem Video zeigen wir dir wie du mit dem Site Editor in der Greyd.Suite Templates und Template Parts für deine Websites erstellst & bearbeitest. Templates definieren

Templates & Post Types

Vimeo

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

Video laden

Wie arbeite ich mit Posts & Post Types?

In diesem Video erklären wir dir einmal den kompletten Prozess von der Erstellung eines Custom Post Types, über die Gestaltung der dazugehörigen Templates (Post Template, Archiv, Suche) bis hin zur Darstellung einzelner Post in sogenannten Abfrage Loops / Post Übersichten.

Greyd.Blocks, Templates & Post Types

Vimeo

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

Video laden

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.

Greyd.Blocks, Templates & Post Types

Vimeo

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

Video laden

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.

Greyd.Blocks

Vimeo

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

Video laden

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

Greyd.Blocks, Templates & Post Types

Vimeo

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

Video laden

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.

Greyd.Blocks

Vimeo

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

Video laden

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.

Greyd.Blocks

Vimeo

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

Video laden

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.

Greyd.Blocks

Vimeo

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

Video laden

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.

Greyd.Blocks

Vimeo

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

Video laden

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.

Greyd.Blocks, Templates & Post Types

Vimeo

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

Video laden

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.