如何使用WordPress在新窗口或選項卡中打開外部鏈接


您是否要在新窗口中打開博客文章的外部鏈接?

在新窗口中打開外部鏈接可讓您的用戶訪問鏈接而無需離開您的網站。

許多初學者都在努力尋找在窗口中打開鏈接的選項,這主要是因為在WordPress中添加鏈接時該鏈接不會立即顯示。

在此初學者指南中,我們將展示如何在WordPress網站上的新窗口中輕鬆打開外部鏈接。 我們還將展示執行此操作的不同方法,因此您可以選擇最適合自己的一種。

如何在新窗口中打開外部鏈接

為什麼以及何時應該在新窗口中打開外部鏈接?

外部鏈接是指向您不擁有或控制的網站的鏈接。 通常,如果您添加到外部網站的鏈接,訪問者只需單擊鏈接即可離開您的網站。

儘管一些用戶體驗專家說您不應在新窗口中打開外部鏈接,但我們不同意。

您會看到,大多數用戶很容易忘記他們訪問的最後一個網站。 如果他們打開了多個標籤,則他們將永遠無法再次找到您的網站。

為了獲得更好的用戶體驗,我們建議在新窗口或標籤中打開外部鏈接。 這樣,原始網頁就不會丟失,用戶可以通過切換回去繼​​續瀏覽您的網站。

在新窗口中打開外部鏈接的另一個好處是增加頁面瀏覽量和網站上的用戶參與度。 用戶更有可能返回上一個選項卡並完成閱讀文章。

在您的網站上花費更多時間的用戶更有可能加入您的電子郵件通訊,在社交媒體上關注您,發表評論併購買您的產品。

話雖如此,讓我們看一下如何輕鬆地在WordPress的新窗口中打開外部鏈接。

影片教學

訂閱WPBeginner

如果您喜歡書面說明,請繼續閱讀。

在Gutenberg編輯器中的新窗口中打開外部鏈接

新的WordPress塊編輯器具有內置功能,可讓您在新窗口中打開外部鏈接。 但是,該選項隱藏在按鈕後面,因此初學者通常不會注意到它。

只需編輯您要在其中添加外部鏈接的博客文章或頁面。 接下來,選擇要鏈接的文本,然後單擊插入鏈接按鈕(或在Windows上按CTRL + K /在Mac上按Command + K)。

在新的標籤頁打開鏈接

這將彈出插入鏈接彈出窗口。 只需輸入鏈接,然後單擊它旁邊的向下箭頭。 這將顯示打開鏈接新選項卡的選項。

單擊以切換選項,然後按Enter。 您選擇的文本現在將被鏈接,您可以通過訪問您的網站進行預覽。

使用經典編輯器在新窗口中打開外部鏈接

WordPress在WordPress 5.0中引入了新的塊編輯器。 許多用戶喜歡通過安裝經典編輯器插件來使用舊的編輯器。

如果您仍在使用經典編輯器,那麼我們建議您開始使用新的編輯器。 它是現代的,速度更快的,並且包含許多您遺漏的新功能。

但是,如果仍然要使用經典編輯器,則可以使用經典編輯器在新窗口中打開鏈接。

首先,您需要編輯要在其中添加鏈接的帖子或頁面。 接下來,選擇要鏈接的文本,然後單擊“添加鏈接”按鈕。

在經典編輯器中添加新鏈接

將會出現一個彈出窗口,您可以在其中添加外部鏈接。 之後,點擊其旁邊的齒輪圖標。 這將彈出高級插入鏈接彈出窗口。

使用經典編輯器在新標籤頁中打開鏈接

在這裡,您需要選中“在新標籤頁中打開鏈接”複選框旁邊的複選框,然後單擊“更新”按鈕以添加您的鏈接。

現在,您可以保存您的帖子並對其進行預覽,以查看鏈接的作用。

在經典編輯器中使用“文本”選項卡在“新建”選項卡中打開鏈接

如果您在舊的經典編輯器中使用的是標記為“文本”的HTML編輯器,那麼這就是在新窗口中打開外部鏈接的方式。

在文本編輯器中添加鏈接按鈕

只需選擇要鏈接的文本,然後單擊“添加鏈接”按鈕。 這將彈出高級“插入”鏈接彈出窗口。

使用經典編輯器在純文本編輯器中添加鏈接

在這裡,您可以添加鏈接並選中“在新標籤頁中打開鏈接”選項旁邊的框。 之後,單擊“添加鏈接”按鈕,彈出窗口將消失。 現在,您將在文本編輯器中看到鏈接的HTML代碼。

外部鏈接的HTML代碼

現在,您可以保存所做的更改並查看帖子,以查看正在使用的外部鏈接。

如何使用HTML在新窗口中打開外部鏈接

有時您可能需要編寫HTML才能在WordPress中添加鏈接。 例如,當您在新的塊編輯器中使用HTML模式或在WordPress主題模板文件中添加鏈接時。

您需要使用以下HTML代碼添加鏈接。

Link Text 

只需將example.com替換為外部鏈接URL,並將“鏈接文本”替換為您要鏈接的文本。

這段代碼中的目標參數告訴瀏覽器在新窗口或標籤中打開鏈接。

使用WordPress插件在新窗口中自動打開所有外部鏈接

手動檢查您添加的每個外部鏈接的選項似乎都需要額外的工作。 但是,隨著時間的流逝,您將習慣它。

如果您運行多作者博客或經常忘記在新標籤中打開外部鏈接,則可以使用插件。

首先,您需要在新窗口插件中安裝並激活“打開外部鏈接”。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

該插件開箱即用,它將在新窗口中自動打開外部鏈接。

它實際上並不會更改博客文章中的外部鏈接。 而是使用JavaScript在新窗口中打開外部鏈接。

注意: 請記住,停用插件將停止在新窗口中打開外部鏈接。

我們希望本文能幫助您學習如何在WordPress的新窗口中輕鬆打開外部鏈接。 您可能還想查看我們可以在您的網站上使用的最有用的WordPress技巧,竅門和黑客的最終列表。

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