The Show Elements settings allow you to configure the information fields that will be shown inside each cell. Content differs based on the content source and so details are provided individually for posts, media library and taxonomies query sources. If your query source us set to loop, you will need to be aware what underlying query source will be returned. For example, if you use loop on a post category archive page the query will return a post to Dyggrid, so you should set ‘Show Elements’ according to the query source being ‘post’. In some cases (e.g. search result pages), an archive page may deliver a mixed source. In this case some experimentation may be needed to ensure you are getting the results you expect.
Content wrapper
The content wrapper is the container that encloses all the pattern fields configured inside the angle brackets (see below). If this is not selected, no enclosed fields will show even if they are included in the pattern. The content wrapper should be unchecked in situations where settings like margin, padding and line-height would give undesirable size to the (div) container with certain styling.
Elements Pattern
Elements pattern is a draggable selection input field. To include a field in your Dyggrid, drag it from the bottom pane to the top. To remove a field, drag it to the bottom. Drag and drop the fields in the top pane to configure the order in which they will appear in Dyggrid. Each field also has an inline/block toggle. Fields with a down arrow will start on a a new line. Adjacent fields with a right arrow will appear on the same line and be separated by a pipe ‘|’ character. A description of the fields follows.
< >
The grey angle bracket fields cannot be removed or re-ordered. These represent the “content wrapper” documented above. Other fields can be arranged in and around the brackets as required.
title
- Query source = post – The post title.
- Query source = Media Library – the attachment title (set the attachment title from the WordPress Attachment details screen after clicking an image from the Media Library).
- Query source = Taxonomies – the term name.
NB: use the “Title tag” field lower down in this section to determine what html tag to use for your titles.
content
- Query source = post – this will display “the content”, including fully resolved shortcodes that may be in your post and page content (even other Dyggrids!!). This opens up many design possibilities for your Dyggrid, particularly if you are using a page builder like Divi. Note that if you enable this option with Divi content, you may need to do a page refresh after pressing update to see the rendered Divi page layout.
- Query source = Media Library – the attachment description (set the attachment description from the WordPress Attachment details screen after clicking an image from the Media Library).
- Query source = Taxonomies – not available. You can however show the taxonomy description by selecting excerpt (see below).
excerpt
- Query source = post – The post excerpt.
- Query source = Media Library – the attachment caption (set the attachment caption from the WordPress Attachment details screen after clicking an image from the Media Library).
- Query source = Taxonomies – the term description as set on the term edit page (e.g. navigate to dashboard/posts/categories then hover/edit one of the category terms in the right panel. This will give you the term edit screen for a category term)
button
Includes a button that links to the underlying post. The link destination is controlled separately. The button label can be configured using the “Button text” field under in this section.
date
The published date of the source data.
author
the author of the content.
taxonomies (orange)
Taxonomies are additional drag and drop fields for lists of terms that relate to the current post. They differ from standard (blue fields) in that:
- available taxonomies will depend on your WordPress installation. All publicly configured taxonomies will be shown (Pro version only).
- each taxonomy is output as a comma separated list of terms attached to the current content source.
Meta tag (legacy)
Not used on grids after v1.3.0. Select the html tag to use with the Meta Contents wrapper. The tag you select will effect the styling of text based on your themes style sheet, and will influence the SEO of your page.
Title tag
Select the html tag to use with the title field configured in the Elements pattern. The tag you select will effect the styling of text based on your themes style sheet, and will influence the SEO of your page. Not that you can also configure to wrap the title in link