在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结帐页面。如果对菜单的设置感到满意，只需单击“保存菜单”即可。
现在可以访问您的网站以查看新的社交媒体图标的运行情况。
推荐阅读：
相关文章
-
Shopify怎么添加自定义HTML代码
Shopify添加自定义HTML代码首先需要备份主题，然后打开Shopify独立站的主题代码编辑器选择想要自定义的部分，这决定了商家是打开layout中的theme.liquid文件，还是Sections或Templates文件，亦或者是新创建一个liquid文件，接着把HTML代码粘贴到自己希望它出现的位置，最后点击保存并预览即可。 第一步：备份Shopify主题 在向主题文件添加HTML进行Shopify二次开发之前，务必先备份主题。 为了备份Shopify主题，执行的操作有： Shopif…
-
独立站跨境电商怎么做
要想做好独立站跨境电商首先必须确定目标市场，然后选择合适的搭建方式，并进行独立站的搭建和运营推广工作，最后则是进行独立站的技术维护监控工作。下文将基于此为大家介绍独立站跨境电商怎么做的有关内容，希望帮助大家更好的了解跨境电商独立站的搭建。 独立站跨境电商怎么做一：确定目标市场 做独立站跨境电商首先需要进行目标市场的确定，用户需要确定的内容包括如下几个方面： 1、消费人群分析：利用Google Trends、SimilarWeb等工具，研究目标国家用户的购买习惯、搜索偏好及活跃平台，例如北美用户注…
-
Shopify Payments综合指南（是什么、优缺点及设置教程）
Shopify Payments是商家搭建Shopify跨境电商独立站时，经常听到的一个支付选项。那么Shopify Payments是什么、它的优缺点有哪些以及怎么设置呢？下文将依次围绕这三个问题展开解释，帮助各位商家对Shopify Payments有一个清晰的了解。 一、Shopify Payments是什么 Shopify Payments是Shopify平台内部的跨境支付方式，可以充当Shopify商店的默认集成支付网关。从客户填写信用卡信息的那一刻起，它就负责管理所有步骤，直到资金已…
-
外贸网站建设必备的HTTP状态代码大全
在外贸建站过程中经常会遇到网站出现以数字开头的状态代码的情况，这些状态代码为独立站的正常运行提供丰富的指导条件，例如1xx 和 2xx 代码代码搜索引擎可以顺利地访问和索引内容，4xx 和 5xx 代码则会阻止搜索引擎抓取和索引网站页面。对于小白来说这些状态代码不仅数量庞大而且难于记忆和理解，所以本文为了帮助大家更好的了解外贸网站建设过程中的HTTP状态代码，接下来将呈现HTTP状态代码的有关内容。 一、HTTP状态代码是什么 HTTP 状态代码是 Web 服务器使用的标准化响应，用于告诉 HT…
-
Shopify A/B测试如何进行
Shopify A/B测试如何进行？首先需要确保创建Shopify A/B测试SMART假设，之后还要有效安排测试时间，不可过短，最后还需要确保A/B测试具有统计显着性。本文并在文末向大家推荐了三款Shopify A/B测试工具，供大家测试Shopify跨境电商独立站使用。 一、A/B测试是什么 A/B测试也称为分割测试，是比较同一网页、电子邮件或其他数字资产的两个版本，以确定哪个版本在用户行为方面表现更好的过程。 这是改善营销活动表现和更好理解目标受众转化的有用工具。A/B测试能够回答重要的商…
-
WooCommerce购物车添加按钮如何设置？
WooCommerce购物车添加按钮如何设置？对于使用WooCommerce进行跨境电商独立站搭建的商家来说，可以通过在想要添加WooCommerce购物车添加按钮的页面，插入一段代码即可达到相关功能实现的目的。为了帮助大家更好的了解如何插入代码才能实现WooCommerce购物车按钮的添加，接下来将具体介绍有关内容，以更好的简化客户购买流程，优化用户体验。 一、为什么要设置WooCommerce购物车添加按钮 1、改进的美学：它允许商家将按钮的设计与品牌的风格和配色方案相匹配，从而帮助改善网站…
