如何将社交媒体图标添加到 WordPress 菜单(简单方法)

您想在 WordPress 菜单中添加社交媒体图标吗?

虽然 WordPress 没有社交媒体配置文件部分,但您可以轻松使用 WordPress 导航菜单在 WordPress 的任何小部件就绪区域上添加和显示社交媒体图标.

在本文中,我们将向您展示如何将社交媒体图标添加到 WordPress 菜单.

How to Add Social Media Icons in Menu

为什么要在菜单中添加社交媒体图标?

使用 WordPress 菜单添加社交媒体图标的最大优势是您可以通过简单的拖放界面更改它们出现的顺序.

虽然您可以使用第三方插件在侧边栏中显示社交媒体图标,但大多数解决方案都不够灵活.

除了容易拖动和拖放界面,当您将社交媒体图标添加到 WordPress 菜单时,您可以将其显示在您网站上的任何小部件就绪区域,包括侧边栏、页脚区域、帖子下方等.

话虽如此,让我们来看看如何轻松地将社交媒体图标添加到 WordPress 菜单中.

将社交媒体图标添加到 WordPress 菜单

您需要做的第一件事是安装并激活菜单图像插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

激活后,您需要从 WordPress 管理区域访问菜单图像页面.

之后,您可以配置将显示在菜单中的图像大小.您可以将尺寸保留为默认设置或根据您的需要进行调整.不要忘记点击"保存更改"按钮.

Configure image sizes

完成后,您将需要转到外观»来自 WordPress 管理区域的菜单.

然后,点击"创建新菜单"选项.

Create a new menu

接下来,您可以为菜单命名,然后单击"创建菜单"按钮.

创建菜单后,点击左侧的"自定义链接"菜单项.然后输入您的社交媒体页面的 URL,添加链接文本,然后单击"添加到菜单"按钮.

Add Custom Links to your menu

完成后,单击"保存菜单"按钮.

现在,如果您将鼠标悬停在新创建的菜单上,您会看到一个显示"菜单图像"的选项.只需单击菜单图像选项.

Click the Menu Image option

之后,将出现一个弹出窗口,其中包含您社交媒体图标的所有设置.您可以为您的社交媒体频道选择是使用图像还是图标.

如果您选择图片选项,那么您可以通过点击"设置图片"选项上传社交媒体平台的图片.同样,您也可以上传悬停时出现的图像并设置图像大小.

Upload image for social media icon

另一方面,您可以选择"图标"选项并从给定列表中选择社交媒体图标.

Choose an icon

接下来,您需要选择一个位置来显示带有您的图标的每个社交频道的名称.

如果您只想显示社交图标而没有任何标签,则需要在标题位置设置下选择"隐藏"选项.

Menu title position

完成后,您可以点击"保存"按钮.只需重复相同的操作,即可根据需要添加任意数量的社交图标.

现在,您可以访问您的网站以查看 WordPress 菜单中的社交媒体图标.

Social media menu

您还可以在 WordPress 侧边栏中添加社交图标菜单.

只需转到外观»小部件页面并拖动侧边栏小部件区域中的"导航菜单"小部件.

Social menu in widget

在"选择菜单"下拉菜单中,您应该选择您在上面创建的社交菜单,然后点击"保存"按钮.

Social menu in sidebar

注意:以上图片仅供参考.要使小部件看起来完全如此,您需要添加自定义 CSS.

仅此而已.我们希望本文能帮助您了解如何将社交媒体图标添加到 WordPress 菜单.您可能还想查看有关如何设计 WordPress 导航菜单样式的指南.

6

发表回复