Categories

有特色的模板

Monstroid. 如何添加倒计时

Tyler Warren 2016年10月10日
Rating: 4.3/5. From 3 votes.
Please wait...

Hello. 今天我们将向大家展示如何使用 countdown shortcode in Monstroid and other CherryFramework 4 themes.

开始吧, 我们需要去你的页面或后期编辑窗口, 找到我们需要这个的地方 shortcode 添加,将鼠标光标放置在那里,然后单击“Insert shortcode“.

Monstroid._How_to_add_a_countdown_1

Then choose “Countdownshortcode 项目列表中.

Monstroid._How_to_add_a_countdown_2

在那里你应该看到的列表 shortcode options.

Monstroid._How_to_add_a_countdown_3 Monstroid._How_to_add_a_countdown_4

现在让我们对每个可用选项做一个简要概述.

  • 开始日期及 Countdown date -这应该很简单. 你只需要设置开始和结束日期 countdown 它还会显示剩余的时间 event.

  • Countdown hours, Countdown minutes and Countdown seconds -你可以设置 countdown time manually, 但是如果你有明确的开始和结束日期, 这不是必需的,您可以将这些字段留空.

  • Circle -启用后,它将使您的 countdown 用进度条包围的圆圈.

  • 显示年,显示月,显示星期,显示日,显示小时,显示分钟,显示秒 -在这里你可以选择显示多少个圆圈. 每一个都代表一个时间单位.

  • Countdown item size -该选项表示控件的大小 countdown 物品的容器. 默认设置为100像素.

  • Stroke width -另一个CSS选项,它决定了显示时间进度的笔画宽度.

  • Class -用于添加自定义的有用字段 HTML 类,这样您就可以将自己的CSS规则应用于该类并修改 countdown 图形上也是如此.

现在我们来看看这个例子 shortcode 使用声明的选项.

[cherry_countdown start_date="14/07/2016" countdown_date="15/07/2020" countdown_hour="19" 
Countdown_minutes ="55" circle_mode="yes" show_year="yes" show_month="yes" show_week="no" show_day="yes"]

最后我们来看看它在 website frontend.

Monstroid._How_to_add_a_countdown_5

That’s it. 现在你知道怎么加a了 countdown 在怪物和其他樱桃框架4主题.

请随时查看下面的详细视频教程:

Monstroid. 如何添加倒计时

另外,记得看一下最新的 WordPress主题.

自定义Wordpress主题
这个条目被张贴了出来 Monstroid教程, WordPress教程 and tagged CherryFramework4, countdown, Monstroid, shortcode. Bookmark the permalink.

提交罚单

如果您仍然无法找到关于您的问题的足够的教程,请使用以下链接向我们的技术支持团队提交请求. 我们将在接下来的24小时内为您提供我们的帮助和协助: 提交罚单