如何在 WordPress 中轻松查看进度计

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

今天,我将向您展示如何使用 Ultimeter 在 WordPress 中构建进度计。

什么是进度计?

进度计可用于指示项目的增长或发展。 它常用于筹款活动,但可用于显示几乎一切可以用数字表示的进度。

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

您还可以以 100% 的计价器开始,每天降低该值以用作倒计时。 使用它在WordPress网站上显示里程碑。 如果可以计数,则可以使用进度计进行可视化。

然后,让我们安装一个 Ultimeter 插件来帮助可视化它。

如何在 WordPress 中创建进度计

第 1 步:安装乌尔蒂梅特插件

乌尔蒂米 可以免费安装,并有付费版本解锁一些功能。 了解使用免费版本设置进度计的基础知识。 唯一的限制是,您必须能够量化您明智地跟踪进度的内容。

如果您牢记目标(如筹款活动的目标),则很容易,但在不容易量化的主题中可能很困难。

登录到 WordPress 管理面板。

在左侧列导航中,单击[プラグイン]将鼠标悬停在链接上,然后单击[新規追加]单击链接。

在可用搜索框中键入“Ultimeter”。

查找WordPress乌尔蒂米插件

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

点击安装WordPress乌尔蒂米插件

单击“激活”按钮。

点击启用WordPress乌尔蒂米插件

第 2 步:设置乌尔蒂梅特

在此示例中,您将设置一个筹款活动,用于在健身房购买船只。 我不知道谁叫吉姆,但如果是的话,我想他会很高兴有一艘免费的船。

安装插件后,您将进入插件简介页面。 单击“创建 Ultimeter”按钮开始。

["ウルティメーターの作成" ボタン

インストール後にそのイントロページを離れた場合は、「Ultimeter」リンクにマウスを合わせ、「新しいUltimeterを追加」リンクをクリックします。

["新しいウルティメーターを追加" リンク

プラグインが「メータータイプ」タブで開きます。

まず、メーターにタイトルを付けます (タイトル入力フィールドはすべてのタブに表示されます)。

メーターのタイトルを入力します

プラグインの無料版では、水平目標プログレスバーまたは垂直温度計タイプのメーターのいずれかを選択できます。ジムのボートキャンペーンでは、画像をクリックして水平インジケーターを選択します。

使用するメーターをクリックします

次に、「目標オプション」タブをクリックします。

「目標フォーマットを選択」オプションは、「上昇額」または「上昇率」です。

目標の形式を選択します

メーターの言語と通貨を「言語の選択」と「通貨の選択」ドロップダウンから選択します。

言語と通貨の設定

「ゴール金額」は、ジムのボートのために私たちが集めようとしている金額です。「調達額」とは、私たちがこれまでにどれだけ持っているかということです。

手記: 募金キャンペーンにこのプラグインを使用していない場合は、100の金額を入力することを検討してください。これにより、メーターの割合に簡単に影響を与えることができます。たとえば、16%完了した場合、16ドルを受け取ったことを意味します。それは数学をシンプルにします。

目標金額と調達金額の設定

メーターの色は、「スタイル設定オプション」タブのカラーピッカーを使用して変更できます。色を選択するときは、使用している背景色を必ず考慮してください。プログレスバーが読みにくい場合は、効果が低くなります。

カラーピッカー

この機能はプラグインの無料版では利用できないため、「マイルストーン」タブには入りません。

「公開」ボタンをクリックしてメーターを保存します。

["著す" ボタン

ステップ3:ページまたは投稿にメーターを表示する

メーターの準備ができたので、投稿またはページに追加する必要があります。既存の投稿やページを編集したり、新しい投稿やページを作成したりできます。

このチュートリアルの新しいページを作成します。ただし、ページを作成する前に、メーターのショートコードをコピーする必要があります。

左側の列ナビゲーションで、「Ultimeter」リンクの上にマウスを置き、「すべてのUltimeters」リンクをクリックします。

メーターの「編集」リンクをクリックします。

["編集" リンク

「ショートコードのコピー」ボタンをクリックします。

手記: 複製オプションもあります。これにより、プログレスメーターのコピーを作成できます。これは、Webサイトで複数のプログレスバーを利用する予定がある場合に便利です。

["ショートコードのコピー" ボタン

これで、新しいページを作成し、メーターを表示するページにショートコードを追加できます。グーテンベルクエディタを使用している場合はショートコードブロックを追加する必要があり、クラシックエディタの場合はビジュアルエディタのどこにでもショートコードを追加できます。

投稿またはページにショートコードを追加する

これで、ページを保存すると、メーターがそこにあります。

ページ上のメーター

それはよさそうに見えますが、あなたはまだ完全には終わっていません、あなたは今プログレスバーを更新する方法を学ぶ必要があるでしょう。幸いなことに、プログレスバーの更新には1分もかかりません。

ステップ 4: 目標に向けた進捗状況の更新

プログレスメーターの全体的なポイントは、目標の達成にどれだけ近づいているかを示すことであるため、値を定期的に更新する必要があります。メーターの値が更新されたら、[昇給金額]填写字段。

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

[目標オプション]单击选项卡,然后单击[調達額]在“”部分中,输入新值。

笔记: 如果您遵循我的建议,在筹款活动之外添加 100 作为进度计的目标金额,请输入增长率。 因此,如果要增加 5%,请键入 5。

更新发生金额的值

单击仪表上的“更新”按钮时,仪表将显示新值。 进度计将自动更新,如下所示。

页面上的更新仪表

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

卸载插件后,使用插件的页面和帖子 成为 影响:

  • 插件创建的仪表将被删除。
  • 由于插件的短代码不再工作,因此短代码本身将显示在使用的位置。

祝贺您学习如何使用“时间”插件在 WordPress 中设置进度计。 不要忘记定期更新进度条。

使用视觉对象可能会激发您的贡献

我们学习, 以可视方式处理大量信息因此,筹款活动进度计可以激励人们作出贡献,这是有道理的。 通过这样做,他们实际上可以自己“移动仪表”。

如果使用仪表来指示除贡献之外的进度,则可视元素将提高兴趣,并让人们回来检查更改。 我们已经看到了向 WordPress 网站添加进度计是多么容易,因此,我们希望您能找到使用进度计的充分理由。

您是否在您的网站上跟踪了项目进度? 除了此处显示的方法外,我还有什么要使用的方法吗? 请在评论中告诉我们!

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何建立自己的个人金融博客

2022-9-10 23:05:53

WordPress 教程

如何添加咖啡在线给我一个按钮在WordPress捐赠

2022-9-11 1:08:58

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索