博文日期区块

前往区块列表

使用文章日期块显示文章的日期。此块主要嵌套在查询循环块中,有助于自定义查询循环的外观。 

要添加文章日期块,请在编辑页面模板时点击块插入器图标。搜索“文章日期”。点击它将该块添加到您的页面模板中。

演示如何添加文章日期块的视频

您也可以在新段落块中输入 /post-date 并按回车键,快速添加文章日期块。 

Post date block can be added by typing /post-date.
如何快速添加文章日期块

添加区块的详细说明

区块工具栏

要查看块工具栏,请点击该块,工具栏将显示出来。

每个块都带有独特的工具栏图标。这些特定于块的控件允许您直接在编辑器中操作该块。

文章日期块在块工具栏中显示五个按钮

  • 转换为
  • 拖动图标
  • 移动箭头
  • 更改文本对齐方式
  • 更多选项
Post date block toolbar block shows the available options in icon.
文章日期块工具栏

转换为

Transform to shows in calendar icon in post date block toolbar.
文章日期块中的“转换为”选项

点击“转换”按钮,将文章日期块转换为“分组”块或“列”块。 

拖动图标

Drag icon beside the transform to option shows in two columns of three dots.
文章日期块工具栏中的拖动图标

要将该块拖放到页面模板上的新位置,请点击并按住点状矩形,然后拖动到新位置。蓝色分隔线表示该块将放置的位置。找到新位置后,松开鼠标左键以放置该块。

移动箭头

Move arrows option in post date block toolbar shows in up and down angle arrow icon.
文章日期块工具栏中的移动箭头

向上和向下箭头图标可用于在页面上向上或向下移动该块。

获取更多关于在编辑器中移动区块的信息。

更改文本对齐方式

Change text alignment options in post date block toolbar shows in alignment icon beside the move arrows icon.
文章日期块工具栏中的更改文本对齐方式

点击块工具栏中的“更改对齐方式”按钮以显示对齐方式下拉菜单。您可以将块文本左对齐、居中对齐或右对齐。

更改日期

点击块工具栏中的“更改日期”按钮,以显示包含日期设置的模态框。

Next to alignment icon, change date option in post date block toolbar shows in pen icon.
文章日期块工具栏中的“更改日期”

您可以通过输入字段和选项选择发布日期和时间,或从日历中选择日期。您可以使用箭头按钮更改月份。
点击模态框外部的任意位置,按下 Escape 键,或点击带有“X”的按钮以关闭模态框。

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.
Below the input field is a monthly calendar.
更改日期的发布日期模态框

更多选项

这些控件让您能够复制、克隆和以 HTML 形式编辑您的块。

阅读有关这些和其他设置的更多信息。

区块设置

除了块工具栏之外,每个块在编辑器侧边栏中都有特定的选项。

Sidebar can be enabled by using the icon next to publish button.
启用文章日期块侧边栏的图标

如果您没有看到侧边栏,请点击“发布”按钮旁边的“侧边栏”图标。保存草稿和“发布”按钮之间的设备图标显示了该块的预览。

After enabling the sidebar, the block section shows the settings and style for post date block.
侧边栏中的文章日期块设置

格式

在此选项卡中,您可以从下拉菜单中选择日期显示格式,如下所示

Default format option in Post Date block settings shows the list of date formats to choose from.
文章日期格式设置

在块设置中打开“链接到文章”按钮,将文章日期链接到文章的 URL。这使得网站访问者可以通过点击文章日期来访问文章。

Link settings shows a toggle button to turn the Post Date into a link.
文章日期块侧边栏中的链接设置切换按钮

最后修改日期

在块设置侧边栏中启用切换选项,以显示最后修改日期。

The last modified date shows a toggle button to turn the post date into last modified date.
从文章日期块侧边栏启用最后修改日期

只有当“显示最后修改日期”设置已启用且文章已被修改时,此块才会显示修改日期。如果该设置已启用但文章未被修改,则前端不会显示任何内容。

演示修改文章后显示最后修改日期的视频

注意

当您打开开关时,文章日期块会变为文章修改日期块。您也可以输入 /modified-date 并按回车键以添加文章修改日期块。

The post modified date block can be added quickly by typing /modified.
快速添加文章修改日期块

高级

“高级”选项卡允许您向块添加 CSS 类。这将使您能够为块编写自定义 CSS 和样式。

Advanced setting in Post Date block shows a text field to add CSS class.
文章日期块中的高级设置

颜色

您可以自定义文章日期块的文本颜色、背景颜色和链接颜色。可用的颜色选项将根据主题而异。

Color setting from Post Date block style in the sidebar shows colors to add in the Text, Background and in Link.
文章日期块样式中的颜色设置

有关更改颜色的更多信息,请参阅本指南。

排版

在此选项卡中,您可以调整字体大小、字体系列、外观、行高、字母大小写和字间距。 

要访问所有排版选项,请点击“排版”选项卡右上角的“+”按钮。以下视频演示了如何使用文章日期块的排版支持

演示文章日期块样式排版的视频

获取有关更改排版设置的更多详细信息。

尺寸

内边距和外边距对于像文章日期块这样用于文章模板布局的块非常有用。此截屏演示了当块在行块中使用时,能够调整单个外边距边的实用性

In Dimension setting, padding and margin shows control slider for top, right, bottom and left.
如何从尺寸添加内边距和外边距

更新日志

  • 创建于 2022-03-21
  • 更新于 2023-07-11
    • 更新了视频,以展示如何添加文章日期块,因为它之前显示的是“文章分类”,现在已改为“分类块”
    • 添加了按此建议42312显示为最后修改日期的选项,并在块设置下添加了文本
    • 添加了排版支持信息,如43340所述
    • 添加了间距支持选项,如43406所述
  • 确保所有图片都包含 alt 标签
  • 确保所有标题都采用句首大写
  • 确保截图已更新,并且视频与最新版本 6.2.2 相关
  • 更新于 2023-07-16
    • 添加了文章修改日期的文章日期块变体,如49111所述
    • 添加了视频,仅在文章被修改后才显示修改日期,如46839所述
  • 更新于 2023-07-23
    • 更正了块工具栏的标题
  • 更新于 2023-07-28
    • 更新了块工具栏截图,并添加了与更改日期相关的内容,以及更新了“更多选项”的截图。
    • 更新了块设置侧边栏截图以及与预览图标相关的内容。
    • 将“文章修改日期的文章日期块变体”内容作为注释包含在块设置侧边栏的“最后修改日期”下。

本文是否有帮助?如何改进?

首次发布

最后更新