当前时间小部件设置

有些页面需要立即显示:预订页面上的当前日期、状态板上的时间戳、标题栏中的今天日期。免费的 当前时间小部件 在 Elementor 的主插件 以任何格式打印站点时间,从原始 Unix 时间戳到 “2026 年 7 月 4 日上午 10:36”,风格与任何其他 Elementor 文本一样。

它是插件中最小的小部件之一,本指南涵盖了所有小部件:三种时间类型、格式字符串和样式。

当前时间小部件的作用 #

小部件将当前日期和时间输出为文本,在每个页面加载中生成新鲜内容。您选择它的外观 时间类型 seting,而 Style 选项卡处理颜色、阴影和排版,这就是整个小部件,这正是它有用的原因:没有短代码,没有代码片段,只是你掉落它的时间。

在开始之前 #

• 文字出版社 与 元素 已安装并处于活动状态。
• Elementor 的主插件 已安装并处于活动状态。插件新增?参见 安装指南.
• "动态小部件"下的"主插件"选项面板中启用"当前时间"小部件。
• 在设置下正确设置您的WordPress时区,一般。小部件打印站点的时间,因此错误的时区显示错误的时钟。

如何添加当前时间小部件 #

在 Elementor 编辑器中,搜索 元素 面板为 当前时间 并拖到页面上,它立即以默认的mysql格式打印时间,像2026-07-04 10:35:43,准备重新格式化。

选择时间类型 #

的 一般的 部分有两个控件: 时间类型 並 对齐。类型下拉提供三个输出: 我的平方,默认,打印一个数据库式的日期时间 像2026-07-04 10:35:43; 时间戳 打印原始 Unix 时间戳,即自 1970 年以来的秒数;和 定制 取您定义的任何格式, 这是画布上的时间戳:

A timestamp 适合技术页面和倒计时集成,对于访问者实际阅读的任何内容,请将类型切换到 定制;没有人愿意做自 1970 年以来的几秒钟数学。

构建自定义日期格式 #

与 定制 选定的,a 日期格式字符串 field出现,它需要标准的php日期格式字符:演示的 F j, Y g:i a renders as “2026年7月4日 10:36 am”在画布上输入的那一刻。

的 日期时间格式示例 link 在字段下打开一个现成的字符串及其输出的引用, 因此您可以复制一个而不是记住 PHP 格式字符:

列表中的一些:

• F j, Y g:i a — 2010 年 11 月 6 日上午 12:50
• F j, Y — 2010 年 11 月 6 日
• g:i a — 上午 12:50
• l, F jS, Y — 2010 年 11 月 6 日星期六
• Y/m/d — 2010/11/06

样式输出 #

的 风格 tab 有一个部分, 文本,具有三个控件。 颜色 设置文本颜色,并且 文本阴影 当时间位于图像上时添加模糊和偏移:

版式 cover family, 大小, 重量演示将 Roboto 设置为半宝, 将普通线条变成一个头部中拥有自己的东西:

页面上的结果 #

发布的页面以您的格式和风格打印实时日期和时间,每次加载时都新鲜:

常见用例 #

• 标题和顶栏日期 在新闻和杂志网站上。
• 预订和预订页面 表格旁边显示今天的日期。
• 状态和仪表板页面 带有"时间戳"的“as。
• 倒计时并提供部分 将当前日期与 a 配对 倒计时器.
• 打印友好页面 像报价和发票一样,应该在查看日期进行。

使用小部件的提示 #

• 先修复时区。 WordPress的时钟上打印小部件;如果站点时区是UTC,那么小部件也是。设置,一般,时区。
• 从示例页面复制。 字段下链接的格式引用涵盖了常见布局;从那里开始并调整。
• 逃避字面字母。 PHP日期字符串中,字母是格式代码,参考文献的 Y/m/d \a\t g:i A 显示字面上的“at”如何受到反斜杠。
• 心灵缓存。 Time 渲染页面加载,所以缓存一个小时的页面显示一个小时前的时间,日期很好,误导时钟。
• 保持标题中的格式短。 “2026年7月4日”适合顶杆;完整的日期加时间字符串想要一个更宽的位置。

视频教程 #

Current Time 小部件的操作, 那么这段短视频涵盖了整个设置, 从默认输出到样式自定义日期:

常见问题 #

包裹起来 #

Current Time 小部件干净利落地完成了一项工作:实时日期和时间,以 PHP 可以表达的任何格式,风格类似于本机 Elementor 文本设置站点时区,选择或复制格式字符串,它会自行运行浏览全套 主插件小部件和扩展 对于其余的动态小部件,请参阅 当前时间小部件页面 为演示。