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

10/23/2022

你是否在寻找将社交媒体图标添加到WordPress菜单的方法?Facebook和Twitter等网站的标志在全世界范围内均被广泛识别。通过将这些图标添加到你的菜单中,你可以以一种不占用太多空间的引人注目的方式来推广你的社交媒体账号。

在这篇文章中,我们将向你展示如何在WordPress导航菜单中添加社交媒体图标。

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

通过在你的网站上添加社交媒体图标,你可以鼓励人们访问你的不同社交媒体账户。这可以为你在Facebook、Twitter、Instagram等平台上带来更多的关注和互动。

其中一个选项是在WordPress侧边栏或类似的插件可用区域添加社交媒体图标。然而,当人们想要访问新页面时,他们通常会先查看你的导航菜单。

通过将社交媒体图标添加到WordPress菜单中,你通常可以在所有社交媒体平台上获得更多点击、互动和关注。社交媒体图标还可以在不添加额外文本的情况下吸引访问者的注意力,这允许你在较小的空间中推广大量不同的资料。

接下来,让我们看看两种初学者友好方式,以在WordPress菜单中添加社交媒体图标。

方法1:使用Menu Image插件(推荐)

最简单的方法是使用Menu Image插件。这个免费的插件允许你将图标添加到导航菜单,包括社交图标。

创建社交图标时,你可以使用上传到WordPress媒体库中的任何图像。例如,许多顶级社交媒体公司提供你可以在网站上使用的标志。你也可以从网上图标库下载图标,如Font Awesome网站。

Menu Image还与Font Awesome插件集成。你可以直接从WordPress仪表板浏览和导入所有的Font Awesome图标,包括所有主要社交网络的图标。我们建议在继续本教程之前先安装Font Awesome插件。无论你计划如何提供社交媒体图标,你都需要安装并激活Menu Image插件。

激活后,你可能想要查看图标尺寸并在必要时进行更改。具体操作是在Menu Image » Menu Image中进行设置。

创建社交图标时,你可以使用任何默认的WordPress图像尺寸,如缩略图、图像或大图。Menu Image还允许你选择默认设置为24×24、36×36和48×48像素的三种独特尺寸。

这些尺寸适用于大多数WordPress网站,但你可以在1st、2nd或3rd Menu Image字段中输入不同的数字来更改尺寸。设置完成后,点击“保存更改”以保存设置。

要在导航菜单中添加图标,前往外观 » 菜单。默认情况下,WordPress会显示你的网站的主菜单。要将社交媒体图标添加到其他菜单位置,可以打开“选择菜单进行编辑”下拉菜单,然后从列表中选择一个菜单并点击“选择”。

有关如何创建新菜单的详细步骤,请参阅我们的指南。首先,你需要将每个社交资料添加到你的菜单中作为一个新链接。准备好后,点击展开“自定义链接”部分,然后输入你想要使用的社交媒体页面的地址。你还需要输入一些“链接文本”。完成后,点击“添加到菜单”。

接下来,在新菜单项上悬停。然后,点击出现在“菜单图像”按钮。

你可以选择使用来自WordPress媒体库的图像或由Font Awesome提供的图标。要使用预制的Font Awesome图标,点击『图标』。

然后,选择『Fontawesome』,并点击『品牌』,选择你要使用的图标。

也可以通过选择『图像』按钮来使用你自己的图标,然后点击『设置图像』链接。你可以从WordPress媒体库中选择图标或从你的计算机上传新文件。

不论如何获取图标,Menu Image都会在右侧预览图标的显示样式。可以通过『图标位置』设置更改链接标题的显示位置。许多社交媒体图标很容易被识别,因此可能不需要链接标题。如果你添加了很多社交图标,标题甚至可能使你的菜单显得凌乱和复杂。你可以通过选择『隐藏』按钮来隐藏标题。

如果你使用自己的图像,可以通过『图像大小』下拉菜单调整社交媒体图标的大小。较大的图标可以抓住访客的注意力,但也可能分散注意力。可以尝试不同的尺寸以找到在你WordPress网站上最适合的尺寸。设置完成后,点击『保存更改』。

重复这些步骤将更多图标添加到WordPress菜单。你甚至可以将图标添加到导航菜单中的其他重要项目,例如联系表单或WooCommerce结账页面。设置满意后,点击『保存菜单』。

现在,你可以访问你的网站查看新添加的社交媒体图标。以下是我们演示网站的效果。

方法2:使用完整站点编辑器(仅限块主题)

WordPress内置的社交图标块允许你创建带有社交媒体图标的菜单并以精美的布局显示它们。

这个块包含所有主要社交网络的内置图标,所以你不需要安装像Font Awesome的插件或上传图标到媒体库。但是,你只能向社交图标块添加社交媒体图标和链接,因此它没有Menu Image插件那样灵活。

如果你使用的是块主题,那么你可以将社交图标块添加到网站的任何部分,比如页眉或页脚。这样,你可以在整个网站上显示社交媒体菜单。

首先,前往WordPress仪表板中的外观 » 编辑器。从这里,你会看到一些菜单来定制块主题的设计。要在你的菜单中添加社交媒体图标,点击『导航』。

接下来,点击铅笔样的『编辑』图标,这将打开WordPress完整站点编辑器。现在,你可以编辑你的导航菜单,这是你WordPress页眉模板的一部分。

要开始,点击左上角的蓝色『+』图标。在搜索栏中键入『社交图标』,然后将其拖放到主题模板上。要添加第一个图标,只需点击块中的『+』图标。

在弹出的窗口中,输入你要添加的图标,例如『Twitter』或『Facebook』。选择正确的图标后,点击将其添加到你的WordPress博客。然后点击新的社交媒体图标,在小条中输入你要链接的URL。

要添加更多社交图标,只需点击『+』图标并重复上述过程。添加所有社交媒体平台后,你可能想要自定义块。为此,点击选择社交图标块,然后点击『块』选项卡。

你可以使用『布局』设置更改图标的对齐方式、排列方式和方向。默认情况下,所有社交媒体链接将在同一标签中打开。为了让访客继续留在你的网站上,你可能需要启用『在新标签页中打开链接』设置。

默认情况下,WordPress只显示社交图标,而没有任何文本。如果你想在每个图标旁边显示文本,可以启用『显示标签』设置。然后点击『样式』选项卡。

在这里,你可以选择『默认』、『仅图标』或『药丸形状』来更改按钮样式。最后,你可以使用『块间距』设置更改社交图标之间的空间。

满意菜单的效果后,点击『保存』按钮。

现在,如果你访问你的网站,你将看到实时的社交媒体图标。

附加提示:在你的WordPress网站上嵌入社交媒体提要

在WordPress菜单中添加社交媒体图标是增加不同账号关注和互动的好方法。然而,还有很多其他方法可以推广你的Twitter、Facebook和其他社交档案。

获取更多关注和互动的最佳方法是在你的网站上嵌入实时社交媒体提要。这允许你展示社交媒体站点的最新帖子,并为访客提供可以互动的按钮。

在你的网站上添加社交媒体提要的最佳方式是使用Smash Balloon,这是最好的WordPress社交媒体提要插件,可以让你嵌入来自Twitter、Instagram和Facebook的实时提要。

我们希望这篇文章能帮助你学习如何在WordPress菜单中添加社交媒体图标。你还可以参考我们的指南来嵌入Facebook视频或查看我们推荐的最佳Twitter插件。如果你喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>