Design, General Questions, 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 Greyd.Suite skip links will be added automatically to your menus and forms. They are invisible, but as soon as someone visits your website using the key board, they will appear.

However, for skip links to work properly, your website needs a "main" element, as otherwise the system does not know where to jump after skipping the form or menu. So, if you page does not have a <main> element (which often is the case with custom site templates), skip links won't be available.

What do you need to do?

Open the respective template in the Site Editor. There, you usually have a header, content and footer element. The content needs to be in a group or similar. Click on that group and go to the advanced block settings on the right.

Backend screenshot of the template list view with the content element highlighted

Here you can now select the HTML element "<main">.

Backend screenshot of the advanced block settings including HTML element

Ähnliche Artikel & Tutorials

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

How to customize the output of ACF Dynamic Tags

The ACF Dynamic Tags feature in the Greyd.Suite plugin allows you to use Advanced Custom Fields (ACF) within the editor and customize their output using specific filters. This document explains how the feature works and provides examples for customization.Key Filters greyd_acf_dynamic_tag This filter allows you to customize the HTML output of an ACF dynamic tag. […]


Templates & Post Types

How to create a live search with the search field and post slider in different sections

The Greyd live search block enables you to integrate interactive searches on your website. This usually requires the search field and the posts slider to placed together. However, if you want to create layouts like the following, with the search field being visually separated from the search results slider, this is also possible.This is how:Create […]


Design, Templates & Post Types

How can I prevent style issues when working with external themes?

The way themes handle styles varies, which may lead to style issues in Greyd blocks when using the Greyd plugin together with external themes. However, with the Theme Adaptor we offer you a feature to ensure consistent styling for essential CSS elements like accordions, buttons, and tabs, even when the Greyd theme isn’t active. You […]


Design

How to use WP All Import to import posts to a custom post type?

You might have created a Greyd.Suite custom post type with some custom fields and now want to import posts from a CSV file.You can use WP All Import to turn your CSV entries into posts. You now need to know that dynamic meta fields in Greyd.Suite are saved as an object – for scaling and […]


Templates & Post Types

How can I make core taxonomies available to custom post types?

Greyd.Suite global taxonomies enable you to create taxonomies that apply to several post types. However, you might also want to use the default "categories" of your default posts as a global taxonomy. You can easily do that by creating a taxonomy with the slug "Category", as this automatically references the default category. You can then […]


Templates & Post Types

Why do some Dynamic Templates fields not appear in the backend when filling a template with content?

Please make sure to give each element a unique name, even if you copy elements in the template, for example. If two elements have the same name, they are automatically filled with the same content and will not be listed individually as dynamic fields. This has the great advantage that you can easily copy template […]


Templates & Post Types

What you need to know about HTTP password protection

We often receive support tickets with strange issues that we can later relate to HTTP password protection instead of any issue caused by Greyd.Suite.In general, WordPress often experiences issues when HTTP password protection is used. So, in case you are using HTTP password protection and experience one or several of the following symptoms, we highly […]


General Questions, Website management

How to create custom actions in globally connected forms

Greyd.Suite enables you to synchronize posts across several websites with Global Content. However, you can customize specific meta fields — like a forms admin mail_to field — locally for individual posts without disrupting global synchronization.How it works With a simple code snippet added to your child theme's functions.php you can:enable local editing of any meta […]


Forms & Popups, General Questions, Website management

I get a notice that a main element is missing?

HTML elements define the structure of your pages. One of those tags is <main> defining the part of a page containing the content. Among others, this is relevant for accessibility, i.e. for skip links to skip menus or forms to jump to the right position. In Block Themes the main element often lies in your […]


General Questions, Templates & Post Types

How to upload Adobe fonts

At the moment, the WordPress Core does not support adding Adobe Fonts through the user interface, unlike Google Fonts or actual font files (WOFF2, TTF, etc). However, it’s still possible with a PHP snippet to get your Adobe Fonts into the website, both in frontend and backend. Ideally you have created a child theme before, […]


Design

Columns vs. rows vs. grid – When to use which block

In this video, we will show you when to use columns, when to use rows and when to use the new Block Editor grid function to structure your website in the best possible way. We take a look at the different variants and discuss the respective advantages and disadvantages so that you can make the […]


Design

How do I integrate external code snippets?

Depending on the Greyd.Suite version you are working with, there are various possibilities: You can easily insert code snippets at the end of the <head> and <body> tags in the Greyd.Suite settings: You can use the HTML block in the Block Editor and insert it in your header and/or footer template(s). In general, please note that […]


General Questions, Website management

Integrations, Templates & Post Types

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

WooCommerce & Greyd

Die Greyd.Suite ist vollständig mit WooCommerce kompatibel. In diesem Video zeigen wir dir die zahlreichen Vorteile und zusätzlichen Funktionen, die dir durch die Kombination der beiden Tools zur Verfügung stehen – von Conditions über erweiterte Filter- und Suchfunktionen bis hin zur Synchronisation deiner WooCommerce Produkte über mehrere Websites hinweg.

Greyd.Blocks, Templates & Post Types

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

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.

Greyd.Blocks, Templates & Post Types

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

So stellst du Beiträge mit dem Post Slider dar

Mit dem Post Slider Block kannst du super individuelle Post Übersichten und Slider erstellen. Mit detaillierten Frontend und Backend Filtern, Sortieroptionen und sogar interaktiven Live Suchen. Alle Optionen beschreiben wir in diesem Video.

Templates & Post Types

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

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

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

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

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

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

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

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

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

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, Templates & Post Types

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

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.

Templates & Post Types

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

Wie gestalte ich Header & Footer?

In diesem Video fassen wir alle relevanten Einstellungen, Blöcke & Optionen für dich zusammen, die du für die Gestaltung der Template Parts Header und Footer benötigst. Von der Navigation über die Erstellung von Off-Canvas Burger Menüs bis hin zu Logo und Seitentitel.

Templates & Post Types

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

Wie erstelle ich Custom Post Types?

Mit der Greyd.Suite kannst du Custom Post Types ganz ohne Programmierung erstellen und gestalten. Die Datenpflege erfordert dabei keinerlei technisches Know How oder WordPress Kenntnisse. Erfahre hier, wie einfach das Ganze funktioniert.