如何在 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)

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

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

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

如何在 WordPress 網(wǎng)站上添加外部鏈接圖標(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)添加到外部鏈接。

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

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

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

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

如果您收到一個(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)卡中”。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如何在 WordPress 網(wǎng)站上添加外部鏈接圖標(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)站訪問者。

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊13 分享