是否有WordPress插件可实现点击链接开后台新标签且停留当前页面
WordPress社交图标点击新标签页打开实现方案
内置功能实现(无需插件)
- 若使用WordPress默认区块编辑器的「社交图标」区块:选中对应社交图标,在右侧块设置面板的链接设置分类下,勾选「在新标签页中打开」即可,所有图标可单独配置该属性。
- 若使用主题自带的社交图标功能:绝大多数主流WordPress主题的自定义设置面板(外观→自定义)中,社交配置板块都会自带「新标签打开链接」的勾选选项,直接开启即可全局生效。
- 手动修改链接属性:如果上述位置没有对应设置,可直接给社交链接的
<a>标签添加target="_blank" rel="noopener noreferrer"属性,rel属性是为了规避新标签页安全风险,建议同时添加。
插件实现方案
- 通用站外链接管理插件:可安装 External Links 类插件,启用后可在设置中统一配置所有站外链接默认新标签页打开,也可单独指定仅社交图标所属的CSS类生效,不会影响站内链接跳转逻辑。
- 菜单增强插件:如果社交图标是放在WordPress自定义菜单中,可使用 Menu Image 类菜单增强插件,支持给每个菜单项单独配置跳转打开方式,适配自定义社交菜单场景。
全局代码实现(无需额外插件)
如果不想安装插件,可将以下代码添加到主题的functions.php文件中,或通过Code Snippets插件插入自定义代码,自动给所有社交链接添加新标签打开属性:
add_action('wp_footer', function() { ?> <script> document.addEventListener('DOMContentLoaded', function() { // 可根据自己网站的社交平台、图标CSS类调整下方的选择器 const socialLinks = document.querySelectorAll('a[href*="facebook.com"], a[href*="twitter.com"], a[href*="instagram.com"], a[href*="youtube.com"], .social-icon a'); socialLinks.forEach(link => { link.setAttribute('target', '_blank'); link.setAttribute('rel', 'noopener noreferrer'); }); }); </script> <?php });
提示:代码中的选择器可根据你站点社交图标的实际CSS类、关联的社交平台域名灵活修改,不会影响其他站内链接的跳转逻辑。
内容的提问来源于stack exchange,提问作者MD Sulaiman
相关产品推荐
相关产品推荐

