This tutorial is held on the JetEngine plugin. There are several ways to display the date of the post on your website. Before we look at each of them, let’s take a peek at formatting date and time in WordPress.
Adjusting the Time and Date Format
1 Step – Open your WordPress Dashboard and proceed to the Settings > General. Now you can see the General Settings screen.
2 Step – Scroll down to the Date Format section. Choosing a certain format you apply it throughout the whole WordPress installation. Here you have several options available.
Each letter on the right represents a specific part of the date. Here is what they mean:
- F – full name for the month;
- j – the day of the month;
- Y – the year in 4 digits;
- y – the year in two last digits;
- l – full mane for the day of the week;
- m – a month in numbers;
- d – a day of the month in numbers;
If you want to learn more, read this article by WordPress support. Pay attention that you can set a custom date format using the appropriate letters.
3 Step – Don’t forget to specify the day the week starts on in the Week Starts On dropdown at the very bottom of the page.
Displaying date with Dynamic Meta
1 Step – Open the post where you want to display the date. Find the Dynamic Meta widget and drop it to the page.
2 Step – Open the content accordion block and see the item you already have there: date, author and comments.
3 Step – Click the date item to reveal the additional options. Here you can select the Type as date, assign it a specific Icon, type in Prefix and Suffix.
4 Step – Move towards the Date Settings accordion block, where you can set the Format of the date and make the date linked to Archive, post or disable the link in the Link dropdown.
5 Step – Click the Publish button and enjoy!
Displaying date with Dynamic Field (Post Data)
If you need to display the date when the publication was published, follow the 3-step instruction below.
1 Step – Go to the page and find the Dynamic Field widget. Drag and drop it to the page.
2 Step – Open the Content accordion block and proceed to the Source dropdown where you have to choose the Post/Term Data option.
3 Step – In the Object Field dropdown, select Date. And now you can see the date on the page.
Displaying date with Dynamic Field (Meta Data)
Sometimes you are required to display the date different from the date of publishing the post. For instance, you are posting an event and need to display its date. Follow the instruction below to do so.
1 Step – Go to JetEngine > Meta Boxes and click the Add New button to create a meta box.
2 Step – Give it a name Date in the respective text field.
3 Step – This meta box is for Posts which you have to specify in the Meta Box for dropdown.
4 Step – Select the Post types as Posts.
5 Step – Write down the Title for this meta field as Date.
6 Step – Specify the Name/ID as date.
7 Step – And the most important step is to identify the Type of the meta field as Date.
8 Step – Scroll up to the top of the page and click the Add Meta Box button to save the changes.
9 Step – Open any post which you want to display the date of and scroll down to the Date section. Here you can see the meta field you have just created.
10 Step – Click the field to open the visual calendar. Select the appropriate date. Don’t forget to click the Update button to save the changes. Go to the other posts and repeat the procedure.
11 Step – Open the page and find the Dynamic Field widget. Drag and drop it to the page.
12 Step – Open the Content accordion brock and go to the Source dropdown to choose the Meta Data option.
13 Step – In the Meta Field dropdown, select the Date meta field.
14 Step – Toggle the Filter field output option to Yes to reveal the additional options.
15 Step – In the Callback, dropdown select the Format date option and the date will appear on the page.
16 Step – You can change the way the date is displayed in the Format dropdown.
Now you know several ways to display the date on the page. Choose the one you like most.