您想在新的瀏覽器窗口或選項卡中打開博客文章中的外部鏈接嗎?
在新窗口中打開外部鏈接允許您的用戶無需離開您的網站即可訪問該鏈接。這會帶來更高的用戶參與度,因為訪問者會在您的網站上花費更多時間。
在本初學者指南中,我們將展示如何在 WordPress 網站的新窗口或選項卡中輕松打開外部鏈接。
為什么在新窗口或選項卡中打開外部鏈接?
外部鏈接是指向您不擁有或控制的網站的鏈接。通常,如果您添加指向外部網站的鏈接,那么您的訪問者只需單擊該鏈接即可離開您的網站。
雖然一些用戶體驗專家說您不應在新窗口或選項卡中打開外部鏈接,但我們不同意。
您會發現,大多數用戶很容易忘記他們上次訪問的網站。如果點擊鏈接會將他們從您的WordPress 網站帶到新網站,那么他們可能永遠不會返回。
為了獲得更好的用戶體驗,我們建議在新窗口(在舊版瀏覽器中)或新選項卡(在現代瀏覽器中)中打開外部鏈接。這樣,原來的網頁就不會丟失,用戶可以通過切換回來繼續瀏覽您的網站。
在新選項卡中打開外部鏈接的另一個好處是增加網站上的頁面瀏覽量和用戶參與度。在您的網站上花費更多時間的用戶更有可能注冊您的電子郵件通訊、在社交媒體上關注您、發表評論并購買您的產品。
話雖這么說,讓我們看看如何在 WordPress 的新窗口或選項卡中輕松打開外部鏈接。我們將介紹不同的方法,以便您可以選擇最適合您的一種:
- 使用塊編輯器在新選項卡中打開外部鏈接
- 使用經典編輯器在新選項卡中打開外部鏈接
- 使用 html 代碼在新選項卡中打開外部鏈接
- 在新選項卡中打開導航菜單鏈接
- 使用插件自動打開新選項卡中的所有外部鏈接
視頻教程
https://www.youtube.com/embed/hIj71AmUDqA?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent訂閱 WPBeginner
https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-Static%2F_%2Fjs%2Fk%3Doz.gapi.en.vQiXRrxCe40.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCMBxIGVyXSdvvcs43a64yHt_P7dfg%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1448178294715&parent=https%3A%2F%2Fwpbeginner.com
如果您更喜歡書面說明,請繼續閱讀。
1. 使用塊編輯器在新選項卡中打開外部鏈接
WordPress塊編輯器有一個內置功能,可讓您在新選項卡中打開外部鏈接。在 WordPress 的最新版本中,添加鏈接時此選項可見。
只需編輯要添加外部鏈接的博客文章或頁面即可。接下來,選擇要鏈接的文本,然后單擊“鏈接”按鈕。您還可以按快捷鍵 CTRL+K(windows 上)或 Command+K(Mac 上)。
這將彈出插入鏈接。只需輸入鏈接并按“Enter”即可。
之后,您需要將“在新選項卡中打開”選項切換到“打開”位置。
該鏈接現在將在新選項卡中打開。
提示:您還可以通過安裝All in One SEO插件將 title 和 nofollow 屬性添加到插入鏈接彈出窗口。
2. 使用經典編輯器在新選項卡中打開外部鏈接
如果您仍在使用經典編輯器,那么我們建議您開始使用新編輯器。它更現代、更快,并且包含許多您錯過的新功能。
但是,如果您仍然想使用經典編輯器,則可以通過以下方式添加在新選項卡中打開的鏈接。
首先,您需要編輯要添加鏈接的帖子或頁面。接下來,選擇要鏈接的文本,即錨文本。然后,您可以單擊“插入/編輯鏈接”按鈕。
將出現一個彈出窗口,您可以在其中添加外部鏈接。
之后,單擊旁邊的齒輪圖標。這將彈出高級插入鏈接彈出窗口。
從這里,您需要選中“在新選項卡中打開鏈接”選項。之后,您應該單擊底部的“更新”按鈕來添加鏈接。
3. 使用 HTML 代碼在新選項卡中打開外部鏈接
有時,您可能需要編寫 HTML 來在 WordPress 中添加鏈接。例如,在新的塊編輯器中使用 HTML 模式或在WordPress 主題模板文件中添加鏈接時,您需要執行此操作。
您可以使用 HTML 代碼添加鏈接,如下所示:
單擊該按鈕后,您現在將看到更多選項。
繼續檢查“顯示高級菜單屬性”下的“鏈接目標”選項。
之后,您可以通過輸入 URL、鏈接文本并單擊“添加到菜單”按鈕,將自定義鏈接添加到導航菜單。
您的自定義鏈接現在將顯示在“菜單結構”列中。您現在可以選擇“在新選項卡中打開鏈接”選項,以在不同的選項卡中打開外部鏈接。
完成后,單擊底部的“保存菜單”按鈕。
在新選項卡中打開塊主題的導航菜單鏈接
如果您使用的是塊主題,則需要導航到外觀?主題并使用完整站點編輯器在新選項卡中打開出站菜單鏈接。
您需要單擊頁面頂部的頁眉區域,頁眉將被選中。接下來,單擊菜單左側的導航區域。將選擇菜單,您應該在菜單末尾看到一個“+”號,您可以在其中添加新鏈接。
提示:在全屏編輯器中選擇塊可能很棘手,因此許多用戶發現使用列表視圖更容易。只需單擊屏幕頂部的圖標,然后找到并選擇導航塊。它可以嵌套在其他塊中,例如標頭和組。
現在,您需要單擊“+”圖標打開一個彈出窗口,您可以在其中添加鏈接。在頂部的字段中輸入 URL,并確保將“在新選項卡中打開”切換到“打開”位置。
接下來,單擊 URL 旁邊的“提交”圖標來存儲您的設置。
完成此操作后,請不要忘記單擊屏幕頂部的“保存”按鈕。
5. 使用插件自動打開新選項卡中的所有外部鏈接
手動檢查您添加的每個外部鏈接的選項可能聽起來像是額外的工作。不過,隨著時間的推移,你會習慣的。
如果您運行多作者博客或經常忘記在新選項卡中打開外部鏈接,那么您可以使用插件。
首先,您需要安裝并激活“在新窗口中打開外部鏈接”插件。有關更多詳細信息,請參閱我們有關如何安裝 WordPress 插件的分步指南。
該插件開箱即用,它會自動在新窗口中打開外部鏈接。
它實際上不會更改博客文章中的外部鏈接。相反,它使用 JavaScript 在新窗口中打開外部鏈接。
注意:停用該插件將阻止外部鏈接在新窗口中打開。
我們希望本文能幫助您了解如何在 WordPress 的新窗口中輕松打開外部鏈接。您可能還想查看我們關于如何創建免費企業地址的指南,或者我們專家精選的可在您的網站上使用的最有用的 WordPress 提示、技巧和技巧。