如何在 WordPress 網(wǎng)站上添加外部鏈接圖標(biāo)

您想向您的 wordpress 網(wǎng)站添加外部鏈接圖標(biāo)嗎？

通過清楚地標(biāo)記外部 URL，您可以讓人們在您的網(wǎng)站上停留更長時(shí)間，并明確單擊特定鏈接將打開一個(gè)新窗口或選項(xiàng)卡。

在本文中，我們將向您展示如何向 WordPress 添加外部鏈接圖標(biāo)。

為什么要在 WordPress 網(wǎng)站上添加外部鏈接圖標(biāo)？

外部鏈接圖標(biāo)是出現(xiàn)在鏈接旁邊的小圖片，可將用戶帶到不同的網(wǎng)站。

例如，您可以滾動(dòng)到任何維基百科帖子的底部，并看到“參考”部分中的大多數(shù)鏈接都有一個(gè)外部鏈接圖標(biāo)。

通過在WordPress 博客上使用外部鏈接圖標(biāo)，您的訪問者將能夠輕松區(qū)分出站鏈接和內(nèi)部鏈接。許多網(wǎng)站還使用外部鏈接圖標(biāo)來明確該鏈接將在新窗口或選項(xiàng)卡中打開。

這些圖標(biāo)可以讓訪問者在您的網(wǎng)站上停留更長時(shí)間并增加您的綜合瀏覽量，因?yàn)樗麄凕c(diǎn)擊外部鏈接并意外離開您的網(wǎng)站的風(fēng)險(xiǎn)較小。

話雖如此，讓我們看看如何向 WordPress 網(wǎng)站添加外部鏈接圖標(biāo)。

如何在 WordPress 網(wǎng)站上添加外部鏈接圖標(biāo)

將外部鏈接圖標(biāo)添加到您的網(wǎng)站的最簡單方法是使用WP 外部鏈接。

您可以使用此插件自動(dòng)將不同的圖像、Dashicons和 Font Awesome 圖標(biāo)添加到外部鏈接。

首先，您需要安裝并激活WP 外部鏈接插件。如果您需要幫助，請參閱我們有關(guān)如何安裝 WordPress 插件的指南。

之后，只需單擊左側(cè)菜單中的新WP 外部鏈接設(shè)置即可。

如果您收到一個(gè)彈出窗口要求您升級，那么您只需單擊彈出窗口之外的任意位置即可將其關(guān)閉。

正如您所看到的，該插件可以做的不僅僅是向您的網(wǎng)站添加外部鏈接圖標(biāo)。例如，它可以自動(dòng)為WordPress中的所有外部鏈接添加nofollow。

WP 外部鏈接還可以通過在新窗口或選項(xiàng)卡中打開所有外部鏈接來讓人們留在您的網(wǎng)站上。我們建議啟用此功能，因?yàn)樵S多用戶認(rèn)為帶有外部鏈接圖標(biāo)的鏈接無論如何都會(huì)在新窗口或選項(xiàng)卡中打開。

要在新窗口或選項(xiàng)卡中打開所有外部 URL，請打開“打開外部鏈接”下拉列表，然后單擊“每個(gè)在單獨(dú)的新窗口或選項(xiàng)卡中”。

默認(rèn)情況下，WP 外部鏈接會(huì)將此規(guī)則應(yīng)用于您創(chuàng)建的每個(gè)新外部鏈接。

但是，它還可以掃描您的網(wǎng)站并更改您之前添加到網(wǎng)站的任何外部 URL。這將為您的用戶提供更一致的體驗(yàn)，因此最好繼續(xù)單擊“覆蓋現(xiàn)有值”框。

完成此操作后，您就可以為外部鏈接創(chuàng)建圖標(biāo)了。首先，滾動(dòng)到“選擇圖標(biāo)類型”部分。

現(xiàn)在，您可以單擊“無圖標(biāo)”的位置來打開下拉菜單。

您的選項(xiàng)包括“圖像”、“真棒字體”或“Dashicon”。

Font Awesome 和 Dashicon 都帶有一個(gè)帶有箭頭的方框圖標(biāo)，您可以將其用作外部鏈接圖標(biāo)。該圖標(biāo)在您的網(wǎng)站上始終顯示為藍(lán)色，如下圖所示。

這正是許多網(wǎng)站用于外部鏈接的圖標(biāo)，因此大多數(shù)訪問者都會(huì)理解帶箭頭的框圖標(biāo)的含義。

但是，“圖像”允許您在多個(gè)帶有箭頭的框圖標(biāo)之間進(jìn)行選擇，其中包括一些樣式和顏色略有不同的圖標(biāo)。

在下圖中，您可以看到帶有箭頭的彩色框圖標(biāo)在WordPress 網(wǎng)站上的外觀示例。

如果您想向網(wǎng)站添加彩色圖標(biāo)，則需要從“選擇圖標(biāo)類型”下拉列表中選擇“圖像”。

然后，您可以單擊要用于外部鏈接的鏈接。

完成此操作后，打開“圖標(biāo)位置”下拉列表。

在這里，選擇圖標(biāo)是顯示在“鏈接的右側(cè)”還是“鏈接的左側(cè)”。大多數(shù)網(wǎng)站都會(huì)在鏈接右側(cè)顯示外部圖標(biāo)。

您想改用標(biāo)準(zhǔn)的帶箭頭的藍(lán)色框圖標(biāo)嗎？

然后，您可以打開“選擇圖標(biāo)類型”下拉列表，然后單擊“Font Awesome”或“Dashicon”。

接下來，打開“選擇 Dashicon”或“選擇 FA”旁邊的下拉菜單，然后單擊帶箭頭的框圖標(biāo)。

注意：?Font Awesome 和 Dashicons 都可以讓您訪問許多其他圖標(biāo)。但是，我們建議使用帶箭頭的框圖標(biāo)，因?yàn)楦嗳藭?huì)將此視為外部鏈接圖標(biāo)。

單擊要使用的 Font Awesome 或 Dashicon 后，您可以按照上述完全相同的過程指定它是顯示在鏈接的右側(cè)還是左側(cè)。

如果您對所選的外部鏈接圖標(biāo)感到滿意，只需單擊“保存更改”即可。

然后，該插件會(huì)自動(dòng)將該圖標(biāo)添加到您網(wǎng)站上的所有外部 URL。

我們希望本文能幫助您了解如何向您的 WordPress 網(wǎng)站添加外部鏈接圖標(biāo)。您還可以閱讀我們的指南，了解通過在線博客賺錢的行之有效的方法以及如何跟蹤 WordPress 網(wǎng)站的網(wǎng)站訪問者。