spot_img
HomeDTC品牌出海独立站教程如何在 WordPress 中轻松显示进度表

如何在 WordPress 中轻松显示进度表

JasperAI 10000字免费额度试用

您是否正在寻找一种在 WordPress 中添加进度表的简单方法? 如果是这样,您会很高兴知道有一个插件可以添加一个,Ultimeter。 在几分钟内,您就可以构建一个功能齐全的进度表,您可以每天 24 小时更新。

今天,我将演示如何使用 Ultimeter 在 WordPress 中构建进度表。

什么是进度表?

进度表可用于指示任何项目的增长或发展。 它们通常用于筹款活动,但您可以使用一个来显示几乎任何可以用数字表示的事情的进展。

例如,为书籍项目编写的章节,产品发布前几天(或您的小鸡孵化)。

您还可以从 100% 开始计量,然后每天减少该​​值以作为倒计时。 用它来显示 WordPress 网站上的任何里程碑。 如果您可以数数,则可以使用进度表将其可视化。

WordPress divi主题

为了帮助我们进行可视化,让我们安装 Ultimeter 插件。

如何在 WordPress 中创建进度表

第 1 步:安装 Ultimeter 插件

Ultimeter 是免费安装的,有一个付费版本可以解锁一些功能。 我们将介绍使用免费版本设置进度表的基础知识。 唯一的限制是您需要能够量化您正在跟踪的进度。

当心中有一个目标时,这很容易做到,例如筹款目标,但对于一些不容易量化的主题来说,这可能会更棘手。

登录到您的 WordPress 管理面板。

在左侧栏导航中,将鼠标悬停在“插件”链接上,然后单击“添加新”链接。

鼠标悬停在

在可用的搜索框中,输入“Ultimeter”。

搜索 WordPress Ultimeter 插件

找到插件后,单击“立即安装”按钮。

点击安装 WordPress Ultimeter 插件

谷歌SEO优化服务

单击“激活”按钮。

单击以激活 WordPress Ultimeter 插件

第 2 步:设置 Ultimeter

对于我们这里的例子,我们将设立一个筹款活动来为吉姆买一艘船。 我不认识任何叫吉姆的人,但如果我认识,我想他会喜欢免费的船。

插件安装完成后,您将被带到插件的介绍页面。 单击“创建 Ultimeter”按钮开始。

点击

H10的年终大促

如果您在安装后离开了该介绍页面,请将鼠标悬停在“Ultimeter”链接上并单击“添加新 Ultimeter”链接。

点击

该插件在“仪表类型”选项卡上打开。

首先,给仪表一个标题(标题输入字段在所有选项卡上都可见)。

输入仪表的标题

该插件的免费版本允许您在水平目标进度条或垂直温度计式仪表之间进行选择。 对于 Jim 的船活动,我将通过单击图像来选择水平指示器。

单击您要使用的仪表

现在单击“目标选项”选项卡。

“选择目标格式”选项是“筹集的金额”或“筹集的百分比”。

选择目标格式

高质量外链购买

从“选择语言”和“选择货币”下拉菜单中为您的仪表选择语言和货币。

语言和货币设置

“目标金额”是我们试图为吉姆的船筹集的金额。 “筹集金额”是我们目前拥有的金额。

笔记: 如果您没有将此插件用于筹款活动,请考虑输入 100 的金额。这使您可以轻松地影响仪表的百分比。 例如,如果您完成了 16%,则表示您收到了 16 美元。 它使数学变得简单。

目标金额和募集金额设置

writesonic

您可以使用“样式选项”选项卡上的颜色选择器更改仪表颜色。 选择颜色时,请务必考虑您使用的背景颜色。 如果进度条很难看清,效果会很差。

选色器

我们不会进入“里程碑”选项卡,因为该功能在插件的免费版本中不可用。

单击“发布”按钮保存仪表。

点击

第 3 步:在页面或帖子中显示仪表

现在我们的仪表已经准备就绪,我们必须将它添加到帖子或页面中。 您可以编辑现有帖子或页面,或创建新帖子或页面。

我将为本教程创建一个新页面。 但是在我们创建页面之前,我们必须复制仪表简码。

在左栏导航中,将鼠标悬停在“Ultimeter”链接上,然后单击“All Ultimeter”链接。

单击仪表的“编辑”链接。

点击

WordPress花园粉丝福利

想做跨境电商独立站但是没什么钱?可以免费试用Shopline智能建站工具,一个月都不要一顿火锅的钱!(这里就可以在线申请!) 或者扫描下方二维码
shopline

