Thema

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.

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

Thema

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

Thema

General Questions, Website management

How can I stretch post slider content to the same height?

When displaying content in a post slider, a common issue is that the length of your dynamically inserted content may vary and thus the individual posts in your slider have different heights. If you want to display several posts next to each other and want to stretch them to the same height, this is the […]

Thema

Design, Templates & Post Types

How do I register custom dynamic tags?

Greyd.Suite Dynamic Tags allow you to display any meta field from your Greyd.Suite custom post types for example in query loops. In case you want to register custom dynamic tags (e.g. when working with post types created with other tools than our suite), we've prepared a little plugin for you that serves as a blueprint.The […]

Thema

Templates & Post Types

How can I switch to a child theme?

In this article we describe how you can switch to a child theme when you have already created contents, layouts and design that you do not want to loose:Keep the current theme activeMake a backup of your entire site, the design and files via Greyd.HubIf available, copy the additional CSS in the global styles into […]

Thema

General Questions, Templates & Post Types

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

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

Thema

General Questions, Website management

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

All you need to know about multilingual FSE websites

In this article, we would like to give you some help when it comes to multilingual websites with Full Site Editing.The fact is that not all multilingual solutions are yet compatible with Full Site Editing. We have extensively tested two of the most popular providers – WPML & Polylang – especially in combination with Greyd.Suite. […]

Thema

General Questions, How to Start

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

Thema

Templates & Post Types

Thema

Integrations, Templates & Post Types

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.

Thema

Greyd.Blocks, Templates & Post Types

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

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.

Thema

Templates & Post Types

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.

Thema

Templates & Post Types

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

Thema

Templates & Post Types

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.

Thema

Greyd.Blocks, Templates & Post Types

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

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

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

Templates & Post Types

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.

Thema

Templates & Post Types

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.