How to display the post date in WordPress Post Grid Gallery

Product:

Wonder Grid Gallery

Tutorial:

Wonder Grid Gallery can be used to create WordPress grid galleries from WordPress posts. This tutorial will guide you how to add the post date to the grid gallery.

To display the post date in the gallery, in the gallery editor, step 4 Options tab, Text and Grid Gallery Content, you can add the macro variable __DATE__ to the Text Overlay template. The macro variable will be dynamically replaced by the post date when the gallery is published.

wordpress-gallery-post-date

To style the date, you can add it with a CSS class and define the CSS, for example:

<div class="wonderplugin-gridgallery-item-date">__DATE__</div>

A demo is as follows. Hover over the image, the post date is displayed under the post title.

Demo Post 5
Demo Post 5
2019-05-24
Amet aliquam id diam maecenas ultricies mi. Nibh praesent tristique magna sit amet purus gravida. In pellentesque massa placerat duis ultricies lacus. Placerat duis ultricies…
Demo Post 4
Demo Post 4
2019-05-24
Eget nulla facilisi etiam dignissim. Egestas quis ipsum suspendisse ultrices. Donec ultrices tincidunt arcu non sodales neque sodales ut etiam. Purus sit amet volutpat consequat…
Demo Post 3
Demo Post 3
2019-05-24
Tellus integer feugiat scelerisque varius morbi enim nunc faucibus. Aliquam faucibus purus in massa tempor nec feugiat nisl pretium. Curabitur vitae nunc sed velit. Etiam…
Demo Post 2
Demo Post 2
2019-05-24
Vel pharetra vel turpis nunc eget lorem dolor. Mattis molestie a iaculis at erat pellentesque. Tincidunt praesent semper feugiat nibh sed pulvinar proin. A diam…
Demo Post 1
Demo Post 1
2019-05-24
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis…
Demo Post 10
Demo Post 10
2019-05-24
Condimentum vitae sapien pellentesque habitant morbi. Fermentum dui faucibus in ornare quam. Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Libero justo laoreet…
Demo Post 9
Demo Post 9
2019-05-24
Morbi tempus iaculis urna id volutpat lacus laoreet non curabitur. Amet purus gravida quis blandit turpis cursus in. Orci a scelerisque purus semper eget duis…
Demo Post 8
Demo Post 8
2019-05-24
Vivamus arcu felis bibendum ut. Mattis molestie a iaculis at. Et tortor at risus viverra adipiscing at. Egestas pretium aenean pharetra magna ac placerat vestibulum…
Demo Post 7
Demo Post 7
2019-05-24
Condimentum vitae sapien pellentesque habitant morbi. Fermentum dui faucibus in ornare quam. Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Libero justo laoreet…
Demo Post 6
Demo Post 6
2019-05-24
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Suscipit adipiscing bibendum est ultricies integer…

The supported macro variables are as follows:

Key Description
__TITLE__ title of the item
__DESCRIPTION__ description of the item
__IMAGE__ image HTML code
__BUTTON__ button HTML code
__SOCIALMEDIA__ social media buttons HTML code
__DATE__ date of a post, only works for WordPress post gallery and WordPress custom post type gallery
__AUTHOR__ author of a post, only works for WordPress post gallery and WordPress custom post type gallery
__CATEGORYNAMES__ category names, only works for WordPress post gallery and WordPress custom post type gallery
__CATEGORYNAMESANDLINKS__ category names and links, only works for WordPress post gallery and WordPress custom post type gallery
__TAGNAMES__ tag names, only works for WordPress post gallery and WordPress custom post type gallery
__TAGNAMESANDLINKS__ tag names and links, only works for WordPress post gallery and WordPress custom post type gallery