如何使用菜单图像将社交媒体图标添加到 WordPress

您是否正在寻找一种将社交图标添加到 WordPress 菜单的简单方法？ 如果是这样，我有一个完美的插件，菜单图像。 这个插件可以很容易地向您的网站添加任何类型的菜单图标，其中当然包括社交图标。

目前，这些图标已成为几乎每个网站的一部分，不包括它们将是一个严重的错误。 今天，我将演示如何使用 Menu Image 插件将社交媒体图标添加到 WordPress 菜单中。

什么是社交图标？

社交图标是与特定社交媒体平台相关联的图像。 例如，我们都可以通过小蓝鸟识别 Twitter，或者通过蓝色和白色的“f”识别 Facebook。

这些符号已成为实际平台名称的同义词，将它们添加到您的菜单有助于使访问者清楚它们的存在。 它们也比简单地添加 Twitter 或 Facebook 更时尚。

这些也可以帮助不会说同一种语言的访客。 毕竟，无论您居住在哪个地区，图像都是一样的。而且公司希望您使用，例如，Twitter 提供了所有 免费向开发人员提供社交图标.

许多其他社交媒体平台也是如此。 并且有大量免费资源可以找到社交图标。

然而，棘手的部分实际上是将它们添加到 WordPress 菜单中，但幸运的是，菜单图像插件让它变得轻而易举。

第 1 步：安装菜单映像

菜单图片 有一个用途，将图像添加到您的 WordPress 菜单。 图片可以上传到您的媒体库并支持各种尺寸。 最值得注意的是 24×24、36×36 和 48×48 的菜单大小。 这些应该适用于绝大多数网站。

但是，可以选择使用图像的原始大小，这意味着您可以自定义它们以满足您网站的需求。 这些图标可以直接在 WordPress 菜单编辑器中添加，因此您应该知道在哪里可以找到它们。

让我们开始！

单击插件并选择左侧管理面板上的添加新选项。

在可用的搜索框中搜索菜单图像。 这将提取您可能会发现有用的其他插件。

向下滚动，直到找到菜单图像插件。 单击“立即安装”按钮并激活插件以供使用。

激活后，您可以选择加入插件的安全和功能更新通知列表。 如果您愿意，您可以选择加入或完全跳过它。 这不会以任何方式影响使用插件。

第 2 步：选择图像尺寸

该插件为您的菜单图标提供了三种默认尺寸。 它们包括 24×24、36×36 和 48×48. 这些可以单独放置，也可以自定义尺寸。 对于大多数网站来说，这些尺寸应该没问题，但为了以防万一，了解更多信息也无妨。

在左侧管理面板上单击菜单图像并选择菜单图像选项。

要更改图像大小，只需更改相应文本框中的值。

笔记： 如果您在更改图片尺寸后已经上传了图片，则需要重新上传图片或使用 重新生成缩略图 插件来获取新大小的图像。

完成后单击“保存更改”按钮。

第 3 步：选择菜单位置

现在剩下的就是将社交图标实际添加到您的菜单中。 这是直接在菜单编辑器上完成的。

笔记： 如果您已经有了要添加社交图标的菜单，请随时跳过此步骤。

在左侧管理面板上，单击外观并选择菜单选项。

您应该做的第一件事是确保您选择了正确的菜单位置。 主题都有不同数量的可用菜单位置。 在我的例子中，Twentytwenty 主题有 6 个不同的菜单选项。

单击管理位置选项卡。

这将为您提供主题支持的所有可能的菜单位置。 在此示例中，我将选择桌面水平菜单，但每个菜单的过程都是相同的。

单击相应菜单位置上的“使用新菜单”选项。 或者，您可以使用相应的下拉框选择现有菜单。

这将带您进入菜单编辑器并允许您创建一个新的。

第 4 步：将社交图标添加到菜单

在 WordPress 中创建菜单与最初完全相同。 该插件仅添加了您可以在实际菜单项下找到的新功能，即添加图像的选项。

首先，您必须为菜单命名并选择位置。 完成后，单击“创建菜单”按钮。

您可以将图标添加到任何菜单图标，但在我们的例子中，我们对社交图标感兴趣。 单击自定义链接选项。 输入您的社交媒体页面的 URL，然后单击“添加到菜单”按钮。

笔记： 添加菜单项时不需要添加链接文本，但之后会自动添加“菜单项”，因此请务必更改。

如果您需要找到要添加的社交图标，请花点时间将其上传到您的媒体库。 在这种情况下，我将免费使用您可以在 Twitter 上找到的官方版本。

单击刚刚添加的菜单项，然后单击“设置图像”按钮。

这将拉起媒体库。 选择要添加的图像。 还有一个“悬停时设置图像”按钮。 您可以添加不同颜色的图像，以在访问者将鼠标放在其上时显示，但这是可选的。

在这些选项下方，您可以选择图像大小。 确保选择合适的尺寸（步骤 2 中的尺寸），否则看起来不正确。

您现在可以编辑标题位置（如果有）并添加简短描述（可选）。 您可以重复这些步骤并添加任意数量的菜单项。 完成后单击“保存菜单”按钮。

您现在可以在实时页面上查看社交图标。 如果图像看起来不正确，请检查尺寸。

恭喜您使用 Menu Image 插件将社交图标添加到您的 WordPress 菜单中。

其他图标建议

虽然社交图标已成为一种标准，但值得指出的是，您可以在菜单中添加各种与社交媒体无关的其他图标。 这可以帮助视障访问者找到他们正在寻找的东西。

例如，您可以在 Home 菜单项旁边有一个实际的房子，或者在 Cart 菜单项旁边有一个实际的购物车。 这些小图标看起来非常时尚，并为您的菜单提供脱颖而出所需的风格。

让您的网站更易于访问和更好看对每个网站来说都是双赢的，所以今天就开始吧。

您在 WordPress 菜单中添加了哪些社交图标？ 菜单图像插件使用起来有多容易？ 您是否考虑过菜单上的其他图标？