如何顯示 WordPress 的熱門文章(2 種方法)

05/22/2023

如何顯示 WordPress 的熱門文章(2 種方法)

您想在 WordPress 中顯示最受歡迎的文章嗎?通過展示您的熱門文章,您可以幫助讀者發現最有價值的內容,並鼓勵他們在您的網站上停留更長時間。

為什麼要在 WordPress 中顯示熱門文章?

當用戶看到您的熱門文章時,他們可以了解其他讀者喜歡的內容,並參與討論。此外,展示您的熱門內容可以提升您的社交證明。這就像在告訴新用戶,“嘿,其他人覺得這些文章非常有幫助,你也會同樣覺得!”

顯示熱門文章還可以使人們在您的網站上停留更長時間,增加頁面瀏覽量並降低跳出率。用戶參與度越高,Google 越會認為您的內容有價值,從而提升您的 WordPress SEO 排名。

可惜的是,WordPress 沒有內置功能或區塊來顯示按瀏覽量排序的熱門文章。在這個指南中,我們將向您展示如何通過使用插件和編碼來實現這一目標。

方法 1:使用 MonsterInsights 顯示 WordPress 熱門文章

選擇熱門文章小部件主題

安裝並設置 MonsterInsights 插件後,轉到 WordPress 儀表板中的 Insights » Popular Posts。然後,點擊“Popular Posts Widget”選單項目。

向下滾動,選擇一個主題來顯示熱門文章小部件。可以選擇包含特徵圖片或更簡約的主題。

配置熱門文章小部件行為

配置主題設計後,需要轉到 Behavior 部分。在這裡,你可以控制熱門文章小部件在 WordPress 網站上的顯示方式。

嵌入熱門文章小部件

有幾種嵌入小部件的方法:自動放置、使用 Gutenberg 區塊、添加為側邊欄小部件或使用短代碼。

在頁面或帖子中嵌入熱門文章區塊

若要更精確地控制小部件在頁面或帖子中的顯示,請進入帖子或頁面的區塊編輯器,然後添加“Popular Posts”區塊。

將熱門文章小部件嵌入側邊欄

如果您使用具有小部件區域的主題,可以將“Popular Posts – MonsterInsights”小部件添加到側邊欄。

配置完所有設置後,請點擊“更新”按鈕。確定側邊欄顯示正常。

使用短代碼嵌入熱門文章小部件

最後一個選項是使用短代碼。這種方法適合在前面選項不適用的情況下使用。在“Popular Posts Widget”選項卡中,選擇“使用短代碼顯示”,然後複製短代碼。

方法 2:使用編碼顯示 WordPress 熱門文章

如果您對編碼感到舒適,可以使用編碼來顯示您的熱門文章。我們建議使用 WPCode 插件。

添加 WordPress 文章瀏覽計數函數

安裝啟用 WPCode 插件後,轉到 Code Snippets » + Add Snippet。然後,添加一個新的 PHP 代碼段來計數文章瀏覽量。

插入 WPCode

添加“Track Post Views Function Call”代碼段,在單篇文章頁面上調用計數函數。

添加 WordPress 文章瀏覽跟踪鉤子

添加一個代碼段,檢查當前頁面是否為單篇文章,如果是,則調用上一步的計數函數。

添加函數以檢索文章瀏覽計數並顯示熱門文章

最終步驟是添加一個代碼段來檢索和顯示文章的瀏覽計數,並在文章底部顯示最熱門的文章。

我們希望這個 WordPress 教程能幫助您學會如何顯示按瀏覽量排序的熱門文章。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取更多 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>