单击“复制简码”按钮。

笔记: 还有一个复制选项。 这允许您制作进度表的副本。 如果您计划在网站上使用多个进度条,这将很有用。

点击

现在我们可以创建一个新页面并将短代码添加到我们希望仪表出现的页面。 如果使用 Gutenberg 编辑器,您将需要添加一个 Shortcode 块,如果在 Classic 编辑器中,您可以在可视化编辑器中的任何位置添加简码。

将短代码添加到帖子或页面

现在当我们保存页面时,我们的仪表就在那里。

页面上的仪表

看起来不错,但您还没有完全完成,您现在需要学习如何更新进度条。 幸运的是,更新进度条只需不到一分钟的时间。

第 4 步:更新实现目标的进度

进度表的全部意义在于显示您距离目标有多近,因此,您需要定期更新该值。 每当您的仪表有更新值时,请将其输入“筹集金额”字段。

为此,请返回 WordPress 管理导航中的“所有 Ultimeters”,然后单击您的仪表的“编辑”链接。

单击“目标选项”选项卡,然后在“筹集金额”部分中输入新值。

笔记: 如果您按照我的建议将 100 作为非筹款进度表的目标金额,您将输入增加的百分比。 因此,如果您希望它增加 5%,您将输入 5。

更新筹集的金额值

单击仪表的“更新”按钮,新值将显示在仪表中。 它将自动更新进度表,如下所示:

页面上的更新仪表

您还可以编辑其他仪表设置,甚至可以将水平条更改为目标温度计图像。

如果您卸载插件,使用该插件的页面和帖子 将会 做作的:

  • 插件创建的仪表将被删除。
  • 插件简码将停止工作,因此简码本身将显示在使用它们的任何地方。

恭喜您学习了如何使用 Ultimeter 插件在 WordPress 中设置进度表。 请记住定期更新进度条。

使用视觉效果可能会激发贡献

我们通过视觉学习和处理大量信息,因此筹款进度表可以激发人们做出贡献是理所当然的。 通过这样做,他们实际上可以自己“移动仪表”。

如果您使用仪表来显示贡献以外的其他事物的进度,则视觉元素会增加兴趣并让人们回来检查更改。 现在您已经了解了向任何 WordPress 站点添加进度表是多么容易,希望您会找到使用进度表的充分理由。

您是否曾经在您的网站上跟踪过项目的进度? 除了我们在这里展示的方法之外,您是否喜欢使用其他方法? 在评论中让我知道!

5分钟生成10篇英文软文article forge软件试用
跨境电商独立站代运营服务综合套餐项目合作请联系客服微信 13564054264
服务项目服务模块服务效果服务周期服务费用 RMB
海外市场调研
与品牌诊断
目标市场调研1份调研报告按次(5-7个工作日)5000
消费受众分析
市场准入条件
竞品发展轨迹
市场销售策略
品牌商业化诊断
TikTok
账号代运营
TikTok账号定位3个账号运营
500条视频内容发布
按季度(50-65个工作日)30000
TikTok内容策划
TikTok视频制作
TikTok账号涨粉
TikTok数据分析
TikTok
直播代运营
TikTok直播策划20-24场直播按月度(20-24个工作日)15000
TikTok网络搭建
TikTok选品分析
TikTok话术提炼
TikTok直播开展
TikTok直播数据分析
TikTok
KOL/KOC营销
TikTok行业达人匹配500-1000个达人邀约/天按月度(20-24个工作日)10000
TikTok行业达人邀约
TikTok行业达人签约
TikTok达人合作跟进
TikTok达人合作完成
海外社媒
代运营
海外社媒运营需求确认insgarm
Facebook
Pinterest
Linkedln
海外社媒运营(4选2)
按季度(50-65个工作日)30000
海外社媒运营方案制订
海外社媒代运营开展
海外社媒活动策划&开展
海外社媒账户涨粉&数据分析
海外线下
代理商拓展
渠道代理目标市场确认主要服务地区为欧美/东南亚
限定1-3个国家
按季度(50-65个工作日)35000
渠道代理商信息抓取
渠道代理商邮件邀约
渠道代理商洽谈准备
渠道代理商签约合作
渠道代理商完成合作
海外广告代投放海外广告账户开户TikTok
Google
Facebook
海外广告代投
(电商/游戏)
按季度(50-65个工作日)开户首充1000美金
10%广告投放佣金
海外广告产品分析
海外广告代投计划制订
海外广告代投内容制作
海外广告代投放开展
海外广告代投效果优化项目合作请联系客服微信 13564054264
siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES