如何在WordPress中顯示鏈接的實時預覽


您是否曾經看到過將鼠標放在鏈接上時會實時顯示鏈接預覽的網站? 這是通過使用jQuery彈出窗口來實現的,該彈出窗口在用戶將鼠標移到鏈接上時顯示鏈接頁面的屏幕截圖。 在本文中,我們將向您展示如何在WordPress中顯示鏈接的實時預覽。

實時預覽鏈接示例

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

您需要做的第一件事是安裝並激活WP Live Preview Links插件。 激活後,一個名為“實時預覽鏈接”的新菜單項將出現在WordPress管理欄中。 單擊它會將您帶到插件的設置頁面。

實時預覽鏈接設置

使用此插件,您可以實時預覽外部,內部,所有或選擇性鏈接。 根據您要實現的目標,許多站點都使用外部站點的實時預覽。 一些電子商務網站使用實時預覽來展示產品頁面。 請記住,太多的實時預覽會對您的用戶造成很大的干擾和煩惱。

選擇 class="wp-live-preview" 將允許您在添加鏈接時手動顯示其實時預覽。 只需將類添加到您的鏈接中,如下所示:

Example Link

在其他設置中,您可以選擇實時預覽彈出窗口的大小,位置以及預覽鏈接的站點視口。 默認設置適用於大多數站點。 只需單擊“保存更改”按鈕以存儲您的設置。

現在,您可以訪問您的網站以查看活動鏈接的實時預覽。

我們希望本文能幫助您學習如何在WordPress中顯示鏈接的實時預覽。 您可能還想看看我們的指南,了解如何使用損壞的鏈接檢查器修復WordPress中的損壞的鏈接。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Google+。