Topic:

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.

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.

Related articles & tutorials

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

Topic

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

Topic

Design

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

Topic

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

Topic

Design

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

Topic

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

Topic

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

Topic

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

Topic

Design, Templates & Post Types

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

Topic

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

Topic

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

Topic

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

Topic

Templates & Post Types

●●●●

Topic

Greyd.Blocks, Templates & Post Types

How to create post overviews and sliders

In this video we show you how you can create super custom post overviews and sliders with Greyd.Suite's post slider block. With detailed frontend and backend filters, sorting options and even interactive live searches.

Topic

Integrations, Templates & Post Types

WooCommerce & Greyd

Greyd.Suite is fully compatible with WooCommerce. Watch this video to find out about the many benefits and additional features you get when combining the two tools with each other – from conditions, to advanced query & search features to synchronizing WooCommerce products across several websites.

Topic

Greyd.Blocks, Templates & Post Types

How do I create frontend searches?

In this video we will show you how to create custom frontend searches with filtering and sorting options for the user. We also explain the extensive Advanced Search functions in Greyd.Suite.

Topic

Templates & Post Types

How do I work with templates and template parts?

In this video, we show you how to create and add templates and template parts using the Site Editor in Greyd.Suite.

Topic

Templates & Post Types

How do I create dynamic layout templates?

This video explains how easy it is to create and use layout templates that are independent from your content. Learn also how to change a template without affecting your content.

Topic

Templates & Post Types

How does the whole post & post type thing work?

In this video we will show you the entire process from creating a custom post type to designing the corresponding templates (post template, archive, search) and displaying certain posts with the query loop / post overview block.

Topic

Greyd.Blocks, Templates & Post Types

How does the burger / dropdown / popover block work?

You`ll find the popover block in three different variants. Depending on where and how you use it, you can build inline popups, dropdowns or burger menus with it. This video shows you how it works.

Topic

Templates & Post Types

How do I create custom post types?

With Greyd.Suite you can create and design custom post types without coding. There's no need for any programming skills, technical know how or even WordPress knowledge to manage post content. Learn here how it works.

Topic

Greyd.Blocks

How can I insert dynamic content and trigger actions?

The trigger picker is available in several blocks to link elements or trigger an action (e.g. open an email window or popup). With Dynamic Tags you can insert dynamic content like your website title, a copyright symbol or today's date. Learn more in this video.

Topic

Greyd.Blocks

How does the columns block work?

The columns block offers you lots of possibilities in GREYD.SUITE. It can be used to define the overall layout of a page and can also provides advanced responsive options. Plus, in GREYD.SUITE there are lots of effects like fancy backgrounds available in the columns block.

Topic

Greyd.Blocks, Templates & Post Types

How do I display posts as a table?

The Post Table block is a variant of the Post Overview and allows you to display post content in table form.

Topic

Greyd.Blocks

How do I animate elements on my website?

With GREYD.SUITE you can animate almost any website element, choosing from a wide variety of effects and triggers.

●●●●