WordPress 插件

如何在WordPress中显示相对日期(2种方法)

为什么选择相对日期而非绝对日期?

您是否注意到像Facebook或Twitter这样的社交媒体平台显示为“2小时之前”或“3天前”而不是确切日期?这被称为相对日期格式。

相对日期在WordPress中可以让读者快速了解内容的新鲜度。例如,访客更愿意查看标记“2天前”的内容,而不必思考具体日期。

当然,相对日期并不适用于每一种网站类型。当精确日期不可或缺时,如历史博客,则绝对日期是更好的选择。最终,需要根据内容类型和受众喜好决定是否在WordPress中添加相对日期。

方法1:使用WordPress日期块(快速免费)

WordPress日期块可以配置以使用相对日期。这是展示相对日期的最简单方法,无需安装插件或添加自定义代码。

不过,该方法有两个缺点:自定义选项有限,且仅适用于块主题模板。如果您使用经典主题,请考虑使用方法2或3。

方法2:使用Meks Time Ago插件(免费且可定制)

如果您在寻找一个简单的插件来在WordPress中显示相对时间和日期,那么Meks Time Ago是一个好选择。它既免费又适用于经典和块主题。

您可以在WordPress管理区域安装并激活该插件,并在设置中调整日期显示的相关选项。

方法3:使用自定义代码(高级且更可定制)

此方法涉及到自定义代码,可以显示诸如“今天”或“昨天”等格式。我们将通过WPCode插件逐步演示如何安全地添加代码。

通过自定义代码,您可以使用短代码在内容中轻松添加相对日期格式。

不过,如果您是初次编辑经典主题文件,我们建议在本地或临时网站上进行操作,以免影响线上网站。

自定义您的WordPress博客的其他技巧

除了在WordPress文章中添加相对日期,还有许多其他方法可以自定义您的博客。比如添加阅读进度条、导航路径、为不同访问者突出新文章等。

我们希望这篇文章帮助您了解如何在WordPress中显示相对日期。您还可以查看我们推荐的最佳页面构建器和WordPress编辑网站的指南。

Read More
WordPress 插件

如何在 WordPress 添加浮動社交分享欄

好處

大多數 WordPress 的社交媒體插件都很臃腫,部分原因是它們支持各種社交網絡,另一些則因為社交媒體腳本本質上較慢。我們的插件修正了這兩個問題。首先,我們僅支持主要的社交網絡:Twitter、Facebook、Google+、LinkedIn 和 Pinterest。其次,我們延遲了社交腳本的載入,直到用戶實際將滑鼠移過,以確保初始頁面載入時間是最快的。

簡單來說,這個浮動社交欄讓我們在不影響網站速度的情況下最大化我們的社交媒體可見度。

如何在你的網站上添加浮動社交分享欄

首先,你需要安裝並激活 Floating Social Bar 插件。激活後,插件會在 設定 » Floating Social Bar 下新增一個新菜單。

要將浮動社交分享欄添加到你的博客文章中,只需將可用的社交按鈕拖放到啟用的社交服務區域中,按照你希望的順序顯示它們。接下來,在字段中添加你的 Twitter ID,格式為 wpressize-me。請記住不要包含 @ 符號。

分享欄的標題只有在有足夠空間時才會顯示。如果你使用所有分享按鈕,那麼由於寬度限制,可能無法顯示標題。

你可以選擇要添加浮動社交分享欄的文章類型,如文章、頁面或其他自定義文章類型。

最後一個字段是緩存間隔,這是使這個插件最為高效的原因。建議不要更改此數字,除非你知道自己在做什麼。以下是其工作原理。默認情況下,這個插件從 API 獲取社交媒體計數並將其存儲在緩存中,間隔為 30 分鐘。它只有在載入文章時才會獲取計數,以減少服務器負載。例如,如果沒有人訪問你兩年前的文章,則這個插件不會浪費寶貴的服務器資源。它僅會在用戶訪問文章或頁面時獲取計數。

就這樣,現在當你查看你的文章頁面時,會看到一個水平浮動的分享欄。

為你的站點獲取 Floating Social Bar。它是免費的,請告訴我們你的想法。我們已在 WPressize Me 上測試這個插件超過一年,但我們總是歡迎反饋。要幫助我們,你可以前往 WordPress.org 頁面為 Floating Social Bar 留下一個評分。

我們希望這篇文章幫助你在你的 WordPress 網站上獲得夢寐以求的浮動社交分享欄。請在下方留言告訴我們你的想法。最後,不要忘記幫助我們傳播這個消息。

Read More
WordPress 插件

如何改善您的 WordPress 網站的無障礙性

為何無障礙性對我的 WordPress 網站很重要?

在網頁設計中,無障礙性指的是用來使網站更易於殘障人士使用的技術。一些訪客使用輔助技術來瀏覽網頁,例如視力障礙者使用的屏幕閱讀器和無法使用鼠標的人使用的鍵盤瀏覽。

專家推薦了一些常見的最佳實踐來使網站更具無障礙性。這有助於使網站更加包容和易於所有人使用,無論其能力如何。通過優先考慮無障礙設計,更多人將能夠瀏覽您的 WordPress 網站並探索您的內容。如果您運行網上商店,這也將增加將用戶轉換為客戶的機會。

WordPress 如何使我的網站更具無障礙性?

WordPress 具有多個內置功能,幫助用戶使其 WordPress 網站無障礙。例如,默認情況下,您可以為圖片添加替代文字 (alt text) 和標題屬性,這樣屏幕閱讀器可以為視力障礙者讀出它們來。

WordPress 還要求所有新的和更新的代碼遵循其無障礙編碼標準,以確保 WordPress 開發人員在創建主題和插件時遵循無障礙最佳實踐。

如何提高 WordPress 網站的無障礙性

1. 熟悉《網頁內容無障礙指導方針 (WCAG)》

首先,我們建議您閱讀《網頁內容無障礙指導方針 (WCAG)》。這些是由 W3C 網頁無障礙倡議 (WAI) 制定的標準,旨在幫助用戶使其網站更具無障礙性。您可以查看 WCAG 2.1 和 WCAG 2.2 的更新,起步。如果這些文檔太長,您可以書籤此快速參考。

2. 使用無障礙準備的 WordPress 主題

無障礙準備的主題滿足了 WordPress 主題審查團隊設定的最低無障礙標準。使用可訪問的 WordPress 主題並不意味著您的網站將自動符合所有無障礙要求,但它可以在使網站更具無障礙性方面給您一個良好的開端。

3. 安裝 WordPress 無障礙性插件

WordPress 無障礙性插件可為殘障訪客提供幫助他們導航網站的功能。我們推薦的一個 WordPress 無障礙性插件是 WP Accessibility。這個插件可以做的事情包括:添加無障礙工具欄,檢測您的主題是否符合無障礙標準,跟踪您網站上的無障礙功能的使用情況以便進行評估。

4. 檢查網站的顏色對比度

顏色對比度是指文字顏色和背景顏色之間的差異。這是網站無障礙性的一個非常重要的部分,因為它會影響視力不好和色盲人士對網站內容的可讀性。

5. 為圖片添加替代文字

除了對搜索引擎有用,alt 文本還能幫助屏幕閱讀器向視力障礙者描述圖片。

6. 為所有表單字段添加標籤

如果您的網站上有表單,則務必為每個表單元素添加適當的標籤,這包括表單字段、按鈕、菜單等。

7. 在內容中使用正確的標題標籤

標題標籤是 HTML 標籤,可以標記網頁的標題或副標題。這樣,您的內容就更有條理和易於跟隨。

8. 使用描述性的錨文本

錨或鏈接文本基本上是鏈接中可點擊的字詞或短語。通常可以通過其不同顏色來區分鏈接文本。

9. 為視頻和音頻內容添加標題或轉錄

用戶聽力障礙者的一個主要難題是無法理解視頻和音頻中的口語內容。因此,很多視頻內容創作者和播客會添加字幕或轉錄。

10. 進行可用性和無障礙性測試

如果您已經實施了本指南中的所有提示,那麼最後一步是對您的 WordPress 網站進行可用性和無障礙性測試。這可以幫助您識別剩餘的問題,並幫助您使網站對所有人用戶友好和無障礙。

無障礙 WordPress 的專家指南

現在您知道了如何提高網站的無障礙性,您可能還會感興趣其他與 WordPress 無障礙性問題相關的指南:

  • 如何在無障礙模式下添加 WordPress 小部件
  • 如何為您的 WordPress 網站選擇完美的色彩方案
  • 如何在 WordPress 中添加字體調整功能以提高無障礙性
  • 如何輕鬆為 WordPress 圖片添加標題屬性
  • 如何在 WordPress 上突出顯示文字的初學者指南
  • 圖片 Alt 標籤與 WordPress 中的圖片標題的區別是什麼?
Read More
WordPress 插件

如何允许博客用户在WordPress中审核评论

如果您的网站收到大量评论,审核所有评论可能变得困难。一个解决方案是创建一个单独的用户角色,让其他人管理评论。

本文将向您展示如何通过WordPress插件轻松允许博客用户审核评论。

为什么允许博客用户在WordPress中审核评论?

评论审核需要时间和精力,尤其是当您收到大量信息或允许用户匿名发表评论时。如果您审核信息或删除垃圾评论的速度太慢,访客可能会停止与您互动。

通过赋予博客用户审核评论的权限,您可以对抗垃圾评论,并为访客提供更好的体验。这些用户可能是您的客户支持团队成员、社区经理,甚至是您WordPress博客上的活跃、可信的评论者。

默认情况下,您无法创建一个仅有权限审核评论的WordPress用户。话虽如此,让我们看看如何通过WordPress插件轻松允许博客用户审核评论。以下是快速链接,帮助您直接跳转到您想要使用的方法:

  • 方法1:允许特定用户审核评论(2个插件选项)
  • 方法2:在WordPress中添加评论审核员角色(免费)

方法1:允许特定用户审核评论(2个插件选项)

在第一种方法中,我们将向您展示如何使用两个不同的插件允许特定用户角色审核评论。如果您希望多个人员审核您的评论,这是一个很好的选择。

例如,您可以创建一个评论审核团队或授予您的贡献者审核评论的权限。这样,客座博客作者可以轻松与他们的读者互动。

第一个插件是Thrive Comments,这是一个易于使用的WordPress评论插件。除了评论审核,它还可以通过添加用户排名系统,以及允许用户点赞和点踩评论,使您的评论部分更具互动性。

另一个插件是Members,这是Thrive Comments的免费替代品。这个会员插件还可以为您的WordPress网站添加评论审核功能。

使用Thrive Comments(推荐)

首先,您可以获取Thrive Comments作为独立插件,或购买完整的Thrive Themes套件。完成付款后,您将获得一个插件zip文件来安装在您的WordPress网站上。

安装并激活后,转到您的WordPress仪表板中的Thrive Dashboard » Thrive Comments。在这里,点击展开“评论审核”部分。

在此页面上,勾选应能够审核评论的每个用户角色的复选框。仅此而已!

如果您愿意,您还可以在WordPress中为评论审核添加一个新用户角色,然后在Thrive Comments中配置他们的权限。

使用Members(免费)

另一种选择是使用Members,这是一个被超过200,000个网站使用的免费用户管理插件。

首先,安装并激活Members插件。激活后,转到Members » Roles页面,查看您网站上的所有不同用户角色。

现在,只需将鼠标悬停在需要评论审核权限的角色上,然后当出现“编辑”链接时点击它。

要允许用户审核评论,您需要选择左侧菜单中的“常规”选项卡。然后,找到“审核评论”并勾选其“授予”框。

完成后,点击“更新”以保存更改。

方法2:在WordPress中添加评论审核员角色(免费)

Comment Moderation Role插件允许您快速轻松地为特定用户赋予评论审核员角色。

这个插件创建了一个新的WPB Comment Moderator角色,允许用户在不访问WordPress仪表板其他部分的情况下批准、拒绝或编辑任何帖子的评论,您可以专注于提高博客文章的评论数量。

首先,安装并激活插件。激活后,您将有一个名为“WPB Comment Moderator”的新用户角色。

要将此角色分配给现有用户,只需转到Users » All Users, 然后在该用户的用户名旁边勾选复选框。

之后,打开“添加角色…”下拉菜单并选择“WPB Comment Moderator”角色。然后点击“添加”。

现在,该用户将有权访问WordPress评论审核面板。

您也可以创建一个新用户并分配评论审核员角色。要做到这一点,只需转到Users » Add New并输入该用户的信息。

接下来,滚动到“用户角色”部分并勾选“WPB Comment Moderator”旁边的框。当您对输入的信息感到满意时,点击“添加新用户”按钮。

现在,该用户可以登录其账户,看到一个类似下面的评论审核仪表板。正如您所看到的,该用户只能审核评论和编辑他们的个人资料。所有其他WordPress管理员仪表板功能都是隐藏的。

我们希望本文能帮助您了解如何让博客用户在WordPress中审核评论。您可能还想查看我们为提高WordPress评论的最佳插件选择,或查看我们的指南,了解如何允许用户编辑他们的评论。

如果您喜欢这篇文章,请订阅我们的YouTube频道,获取更多WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 插件

如何根據字數改變 WordPress 編輯器背景顏色

如何根據字數改變編輯器背景顏色

如果你喜歡達到某個字數要求,那麼你會喜歡這個功能。雖然 WordPress 在編輯器底部顯示字數,但這幾乎不引人注目。

有一位插件作者發現了一個鼓勵性的解決方案。它允許你設置字數目標,並在達到一定的里程碑時自動改變 WordPress 編輯器的背景顏色。

安裝和啟用插件

首先,你需要安裝並啟用 Editor Color on Word Count 插件。啟用後,簡單地編輯一篇文章,就能看到插件在運作。

注意: 背景顏色僅在視覺編輯器中有效,所以如果你使用的是文本編輯器,請切換到視覺編輯器。

設置字數目標和顏色

不同的字數限制有不同的顏色。隨著你寫的內容越多,編輯器背景顏色將會改變。你可以通過訪問 設置 » 編輯器顏色 來編輯預定義的字數目標和顏色。

該插件附帶了一組預設的五個字數目標顏色。你可以點擊顏色輪圖標來更改字數限制或更改顏色。你也可以點擊關閉按鈕來移除顏色設置。

添加新的目標

若要添加額外的目標基準,請點擊 添加顏色 按鈕。接下來,你需要定義一個字數和顏色。完成後,點擊 保存更改 按鈕來存儲你的設置。

結語

希望這篇文章幫助你根據字數改變編輯器背景顏色。你可能還想查看我們關於如何向 WordPress 視覺編輯器添加自定義樣式的指南。

如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取更多 WordPress 視頻教程。你也可以在 Twitter 和 Google+ 上找到我們。

Read More
WordPress 插件

如何在WordPress中导入外部图片

为什么在WordPress中导入外部图片?

外部图片是指嵌入在您内容中,但来自其他网站或不同于您主要WordPress站点的URL的图片。通常情况下,当从其他平台如Blogger、Weebly、Joomla或WordPress.com迁移网站时,WordPress.org的用户会遇到外部图片问题。这类问题可能包括图像链接断裂,对SEO不利。

默认情况下,如果您使用WordPress导入工具,它会尝试导入图片,包括特色图片或缩略图。您可以在WordPress管理区的“媒体 » 库”页面查看已导入的图片。

如果您发现所有图片已经在媒体库中,但文章中的图片URL仍指向旧网站,则无需阅读此文。您应该查看如何在迁移WordPress网站时轻松更新URL的指南。

使用Auto Upload Images插件导入外部图片

首先,安装并激活Auto Upload Images插件。有关详情,请参见我们的逐步指南,了解如何安装WordPress插件。

注意:您可能会注意到此插件未经过最新WordPress版本的测试。然而,我们已经测试过该插件,并且它在此目的下工作良好。

激活后,访问“设置 » Auto Upload Images”页面以配置图片导入插件的设置。大部分默认设置适合大多数用户,但您可以根据需要更改它们。

接下来,您需要更新包含外部图片的文章或页面。由于这是手动过程,如果内容很多,可能比较耗时。

幸运的是,有一个快速方法可以更新所有包含外部图片的文章。前往“文章 » 所有文章”页面,然后点击顶部的“屏幕选项”按钮。

将‘页面项目数’字段中的数字改为‘999’并点击‘应用’按钮。WordPress将重新加载页面,这次它将一次显示最多999篇文章。

注意:如果您的网站托管速度较慢,服务器可能无法同时处理大量文章更新。在这种情况下,可以分批进行文章更新,或考虑更换更好的WordPress托管服务提供商。

关于在WordPress中导入外部图片的常见问题解答

希望通过本教程,您已学会如何在WordPress中导入外部图片。若仍有疑问,可以在此找到答案。

导入到WordPress中后,您可以开始优化它们,以提升网站的视觉效果和性能。以下是一些建议来帮助您充分利用新导入的图片:

  • 如何在WordPress图片上添加文字
  • 如何给WordPress特色图片添加标题
  • 如何在WordPress中轻松实现图片懒加载
  • 如何使用Envira创建响应式WordPress图片库
  • 如何为WordPress图片添加边框
  • 如何在媒体库中组织WordPress文件夹

