0

0

如何在 WordPress 网站上添加外部链接图标

舞夢輝影

舞夢輝影

发布时间:2025-06-14 12:08:12

|

1122人浏览过

|

来源于php中文网

原创

您想向您的 wordpress 网站添加外部链接图标吗?

通过清楚地标记外部 URL,您可以让人们在您的网站上停留更长时间,并明确单击特定链接将打开一个新窗口或选项卡。

在本文中,我们将向您展示如何向 WordPress 添加外部链接图标。

如何在 WordPress 网站上添加外部链接图标

为什么要在 WordPress 网站上添加外部链接图标

外部链接图标是出现在链接旁边的小图片,可将用户带到不同的网站。

例如,您可以滚动到任何维基百科帖子的底部,并看到“参考”部分中的大多数链接都有一个外部链接图标。

如何在 WordPress 网站上添加外部链接图标

通过在WordPress 博客上使用外部链接图标,您的访问者将能够轻松区分出站链接和内部链接。许多网站还使用外部链接图标来明确该链接将在新窗口或选项卡中打开。

这些图标可以让访问者在您的网站上停留更长时间并增加您的综合浏览量,因为他们点击外部链接并意外离开您的网站的风险较小。

话虽如此,让我们看看如何向 WordPress 网站添加外部链接图标。

如何在 WordPress 网站上添加外部链接图标

将外部链接图标添加到您的网站的最简单方法是使用WP 外部链接。

您可以使用此插件自动将不同的图像、Dashicons和 Font Awesome 图标添加到外部链接。

如何在 WordPress 网站上添加外部链接图标

首先,您需要安装并激活WP 外部链接插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

之后,只需单击左侧菜单中的新WP 外部链接设置即可。

如何在 WordPress 网站上添加外部链接图标

如果您收到一个弹出窗口要求您升级,那么您只需单击弹出窗口之外的任意位置即可将其关闭。

正如您所看到的,该插件可以做的不仅仅是向您的网站添加外部链接图标。例如,它可以自动为WordPress中的所有外部链接添加nofollow。

WP 外部链接还可以通过在新窗口或选项卡中打开所有外部链接来让人们留在您的网站上。我们建议启用此功能,因为许多用户认为带有外部链接图标的链接无论如何都会在新窗口或选项卡中打开。

要在新窗口或选项卡中打开所有外部 URL,请打开“打开外部链接”下拉列表,然后单击“每个在单独的新窗口或选项卡中”。

如何在 WordPress 网站上添加外部链接图标

默认情况下,WP 外部链接会将此规则应用于您创建的每个新外部链接。

但是,它还可以扫描您的网站并更改您之前添加到网站的任何外部 URL。这将为您的用户提供更一致的体验,因此最好继续单击“覆盖现有值”框。

如何在 WordPress 网站上添加外部链接图标

完成此操作后,您就可以为外部链接创建图标了。首先,滚动到“选择图标类型”部分。

现在,您可以单击“无图标”的位置来打开下拉菜单。

建站之星(sitestar)网站建设系统2.7
建站之星(sitestar)网站建设系统2.7

SiteStar V2.7版功能说明:增加和改善功能1、站点基本设置中增加地址栏图标上传。2、调整文章、产品按后台顺序值从大到小进行排序显示。3、新增留言模块自定义留言项功能,方便各种网站留言表单需求。4、下载模块中,下载类型新增外部链接方式。5、友情链接、在线客服模块,新增排序字段,可调整显示顺序。6、新增走马灯按后台顺序值从大到小进行排序显示。7、增强公告模块设置滚动速度。8、产品列表显示方式

下载

如何在 WordPress 网站上添加外部链接图标

您的选项包括“图像”、“真棒字体”或“Dashicon”。

Font Awesome 和 Dashicon 都带有一个带有箭头的方框图标,您可以将其用作外部链接图标。该图标在您的网站上始终显示为蓝色,如下图所示。

如何在 WordPress 网站上添加外部链接图标

这正是许多网站用于外部链接的图标,因此大多数访问者都会理解带箭头的框图标的含义。

但是,“图像”允许您在多个带有箭头的框图标之间进行选择,其中包括一些样式和颜色略有不同的图标。

