在WordPress外贸建站的过程中,不少商家为了实现多渠道的品牌营销,会在WordPress独立站上添加社交媒体图标,以提高用户粘性。通常WordPress独立站的社交媒体图标设置有两种方法,一种是通过插件实现,另一种则是通过主题实现,不过第二种方法仅适合使用区块主题的用户。为了在帮助大家更好的进行WordPress社交媒体图标的设置,本文将以Menu Image插件为例,为大家具体展示WordPress设置社交媒体图标的详细教程。

将社交媒体图标添加到 WordPress 菜单的最简单方法是使用Menu Image,这个免费的插件允许用户将图像图标添加到导航菜单,包括社交图标创建社交图标时,可以使用已上传到 WordPress 媒体库的任何图像,例如许多社交媒体公司都提供可在网站上使用的徽标,例如 Twitter 品牌工具包,还可以从在线库(例如Font Awesome 网站)下载图标。

Menu Image还与Font Awesome插件集成,这使得用户可以直接从 WordPress 仪表板浏览和导入所有 Font Awesome 图标,包括所有主要社交网络的图标。用户无论计划如何提供社交媒体图标,都需要安装并激活Menu Image插件。有关更多详细信息,请参阅本网站有关如何安装 WordPress插件的分步指南。

激活后可能需要查看图标大小并在必要时更改它们,为此需要转到菜单图像-菜单图像。

转到菜单图像

创建社交图标时,可以使用任何默认的 WordPress 图像大小,例如缩略图、图像或大图像,Menu Image还允许用户在默认设置的 24×24、36×36 和 48×48 像素的三种独特尺寸之间进行选择。这些尺寸可以适用于大多数WordPress独立站,但也可以通过在第一个、第二个或第三个菜单图像字段中输入不同的数字来更改它们。

图选择社交媒体图标大小

完成后,单击“保存更改”以存储设置,要将图标添加到导航菜单,请转到外观-菜单,默认情况下,WordPress 将显示网站的主菜单。

转到外观-菜单

如果想将社交媒体图标添加到不同的菜单中,只需打开“选择要编辑的菜单”下拉列表即可,然后可以从列表中选择一个菜单并单击“选择”。

打开“选择要编辑的菜单”下拉列表

之后用户需要将社交个人资料作为新链接添加到菜单中。准备好后,单击展开“自定义链接”部分,然后输入要使用的社交媒体页面的地址,例如可以输入 Facebook 群组或 YouTube 频道的 URL。

还需要输入一些“链接文本”,在后面的步骤中,将可以选择更改此标题在菜单中的显示位置,甚至完全隐藏它。

输入一些“链接文本”

完成后,单击“添加到菜单”,该项目现在将显示在右侧栏中。

单击“添加到菜单”

要添加社交媒体图标,只需将鼠标悬停在新菜单项上即可,然后出现“Menu Image”按钮时单击它。

单击“菜单图像”按钮

注:如果没有看到“Menu Image像”按钮,请单击“保存更改”,当将鼠标悬停在菜单中的任何项目上时,应该会出现“Menu Image”按钮。

现在可以决定是使用 WordPress 媒体库中的图像还是 Font Awesome 提供的图标,要使用现成的 Font Awesome 图标,请单击“图标”旁边的单选按钮。

单击“图标”旁边的单选按钮

然后选择“Fontawesome”,可以点击“品牌”。

点击“品牌”

现在将看到所有品牌图标,包括所有主要社交网络的图标,当看到要使用的图像时,只需单击一下即可。

另一种选择是通过选择“图像”单选按钮来使用 WordPress 媒体库中自己的图标,单击“设置图像”链接。

单击“设置图像”链接

现在可以从 WordPress 媒体库中选择图像或从计算机上传新文件,无论从哪里获得图标,菜单图像都会在右侧显示预览。

菜单图像在右侧显示预览

可以使用“标题位置”设置更改链接标题是否显示在社交媒体图标的上方、下方、之前或之后。

许多社交媒体图标都可以立即识别,因此链接标题可能是不必要的,如果要向导航菜单添加大量社交图标,那么标题甚至会让菜单看起来更加混乱和复杂,因此用户可以通过选择“隐藏”单选按钮来隐藏标题。

选择“隐藏”单选按钮来隐藏标题

当进行更改时,实时预览将自动更新,因此可以尝试不同的设置以查看最佳效果,如果使用自己的图像,则可以使用“图像大小”下拉列表调整社交媒体图标的大小。

调整社交媒体图标的大小

如果对社交媒体图标的设置感到满意,只需单击“保存更改”即可。

单击“保存更改”