我们希望本教程能帮助您学习如何在WordPress中导入外部图片。您或许也会感兴趣于免费公共领域和CC0许可证图像的最佳来源,以及如何将Adobe Lightroom中的照片上传到WordPress的指南。

Read More
WordPress 插件

如何使用 WordPress 建立免費的電子郵件名單

如何使用 WordPress 建立免費的電子郵件名單

作為一名博主,你可能聽說過電子郵件行銷。幾乎每個頂級博主都有自己的電子郵件名單,通過電子郵件與其追隨者進行獨家交流。擁有電子郵件名單讓你能夠直接與用戶互動,並在你有產品時推廣你的產品。這依然是獲得忠實追隨者和新事業曝光的最快方式之一。大多數博主面臨的唯一問題是建立名單所需的資金。在本文中,我們將向你展示如何使用 WordPress 免費建立龐大的電子郵件名單。

博主面臨的問題

收集電子郵件是昂貴的。Aweber 每月收取 $19 美元的新聞通訊費用。Mailchimp 只允許你擁有 500 個免費訂閱者,超過這個數量後你就需要開始付費。這些流行的電子郵件服務的定價結構攔阻了許多博主建立自己的電子郵件名單。大多數博主犯了等待自己有產品後才開始建立名單的錯誤。我們經常被問到何時是開始建立名單的最佳時機?答案是現在!即使你沒有自己的產品,也要開始建立電子郵件名單。因為六個月或一年後,當你最終創建自己的電子書或其他產品時,你將有一個可以推廣的受眾。

解決方案

使用 WP Email Capture 插件,由 @rhyswynne 創建。這款插件創建了一個兩字段的表單來捕獲電子郵件(姓名和電子郵件)。電子郵件是雙重選擇加入,允許你將選擇加入的用戶轉發到電子書或軟件等服務。當你準備開始你的電子郵件行銷活動時,簡單地將名單匯出到你選擇的電子郵件行銷軟件或服務。我們推薦使用 Aweber 或 Mailchimp,因為這兩個都是最好的選擇。另外,不要忘記訂閱我們的電子報。

功能

  • 支持小工具
  • 使用 WordPress 內部的 wp_mail 函數發送郵件
  • 容易與文章和頁面整合
  • 儀表板小工具
  • 將數據匯出為 CSV 文件,與大多數主要的電子郵件行銷程序兼容(包括 Aweber、Mailchimp、Groupmail、Constant Contact)
  • 雙重選擇加入,因此符合 CAN-SPAM 法規
  • 完全免費!

下載 WP Email Capture

Read More
WordPress 插件

2024年12个最佳WordPress电子商务插件比较

快速选择:最佳WordPress电子商务插件

在进入详细评测之前,让我们先快速看看我们挑选的前五个最佳WordPress电子商务插件:

  • WooCommerce:适用于一般在线商店(免费+付费扩展)
  • Easy Digital Downloads:适用于音乐、电子书、软件和下载(免费+专业版)
  • MemberPress:适用于会员网站(每年$179.50)
  • BigCommerce:无忧无虑的在线商店(每月$29)
  • Shopify:适用初学者的友好平台(每月$29)

选择WordPress电子商务插件时要注意什么

我们在测试每个插件时,特别关注以下要素:

  • 易用性:如果你是新手,选择一个易于使用的插件非常重要。
  • 可定制性:确保有很多模板和定制选项以增强你的在线商店设计。
  • 在线销售必备:你的插件应该能够添加产品、连接支付网关、管理库存以及发送订单通知。
  • 与产品类型匹配:某些插件适合销售数字商品,而其他插件更适合实物产品。
  • 包含营销功能:最好的插件提供吸引客户的工具,如折扣券或礼品卡。
  • 可扩展性:如果计划业务扩展,选择有应用和集成支持的平台,比如邮件营销、CRM软件、会计软件等。

我们如何测试和评测WordPress电子商务插件

  • 我们在自己的网站和项目中使用了这些插件。
  • 我们查看了流行选项并特别关注客户评论和安装量。
  • 我们彻底测试每个插件以揭示其真正的优缺点。

1. WooCommerce

WooCommerce 是最受欢迎的WordPress电子商务插件,非常容易设置和定制。基础版是免费的,但有许多扩展可以增强功能,如销售订阅、链接社交媒体等。

