{"id":15480868,"date":"2022-03-21T22:08:10","date_gmt":"2022-03-21T22:08:10","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=15480868"},"modified":"2024-06-08T17:55:00","modified_gmt":"2024-06-08T17:55:00","slug":"post-date-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/post-date-block\/","title":{"rendered":"Post Date block"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-text-align-right has-small-font-size wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">Go to the List of Blocks<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use the Post Date block to display the date of the post. This block is primarily nested inside a<a href=\"https:\/\/wordpress.org\/documentation\/article\/query-loop-block\/\"> query loop<\/a> block and helps to customize the appearance of the query loop.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add a Post Date block, click the <strong>Block Inserter<\/strong> icon when editing the page template. Search for the Post Date<strong> block<\/strong>. Click on it to add the block to your page template.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/post-date-block-video.webm\"><\/video><figcaption class=\"wp-element-caption\"><em>Video showing how to add Post Date block<\/em><br><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can also type \/post-date and hit enter in a new paragraph block to add the Post Date block quickly.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/03\/Screen-Shot-2022-03-21-at-2.33.06-PM.png\" alt=\"Post date block can be added by typing \/post-date.\" class=\"wp-image-15481336\" style=\"width:377px;height:148px\" width=\"377\" height=\"148\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/03\/Screen-Shot-2022-03-21-at-2.33.06-PM.png 706w, https:\/\/wordpress.org\/documentation\/files\/2022\/03\/Screen-Shot-2022-03-21-at-2.33.06-PM-300x118.png 300w\" sizes=\"auto, (max-width: 377px) 100vw, 377px\" \/><figcaption class=\"wp-element-caption\">How to add Post Date block quickly<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\">Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Block toolbar<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To view the block toolbar, click on the block and the toolbar will be displayed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Every block comes with unique toolbar icons. These block-specific controls allow you to manipulate the block right in the editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Post Date block shows five buttons in the block toolbar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transform to<\/li>\n\n\n\n<li>Drag icon<\/li>\n\n\n\n<li>Move arrows<\/li>\n\n\n\n<li>Change text alignment<\/li>\n\n\n\n<li>More options<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/63-post-date-block-toolbar.png\" alt=\"Post date block toolbar block shows the available options in icon.\" class=\"wp-image-16357821\" style=\"width:385px;height:93px\" width=\"385\" height=\"93\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/63-post-date-block-toolbar.png 564w, https:\/\/wordpress.org\/documentation\/files\/2023\/07\/63-post-date-block-toolbar-300x72.png 300w\" sizes=\"auto, (max-width: 385px) 100vw, 385px\" \/><figcaption class=\"wp-element-caption\">Post date block toolbar<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Transform to:<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/63-post-date-block-toolbar-transform.png\" alt=\"Transform to shows in calendar icon in post date block toolbar. \" class=\"wp-image-16358168\" style=\"width:462px;height:253px\" width=\"462\" height=\"253\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/63-post-date-block-toolbar-transform.png 746w, https:\/\/wordpress.org\/documentation\/files\/2023\/09\/63-post-date-block-toolbar-transform-300x164.png 300w\" sizes=\"auto, (max-width: 462px) 100vw, 462px\" \/><figcaption class=\"wp-element-caption\">Transform to options in post date block<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the \u201cTransform\u201d button to convert the Post Date block into a \u201cGroup\u201d block or \u201cColumns\u201d block.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Drag icon:<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/drag-icon-post-date-block-toolbar.png\" alt=\"Drag icon beside the transform to option shows in two columns of three dots.\" class=\"wp-image-16358130\" style=\"width:432px;height:120px\" width=\"432\" height=\"120\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/drag-icon-post-date-block-toolbar.png 590w, https:\/\/wordpress.org\/documentation\/files\/2023\/09\/drag-icon-post-date-block-toolbar-300x83.png 300w\" sizes=\"auto, (max-width: 432px) 100vw, 432px\" \/><figcaption class=\"wp-element-caption\">Drag icon in post date block toolbar<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To drag and drop the block to a new location on the page template, click and hold the rectangle of dots, then drag to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Move arrows:<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/move-arrows-in-post-date-block.png\" alt=\"Move arrows option in post date block toolbar shows in up and down angle arrow icon.\" class=\"wp-image-16358052\" style=\"width:432px;height:121px\" width=\"432\" height=\"121\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/move-arrows-in-post-date-block.png 564w, https:\/\/wordpress.org\/documentation\/files\/2023\/09\/move-arrows-in-post-date-block-300x84.png 300w\" sizes=\"auto, (max-width: 432px) 100vw, 432px\" \/><figcaption class=\"wp-element-caption\">Move arrows in post date block toolbar<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The up and down arrow icons can be used to move the block up and down on the page.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/documentation\/article\/moving-blocks\/\" target=\"_blank\">Get more information about moving a block within the editor.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Change text alignment:<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/change-text-alignment-in-post-date-block-toolbar.png\" alt=\"Change text alignment options in post date block toolbar shows in alignment icon beside the move arrows icon.\" class=\"wp-image-16358053\" style=\"width:241px;height:264px\" width=\"241\" height=\"264\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/change-text-alignment-in-post-date-block-toolbar.png 378w, https:\/\/wordpress.org\/documentation\/files\/2023\/09\/change-text-alignment-in-post-date-block-toolbar-274x300.png 274w\" sizes=\"auto, (max-width: 241px) 100vw, 241px\" \/><figcaption class=\"wp-element-caption\">Change text alignment in post date block toolbar<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click the \u201cChange alignment\u201d button in the Block toolbar to display the alignment drop-down. You can align the block text to the left, make it center-aligned or align it to the right.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Change Date:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Click the &#8220;Change date&#8221; button in the Block toolbar to display a modal with date settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/post-date-block-toolbar-change-date.png\" alt=\"Next to alignment icon, change date option in post date block toolbar shows in pen icon. \" class=\"wp-image-16358086\" style=\"width:454px;height:172px\" width=\"454\" height=\"172\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/post-date-block-toolbar-change-date.png 604w, https:\/\/wordpress.org\/documentation\/files\/2023\/09\/post-date-block-toolbar-change-date-300x113.png 300w\" sizes=\"auto, (max-width: 454px) 100vw, 454px\" \/><figcaption class=\"wp-element-caption\">Change Date in Post date block toolbar<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can select the publishing date and time through the input fields and options or select the date from the calendar. You can use the arrow buttons to change the month.<br>Click anywhere outside the modal, press the <kbd>Escape<\/kbd> key, or click on the button with the X to close the modal.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/63-post-date-block-toolbar-change-date-modal-578x1024.png\" alt=\"The publishing date modal has a close button at the top right corner and input fields for time, am or pm, month, day and year.\nBelow the input field is a monthly calendar.\" class=\"wp-image-16357835\" style=\"width:570px;height:1009px\" width=\"570\" height=\"1009\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/63-post-date-block-toolbar-change-date-modal-578x1024.png 578w, https:\/\/wordpress.org\/documentation\/files\/2023\/07\/63-post-date-block-toolbar-change-date-modal-169x300.png 169w, https:\/\/wordpress.org\/documentation\/files\/2023\/07\/63-post-date-block-toolbar-change-date-modal.png 580w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><figcaption class=\"wp-element-caption\">Publishing date modal for change date<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">More option:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">These controls give you the option to copy, duplicate, and edit your block as HTML.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Read about these and other settings.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In addition to the block toolbar, every block has specific options in the editor sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/block-settings.png\" alt=\"Sidebar can be enabled by using the icon next to publish button.\" class=\"wp-image-16358174\" style=\"width:567px;height:111px\" width=\"567\" height=\"111\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/block-settings.png 644w, https:\/\/wordpress.org\/documentation\/files\/2023\/09\/block-settings-300x59.png 300w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><figcaption class=\"wp-element-caption\">Sidebar icon to enable sidebar for Post Date block<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><em>If you do not see the sidebar, click the \u2018sidebar\u2019 icon next to the Publish button.<\/em> <em>The device icon between <strong>Save draft<\/strong> and Publish button shows the preview of the block.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/post-date-block-settings-sidebar-589x1024.png\" alt=\"After enabling the sidebar, the block section shows the settings and style for post date block.\" class=\"wp-image-16358175\" style=\"width:424px;height:737px\" width=\"424\" height=\"737\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/post-date-block-settings-sidebar-589x1024.png 589w, https:\/\/wordpress.org\/documentation\/files\/2023\/09\/post-date-block-settings-sidebar-173x300.png 173w, https:\/\/wordpress.org\/documentation\/files\/2023\/09\/post-date-block-settings-sidebar.png 598w\" sizes=\"auto, (max-width: 424px) 100vw, 424px\" \/><figcaption class=\"wp-element-caption\">Post Date block settings in the sidebar<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Format <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">On this tab, you can select the format to display the date from the dropdown as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/post-date-block-format-482x1024.png\" alt=\"Default format option in Post Date block settings shows the list of date formats to choose from. \" class=\"wp-image-16357628\" style=\"width:243px;height:518px\" width=\"243\" height=\"518\" \/><figcaption class=\"wp-element-caption\">Post Date Format Settings<br><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Link <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Turn on the \u2018Link to post\u2019 button in the Block Settings to link the post date to the URL of the post. This enables the website visitor to go to the post by clicking on the Post Date.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/03\/Screen-Shot-2022-03-16-at-7.39.03-PM-1024x369.png\" alt=\"Link settings shows a toggle button to turn the Post Date into a link.\" class=\"wp-image-15466752\" style=\"width:404px;height:145px\" width=\"404\" height=\"145\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/03\/Screen-Shot-2022-03-16-at-7.39.03-PM-1024x369.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2022\/03\/Screen-Shot-2022-03-16-at-7.39.03-PM-300x108.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/03\/Screen-Shot-2022-03-16-at-7.39.03-PM-768x277.png 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/03\/Screen-Shot-2022-03-16-at-7.39.03-PM.png 1066w\" sizes=\"auto, (max-width: 404px) 100vw, 404px\" \/><figcaption class=\"wp-element-caption\">Link settings toggle button in the Post Date block sidebar<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Last modified date<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Enable the toggle option in the block settings sidebar, to display the last modified date.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/last-modified-date.png\" alt=\"The last modified date shows a toggle button to turn the post date into last modified date. \" class=\"wp-image-16357624\" style=\"width:488px;height:90px\" width=\"488\" height=\"90\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/last-modified-date.png 554w, https:\/\/wordpress.org\/documentation\/files\/2023\/07\/last-modified-date-300x55.png 300w\" sizes=\"auto, (max-width: 488px) 100vw, 488px\" \/><figcaption class=\"wp-element-caption\">Enabled last modified date from Post Date block sidebar<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This block only displays the modified date if the &#8220;Display last modified date&#8221; setting is enabled and the post has been modified. If the setting is enabled, but the post has not been modified, then nothing is shown on the front.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/last-modified-date.mp4\"><\/video><figcaption class=\"wp-element-caption\">Video showing last modified date appears after modifying the post<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note: <\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Post Date block changes into the Post modified Date block when you turn on the switch. You can also type \/modified-date and hit enter to add the Post Modified Date block. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/post-modified-date-block.png\" alt=\"The post modified date block can be added quickly by typing \/modified. \" class=\"wp-image-16357632\" style=\"width:454px;height:163px\" width=\"454\" height=\"163\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/09\/post-modified-date-block.png 862w, https:\/\/wordpress.org\/documentation\/files\/2023\/09\/post-modified-date-block-300x108.png 300w, https:\/\/wordpress.org\/documentation\/files\/2023\/09\/post-modified-date-block-768x276.png 768w\" sizes=\"auto, (max-width: 454px) 100vw, 454px\" \/><figcaption class=\"wp-element-caption\">Adding Post Modified Date block quickly<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The \u201cAdvanced\u201d tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles to the block.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/HCaeEAd-xkijY3husAGN8FkRfOokz6h-mLa1vQoT11JIf366WEE4Y3jtoy6CTOJGTpBZELgZPdIewg2ug8pURV5XtFciGwLHJiNwleOvlGte5WnWTug0SYe4p-qBR54_8oR1NwHM\" alt=\"Advanced setting in Post Date block shows a text field to add CSS class.\" style=\"width:283px;height:151px\" width=\"283\" height=\"151\" \/><figcaption class=\"wp-element-caption\">Advanced setting in Post Date block<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Color <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can customize the text color, background color, and link color for the Post Date block.<em> The color options available will vary based on the theme.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"957\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/post-date-block-style-1024x957.png\" alt=\"Color setting from Post Date block style in the sidebar shows colors to add in the Text, Background and in Link. \" class=\"wp-image-16357627\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/post-date-block-style-1024x957.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2023\/07\/post-date-block-style-300x280.png 300w, https:\/\/wordpress.org\/documentation\/files\/2023\/07\/post-date-block-style-768x718.png 768w, https:\/\/wordpress.org\/documentation\/files\/2023\/07\/post-date-block-style.png 1162w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Color settings from the post date block style <\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/colors-settings-overview\/\">See this guide for more information about changing colors.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Typography <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">On this tab, you can adjust the Font size, Font family, Appearance, Line height, Letter case, and Letter-spacing.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To access all the typography options click on the + button in the right corner of the Typography tab. The following video shows using the typography support for post date block:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/typography-support-for-post-date-block.mp4\"><\/video><figcaption class=\"wp-element-caption\">Video showing typography for post date block style<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/colors-settings-overview\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/typography-settings-overview\/\">Get more details about changing typography settings.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dimension<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Padding and Margin can be quite useful for blocks like Post Date that are used in layouts for post templates. This screengrab demonstrates the usefulness of being able to adjust a single margin side when the block is used within a Row block:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1275\" height=\"866\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/07\/dimension-post-date-block.gif\" alt=\"In Dimension setting, padding and margin shows control slider for top, right, bottom and left. \" class=\"wp-image-16357620\" \/><figcaption class=\"wp-element-caption\">How to add padding and margin from dimension<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Changelog<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Created 2022-03-21<\/li>\n\n\n\n<li>Updated on 2023-07-11 \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated the video to show how to add post date block because it was shows &#8220;Post Categories&#8221; which now has been changed into &#8220;Categories block&#8221; <\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Added option to display as the last modified date as suggested here&nbsp;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/42312\">42312<\/a> and also added the text under block settings<\/li>\n\n\n\n<li>Added information for&nbsp;typography support, as mentioned here&nbsp;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/43340\">43340<\/a><\/li>\n\n\n\n<li>Added option for spacing support, as mentioned here <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/43406\">43406<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Made sure all the images have alt tag<\/li>\n\n\n\n<li>Made sure the headings are in sentence case<\/li>\n\n\n\n<li>Made sure the screenshots are updated and videos are relevant to the latest version 6.2.2<\/li>\n\n\n\n<li>Updated on 2023-07-16\n<ul class=\"wp-block-list\">\n<li>Added the Post Date block variation for Post Modified Date, as mentioned here&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49111\" target=\"_blank\">49111<\/a><\/li>\n\n\n\n<li>Added the video for only display the modified post date if the post has been modified, as mentioned here&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46839\" target=\"_blank\">46839<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated on 2023-07-23\n<ul class=\"wp-block-list\">\n<li>Corrected the headings for Block toolbar<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated on 2023-07-28\n<ul class=\"wp-block-list\">\n<li>Update the block toolbar screenshots and added relevant content for change date and updated screenshot for More option. <\/li>\n\n\n\n<li>Update the Block settings sidebar screenshots and relevant content for preview icon. <\/li>\n\n\n\n<li>Included the &#8220;Post date block variation for post modified date&#8221; content as a note under &#8220;Last modified date&#8221; in the Block settings sidebar. <\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Go to the List of Blocks Use the Post Date block to display the date of the post. This block is primarily nested inside a query loop block and helps to customize the appearance of the query loop.&nbsp; To add a Post Date block, click the Block Inserter icon when editing the page template. Search [&hellip;]<\/p>\n","protected":false},"author":14322318,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false},"category":[80,91],"class_list":["post-15480868","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-theme-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15480868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/users\/14322318"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=15480868"}],"version-history":[{"count":8,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15480868\/revisions"}],"predecessor-version":[{"id":16360365,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15480868\/revisions\/16360365"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=15480868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=15480868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}