在下图中,您可以看到带有箭头的彩色框图标在WordPress 网站上的外观示例。

如何在 WordPress 网站上添加外部链接图标

如果您想向网站添加彩色图标,则需要从“选择图标类型”下拉列表中选择“图像”。

然后,您可以单击要用于外部链接的链接。

如何在 WordPress 网站上添加外部链接图标

完成此操作后,打开“图标位置”下拉列表。

在这里,选择图标是显示在“链接的右侧”还是“链接的左侧”。大多数网站都会在链接右侧显示外部图标。

如何在 WordPress 网站上添加外部链接图标

您想改用标准的带箭头的蓝色框图标吗?

然后,您可以打开“选择图标类型”下拉列表,然后单击“Font Awesome”或“Dashicon”。

接下来,打开“选择 Dashicon”或“选择 FA”旁边的下拉菜单,然后单击带箭头的框图标。

如何在 WordPress 网站上添加外部链接图标

注意: Font Awesome 和 Dashicons 都可以让您访问许多其他图标。但是,我们建议使用带箭头的框图标,因为更多人会将此视为外部链接图标。

单击要使用的 Font Awesome 或 Dashicon 后,您可以按照上述完全相同的过程指定它是显示在链接的右侧还是左侧。

如果您对所选的外部链接图标感到满意,只需单击“保存更改”即可。

然后,该插件会自动将该图标添加到您网站上的所有外部 URL。

我们希望本文能帮助您了解如何向您的 WordPress 网站添加外部链接图标。您还可以阅读我们的指南,了解通过在线博客赚钱的行之有效的方法以及如何跟踪 WordPress 网站的网站访问者。

相关专题

更多
wordpress seo
wordpress seo

WordPress网站SEO优化方法有:1、选择一个SEO友好的主题,具有清晰的代码结构,快速的加载速度和响应式设计;2、使用SEO插件,优化你的标题标签,元描述,关键字,XML站点地图等;3、优化你的内容,内容是SEO优化的核心;4、优化你的网站速度;5、创建友好的URL;6、使用内部链接;7、优化图像;8、使用社交媒体;9、定期更新你的网站;10、监控和分析你的网站等等。

415

2023.09.18

wordpress下载后怎么安装
wordpress下载后怎么安装

安装前准备:确保服务器满足要求、获取安装文件、创建数据库。上传 wordpress 文件。创建数据库和用户。运行安装程序:选择语言、输入数据库信息、网站标题和管理员信息。安装 wordpress。安装后配置:设置永久链接、安装主题、安装插件、创建内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

314

2024.04.15

云朵浏览器入口合集
云朵浏览器入口合集

本专题整合了云朵浏览器入口合集,阅读专题下面的文章了解更多详细地址。

20

2026.01.20

Java JVM 原理与性能调优实战
Java JVM 原理与性能调优实战

本专题系统讲解 Java 虚拟机(JVM)的核心工作原理与性能调优方法,包括 JVM 内存结构、对象创建与回收流程、垃圾回收器(Serial、CMS、G1、ZGC)对比分析、常见内存泄漏与性能瓶颈排查,以及 JVM 参数调优与监控工具(jstat、jmap、jvisualvm)的实战使用。通过真实案例,帮助学习者掌握 Java 应用在生产环境中的性能分析与优化能力。

28

2026.01.20

PS使用蒙版相关教程
PS使用蒙版相关教程

本专题整合了ps使用蒙版相关教程,阅读专题下面的文章了解更多详细内容。

146

2026.01.19

java用途介绍
java用途介绍

本专题整合了java用途功能相关介绍,阅读专题下面的文章了解更多详细内容。

120

2026.01.19

java输出数组相关教程
java输出数组相关教程

本专题整合了java输出数组相关教程,阅读专题下面的文章了解更多详细内容。

41

2026.01.19

java接口相关教程
java接口相关教程

本专题整合了java接口相关内容,阅读专题下面的文章了解更多详细内容。

10

2026.01.19

xml格式相关教程
xml格式相关教程

本专题整合了xml格式相关教程汇总,阅读专题下面的文章了解更多详细内容。

14

2026.01.19

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.5万人学习

WordPress视频教程
WordPress视频教程

共23课时 | 9.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号