优点

  • 支持实物和数字商品。
  • 用户友好的库存管理后台。
  • 内置营销工具如折扣码和业务分析。
  • 支持多种货币和语言。
  • 大量扩展和集成。

缺点

  • 众多的扩展选项可能让新用户感觉无所适从。
  • 没有实时支持(除非购买Woo Express计划)。

价格:免费插件,付费主题和扩展从$1到数百美元不等。Woo Express计划,从每月$39起(前三个月仅$1)。

2. Easy Digital Downloads

如果你只打算销售数字产品,Easy Digital Downloads (EDD) 是最佳选择。免费的基础版足以销售一些产品,但高级版提供更多功能,如免费下载、Apple Pay/Google Pay支付等。

优点

  • 优化数字产品销售,管理简单。
  • 与大多数WordPress主题兼容,提供自有主题。
  • 详细的电子商务报告。
  • 广泛的扩展选项。
  • 多种支持选项。

缺点

  • 不适合销售实物产品。

价格:免费插件,高级计划每年$89.55起。

3. MemberPress

如果你想销售在线课程或提供专属内容,MemberPress 是最佳选择。这个插件支持会员计划、内容控制和自动化电子邮件提醒等功能。

优点

  • 强大的访问控制。
  • 用户友好的客户门户。
  • 内容滴灌功能。
  • 会员特定扩展。
  • 自动电子邮件提醒。

缺点

  • 使用扩展时,系统可能变得更复杂。

价格:每年$179.50起,支持无限会员和内容。

4. BigCommerce

BigCommerce 是一个托管的电子商务平台,提供WordPress插件来集成平台。所有产品和订单管理可以通过BigCommerce完成。它还提供多渠道销售功能。

优点

  • 容易的WordPress集成。
  • 默认的安全结账体验。
  • 实时运输费率。
  • 支持多渠道销售。

缺点

  • 主题和应用商店不如WooCommerce丰富。
  • 每一计划都有销售门槛。

价格:每月$29起,提供15天免费试用。

5. Shopify

Shopify 是一个非常流行的全包式电子商务平台,提供100多个电子商务主题和拖放式网站构建器。虽然没有官方的WordPress插件,但许多第三方插件提供了与WordPress的容易集成。

优点

  • 丰富的电子商务插件。
  • 用户友好的功能。
  • 可以创建本地化版本的在线商店。
  • 高级内置工具。

缺点

  • 需要特别注意Shopify的附加费用。

价格:每月$29起,提供3天免费试用。

Read More
WordPress 插件

如何在WordPress中輕鬆添加影片懶加載

懶加載影片如何運作?

想知道到底什麼是懶加載以及它如何運作嗎?當您在網站上嵌入一個影片時,您會添加一些需要加載的外部腳本和文件。由於需要加載的內容變多,您的網站加載速度會變慢。

影片懶加載會將嵌入的YouTube和Vimeo影片替換為一個可點擊的預覽圖像。當訪客點擊圖像時,它會加載並播放影片。由於圖像的大小比影片小很多,懶加載技術可以顯著提高頁面速度。

現在您已經了解了其優點,我們來看看如何在WordPress中為YouTube和Vimeo影片設置懶加載。

如何在WordPress中添加影片懶加載

首先,您需要安裝並啟用Lazy Load for Videos插件。這個插件開箱即用,您不需要編輯任何懶加載jQuery腳本或任何代碼。

要檢查您的懶加載是否正常運行,只需查看包含YouTube或Vimeo影片的帖子或頁面。您會注意到預設播放器被影片縮略圖和播放按鈕所替代。當您點擊圖片時,影片就會加載並播放。

影片加載可能會有一點微秒(可忽略不計)的延遲,因此請不要認為懶加載未工作。

雖然這個插件開箱即用,但仍有一些設置可以根據您的需要進行配置。 在文章編輯器畫面,您可以選擇YouTube影片嵌入的縮略圖質量。

除了縮略圖質量外,如果您進入Settings » Lazy Load for Videos,還有更多自定義選項可設置。

在常規設置標籤上,您可以自定義影片縮略圖的外觀,可以啟用響應模式,選擇播放按鈕樣式,使用自定義CSS,甚至啟用schema.org標記。這個插件支援YouTube和Vimeo。在分別的標籤上,您可以找到相應的提供者設定。

在YouTube設置標籤上,您可以選擇顏色、縮略圖質量、禁用相關影片和註釋,甚至可以禁用YouTube影片的懶加載。

