在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结帐页面。如果对菜单的设置感到满意，只需单击“保存菜单”即可。
现在可以访问您的网站以查看新的社交媒体图标的运行情况。
推荐阅读：
相关文章
-
六大PHP Web框架软件汇总
Web框架作为Web程序开发前段工具，可以减少开发时间和维护成本，对于外贸建站来说，是一个较好的代码应用数据库。PHP则是Web开发应用较广泛的前端脚本语言，所以本文基于此，将和大家分享一些PHP Web框架软件，助力外贸独立站的建设。 一、Agavi Agavi是一个强大的，可扩展的PHP 5应用程序框架，遵循MVC范例。它使程序员能够编写清晰，可维护和可扩展的代码。Agavi将选择和自由放在限制性公约上，重点是持续的质量而不是短视的决定。它不是一个完整的网站建设工具，而是一个程序员可以构建应…
-
WooCommerce独立站维护模式设置教程
使用WordPress+WooCommerce搭建外贸独立站时，有时商家会进行网站的改版或更新等工作，这时为了让网站更加顺利的进行访问，就不得不启用WooCommerce独立站的维护模式，但是对于一些不熟悉WooCommerce代码知识的用户来说，此过程可谓是一头雾水，但是为了让小白都能进行独立站维护模式的设置，所以下文将基于此为大家介绍如何使用WooCommerce插件进行独立站维护模式的设置。 一、安装WooCommerce维护插件 安装并激活SeedProd WordPress插件。 导航…
-
新手指南：Ubuntu系统的基本操作和使用教程
一、Ubuntu系统的基础操作 1、界面介绍 Ubuntu系统的桌面环境通常是基于GNOME桌面环境，它包括以下元素： 桌面：桌面是能看到的整个屏幕，可以在桌面上放置文件和文件夹。 任务栏：位于屏幕顶部的横条通常包含了应用程序启动器、系统菜单、通知区域等。 应用程序启动器：通常位于任务栏左侧，包含了常用的应用程序图标，你可以从这里启动应用程序。 通知区域：通常位于任务栏右侧，包含了系统通知、网络连接、音量控制等快捷操作。 应用程序菜单：在桌面的左上角，通常是一个“Activities”按钮，点击…
-
Shopify注册流程及注意事项
随着SaaS跨境电商独立站搭建的火爆，作为用户友好代表的Shopify建站平台受到了众多站长的追捧。为了帮助使用Shopify建站的商家更好的使用Shopify搭建独立站，下文将围绕Shopify注册流程和注意事项，为大家展开以下内容，进一步掌握Shopify独立站的搭建步骤。 一、Shopify注册流程 1、点击访问Shopify官网，点击首页的免费试用按钮，对于使用Shopify建站的用户来说，Shopify均赠送了3天的免费试用期限，在这三天的期限内，用户可以进一步了解Shopify建站的…
-
如何在WooCommerce中设置折扣码？
如何在WooCommerce中设置折扣码？商家可以通过WooCommerce-常规-折扣码这一途径进行WooCommerce折扣码的设置。在进行WooCommerce和WordPress跨境电商独立站搭建的工作中，不少商家会通过使用WooCommerce折扣码来提高用户的忠诚度和网站户转化率，所以接下来将为大家具体介绍WooCommerce折扣码的设置过程，以最大程度上满足顾客需求，提高网站的竞争力。 一、WooCommerce折扣码类型 WooCommerce提供多种折扣码类型以满足不同的销售…
-
WordPress子主题作用 WordPress子主题如何制作？
在使用WordPress主题时，多数用户会遇到主题设置导致文件丢失甚至是网站崩溃的情况，这时对于外贸建站的商家来说，通过插件或者functions.php函数制作一个WordPress子主题显得尤为重要。因为WordPress子主题可以完全继承父主题的特点和功能，以保证网站父主题发生更改时，数据或者是网站的正常运行，所以下文将基于此为大家介绍WordPress子主题作用及其如何制作的有关内容。 一、WordPress子主题作用 1、WordPress子主题优点 （1）高度自定义：通过WordPr…
