在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如何让进行字体优化?

相关文章

  • WordPress安全防护教程

    WordPress安全防护教程

    WordPress作为一款开源免费软件,在使用WordPress进行外贸建站的工作时,不免会遇到安全隐患的问题,那么为了独立站的安全,用户该如何保证网站的安全呢?下文将为大家介绍具体的操作内容。 1、进行WordPress备份 备份网站是最常见的保护WordPress独立站的方法,备份可以保障网站即使发生故障和恶意攻击,也能在短时间内恢复正常运行,如何对WordPress独立站进行备份,可以访问此文章《WordPress怎么备份文件和数据?》,了解具体操作。 2、启用 Web 应用程序防火墙 (…

    开发教程 2024年 9月 17日
  • 外贸建站网站建设

    小白也能轻松搞懂的外贸建站网站建设流程分享

    外贸建站逐渐成为多数国内商家品牌出海的主要方式,其中又不乏一些是第一次建站的商家,对外贸建站网站建设的流程并不太熟悉,所以本文接下来将围绕外贸建站前五问、外贸建站四件套、外贸建站七步曲,向大家分享小白也能轻松搞懂的外贸建站网站建设流程。 一、外贸建站网站前五问 目标市场是谁?美国、东南亚、非洲等,市场不同,语言、审美、支付方式不同 核心产品是什么?主推产品或系列,不要贪多,聚焦利润款 竞争对手网站是什么样的?研究同行网站结构,采用他们的优点,避开他们的错 要做哪种类型的外贸建站网站?官网型、展示…

    开发教程 2025年 11月 6日
  • WordPress搭建

    WordPress搭建购物网站教程

    大多数使用WordPress建站的商家,都会选择借助WooCommerce来搭建购物网站。WooCommerce是一款电子商务插件,使用WooCommerce可以轻松实现销售数据、库存和客户数据的一站式管理,所以本文将教大家如何借助WooCommerce将 WordPress网站变成在线购物网站。 WordPress搭建购物网站一:前提准备 从头开始创建 WooCommerce 网站需要以下三件事: 需要一个 WordPress 托管帐户,所有网站文件都将存储在此处 域名,这是网站的 Inter…

    开发教程 2025年 4月 25日
  • 个人搭建摄影网站

    个人如何搭建一个摄影网站

    个人如何搭建一个摄影网站?个人搭建一个摄影网站,首先需要选择域名和托管服务,之后通过一键安装WordPress来实现独立站建站平台的顺利搭建,接着需要安装下载合适的摄影主题和插件,以保障网站的正常功能的设置与实现,最后则是通过配置电子商务功能、社交媒体账号设立和反向链接的建设,实现摄影网站的成功搭建。 一、个人如何搭建一个摄影网站 1、选择域名和托管 域名是网站的数字地址。这是潜在客户和网站访问者找到自己网站的方式。选择适合的域名以反映摄影风格、利基或品牌形象,此外域名还应该简短、令人难忘且与自…

    开发教程 2025年 8月 14日
  • WordPress电商平台支付网关设置

    WordPress电商平台搭建步骤详解

    搭建WordPress电商平台是开启在线销售的高效方式。通过WooCommerce插件,用户可快速构建功能齐全的跨境电商独立站,不仅支持实体商品、数字产品及服务销售,而且可灵活集成支付、物流与营销工具,为全球客户提供安全流畅的购物体验。为了让各位商家更好的了解WordPress电商平台的搭建步骤,下文将具体展示从0到1的搭建详解,以供各位参考。 一、选择合适的WordPress电商平台 WooCommerce通常是WordPress电商平台搭建的默认选择。WooCommerce丰富的功能库意味着…

    开发教程 2026年 1月 26日
  • CSS网站设计

    如何进行CSS的网站设计与开发?

    各位站长在外贸建站时,可以通过变换生成、掌握Calc()函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具,可以极大程度上,减少前端技术人员代码编写的负担,帮助网站形成一个良好的网站布局。所以,本文接下来将和大家分享在CSS设计中存在的一些巧思,让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率,如灰度PNG,并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案,并且可…

    开发教程 2024年 7月 10日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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