同樣,在Vimeo設置標籤上,您可以選擇控制顏色、隱藏或顯示影片標題,並禁用Vimeo影片的懶加載。

就這樣,我們希望這篇文章能幫助您在WordPress中添加影片懶加載。為進一步提高網站速度,您需要使用W3 Total Cache插件設置WordPress CDN解決方案。如果您喜歡這篇文章,請訂閱我們的YouTube頻道以獲取WordPress視頻教程。您還可以在Twitter和Google+找到我們。

Read More
WordPress 插件

如何在WordPress中创建健身追踪器(附图表)

许多健康和健身相关的企业为用户提供健身追踪器。如果您经营一家健身房或类似企业,在您的网站上加入一个健身追踪器可以提升用户参与度并帮助您的业务增长。这种工具可以增加用户互动,收集有价值的数据以便获得新见解,并在您的受众中创建一种社区感。

什么是健身追踪器?

健身追踪器是一种在线工具,帮助用户记录他们健康和健身的不同方面。它可以是体重减轻追踪器、BMI计算器、膳食计划器或其他类型的健康追踪工具。可以使用无代码的WordPress插件快速创建这些工具,这些插件能够实时计算各种数值。

为什么要在WordPress网站添加健身追踪器

如果您的WordPress网站与健康和健身行业相关,那么添加一个健身追踪器是一个简单的方式来加强用户参与。这类网站包括健身房网站、减肥网站、私人健身教练网站、营养网站或食品博客、健康和健身社区、生活方式社区等等。您可以为用户提供实际的工具来追踪他们的健身表现,从而让他们在您的网站上停留更长时间。提高的用户互动将带来更高的转化率和更好的客户保留。

建立在线健身社区

创建一个健康和健身网站赚钱的最简单方法之一是通过MemberPress建立会员网站。这个插件非常容易使用,可以让您销售在线课程和订阅。我们曾用它为读者创建免费课程。如果您想了解更多,请查看我们的MemberPress评价。

在WordPress中创建健身追踪器

要在WordPress中创建在线健身追踪器,您需要使用Formidable Forms。它允许您在网站上创建高级表单和计算器。它可以很好地与您可能已经使用的其他工具配合使用,比如MemberPress、WooCommerce或您的电子邮件服务提供商。

首先,您需要安装和激活Formidable Forms插件。激活后,访问Formidable » 全局设置页面,输入您的插件许可证密钥。

之后,访问Formidable » 表单页面。在这里,点击“添加新”按钮来创建您的健身追踪表单。然后您将被要求为您的表单选择一个模板。在左列中,您将看到可以添加的表单字段列表。在右侧,您将看到表单预览。

对于我们的体重减轻追踪器,我们将添加以下表单字段:

  • 用户ID – 由Formidable Forms自动填写,让用户查看他们自己的表现。
  • 日期 – 用户能够输入测量体重的日期。
  • 数字 – 我们将把这个字段重命名为‘体重’,并要求用户输入他们的体重(单位为磅或千克)。

编辑完表单后,点击“更新”按钮以保存您的表单。

在WordPress文章或页面中添加健身追踪器

接下来,您想要在您的WordPress网站中添加健身追踪表单。如果您使用的是MemberPress,您可以编辑“账户”页面,也可以创建一个新页面并只限会员使用。在页面编辑屏幕上,简单地添加“Formidable Forms”块并从下拉菜单中选择您创建的健身追踪表。

在WordPress中展示健身表单追踪器数据

Formidable Forms使得在您的WordPress网站上显示通过表单收集的数据变得非常容易。您可以选择要显示的字段并以图表展示数据。简单编辑您想展示表单数据的文章或页面,添加一个短代码,并根据以下格式进行调整:

[frm-graph fields="22" y_title="Weight" x_axis="21" x_title="Date" type="line" title="Weight tracking" user_id="current" data_type="average"]

在添加短代码后,别忘了保存您的更改。接下来,您需要以添加测试条目的假用户账户登录,并访问您刚刚创建的页面。

在WordPress中创建更多健身追踪工具

Formidable Forms是WordPress中最先进的工具构建器之一。除了体重减轻追踪表单之外,您还能用它创建其他类型的在线健身计算器和工具。

我们希望这篇文章能帮助您了解如何轻松在WordPress中添加健身追踪器。如果您喜欢这篇文章,欢迎订阅我们的YouTube频道,获取更多WordPress视频教程。

Read More