甚至可以将图标添加到导航菜单中的其他重要项目,例如可以将图标添加到联系表单或WooCommerce结帐页面。如果对菜单的设置感到满意,只需单击“保存菜单”即可。

单击“保存菜单”

现在可以访问您的网站以查看新的社交媒体图标的运行情况。

WordPress添加社交媒体图标图例

推荐阅读:

《WordPress页面布局怎么做?WordPress页面布局插件推荐》

《WordPress优化:WordPress如何让进行字体优化?》

相关文章

  • divi主题搭建WordPress网站

    Divi主题搭建WordPress网站教程

    Divi主题目前是WordPress外贸建站可靠且快速的WordPress主题,但是因为Divi主题全英文的操作界面,对于国内一些商家来说,不太友好,所以接下来本文将向各位站长介绍Divi主题搭建WordPress网站教程的详细内容,以供各位参考。 一、获取域和虚拟主机 选择域名和网络托管是创建网站的两个基本步骤。 域名是网站的唯一地址,因此请选择一个相关且令人难忘的域名。另一方面网络托管用于将网站的文件存储在服务器上,因此请根据需要选择可靠的提供商。之后通过域名注册商注册域,进行主机托管设置,…

    开发教程 2025年 10月 6日
  • WordPress降版本

    WordPress怎么降版本

    WordPress怎么降版本?尽管更新WordPress版本通常会修复以前的安全问题并优化WordPress的功能,但新版本有时会引发主题损坏、性能下降、插件冲突或关键功能缺失等外贸建站问题,尤其在使用老旧或非托管插件与主题时更为常见。此时降级到兼容性更佳的旧版WordPress成为必要选择。 一、为什么WordPress需要降级 降级WordPress乍一听似乎有点反常,毕竟更新旨在修补安全问题、增加新功能并提升平台整体性能。但是有时候最新的WordPress版本却带来了明显多于好处的问题,这…

    开发教程 2026年 2月 19日
  • 关闭WordPress主题或插件自动更新功能

    如何关闭WordPress主题或插件自动更新功能?

    通常情况下WordPress主题或插件应该保持自动更新功能,以实现维护WordPress网站安全和网站正常运行的作用,但有时这一功能可能会带来网站代码覆盖,甚至会网站崩溃的问题,所以这时候用户可以通过插入代码或者是安装Easy Updates Manager插件实现WordPress主题或插件自动更新功能的关闭,下文将为大家具体展示这一过程,希望可以助力大家外贸建站工作的顺利开展。 一、插入代码关闭WordPress主题或插件自动更新 1、通过wp-config.php文件禁用WordPress…

    开发教程 2024年 10月 31日
  • WampServer在本地安装WordPress

    如何使用WampServer在本地安装WordPress

    如何使用WampServer在本地安装WordPress?先安装WampServer并启动Apache、MySQL服务,再下载WordPress、创建数据库并运行安装程序,即可快速完成WordPress外贸建站本地环境搭建。下面将详细讲解完整安装流程与常见问题解决方法。 一、WampServer是什么软件 WampServer 是 Windows 平台的 Web 开发环境,无需联网即可运行基于 Apache、PHP、MySQL/MariaDB 的动态网站。它自带 phpMyAdmin、Admin…

    开发教程 2026年 5月 14日
  • 进入 My Elementor 仪表板

    Elementor编辑器怎么用 WordPress Elementor编辑器教程

    Elementor编辑器怎么用?使用WordPress Elementor编辑器可以帮助商家实现构建页面和超级菜单等目标,此外借助编辑器Pro版本,用户还可以通过使用其内置的AI功能实现文本和代码的自定义创建。为了让各位使用Elementor编辑器进行外贸建站的站长,更加熟练地使用该编辑器,下文将围绕以上所说的Elementor编辑器怎么用的三个方面,为大家介绍具体的图文操作教程。 Elementor编辑器怎么用一:创建页面 如何创建新页面取决您是使用 Elementor Hosting 还是带…

    开发教程 2025年 1月 29日
  • WooCommerce邮件定制

    WooCommerce邮件定制:3种方法提升品牌感

    WooCommerce默认邮件完全可以改造得更有品牌辨识度。外贸建站的商家可通过后台设置调整配色与页脚,或借助Kadence等插件实现拖拽式可视化编辑,技术团队则可直接覆写模板文件获得完全控制权。无论哪种路径,核心目标都是将 transactional email(交易邮件)转化为品牌触点,在客户收件箱中留下专业、一致且难忘的印象,从而间接提升复购率。 你应该了解的默认 WooCommerce 邮件设置 WooCommerce 自带一套标准邮件模板,用于处理关键的客户交互,如订单确认、发货更新和…

    开发教程 2026年 7月 24日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部