在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结帐页面。如果对菜单的设置感到满意,只需单击“保存菜单”即可。

单击“保存菜单”

现在可以访问您的网站以查看新的社交媒体图标的运行情况。

WordPress添加社交媒体图标图例

推荐阅读:

WordPress页面布局怎么做?WordPress页面布局插件推荐

WordPress优化:WordPress如何让进行字体优化?

相关文章

  • 在标题字段中输入菜单的标题

    Shopify导航栏怎么添加子菜单

    Shopify导航栏怎么添加子菜单?进入Shopify跨境电商独立站后台,在“导航”-“添加菜单”中,点击“+ 添加菜单项”按钮即可按需求添加Shopify导航栏的子菜单。下文展示了Shopify导航栏怎么添加子菜单的具体步骤,及Shopify导航栏添加子菜单的相关问题汇总,以供大家参考。 一、Shopify导航栏怎么添加子菜单 1、转到 Shopify 后台中的“导航”。 2、在Shopify“菜单”部分,单击右上角的“添加菜单”按钮。 3、在“添加菜单”屏幕中,在“标题”字段中输入菜单的标题…

    开发教程 2025年 7月 28日
  • Shopify迁移到WooCommerce

    如何将Shopify迁移到WooCommerce

    如何将Shopify迁移到WooCommerce?对于希望从如何将Shopify SaaS独立站转向WooCommerce的商家而言,迁移过程可通过如何将Cart2Cart工具完成。本文将详细介绍通过Cart2Cart工具,将产品、客户、订单等核心数据从Shopify无缝导入WooCommerce的完整步骤,助你顺利实现平台切换。 一、WooCommerce 进入WordPress仪表盘-插-添加新内容。 在右侧搜索栏搜索WooCommerce插件,然后点击安装。 插件安装完成后,点击激活按钮即…

    开发教程 2026年 1月 16日
  • WordPress创建下拉菜单

    如何在WordPress中创建下拉菜单?

    如何在WordPress中创建下拉菜单?用户可以通过使用插件、网站编辑器或者是通过PHP手动设置实现WordPress下拉菜单的创建。对于WordPress网站搭建的用户来说,创建一个结构良好的下拉菜单不仅有利于优化网站结构,提高搜索引擎爬取力度,而且有利于用户体验的优化,所以下文将为大家具体介绍WordPress下拉菜单的创建过程,以供大家在外贸建站时进行参考。 如何在WordPress中创建下拉菜单一:使用插件 WordPress插件中有许多支持下拉菜单创建的插件,例如Max Mega Me…

    开发教程 2024年 11月 28日
  • 访问如下所示的WordPress仪表板

    如何将WordPress网站做成APP?

    如何将WordPress网站做成APP?将WordPress网站做成APP最简单的方法便是通过MobiLoud、WPMobile.App等插件实现WordPress网站APP功能的实现。从一定程度上来说,将WordPress网站做成APP不仅可以增强品牌的用户粘性和影响力,而且有利于提高用户参与度进而提升网站转化率,下文将为各位呈现WordPress网站做成APP的有关内容,以供大家在外贸建站时进行参考。 一、为什么要将WordPress网站做成APP 1、增强的用户体验:为移动设备提供更流畅、…

    开发教程 2024年 12月 16日
  • 跨境独立站504错误代码

    跨境独立站504错误代码含义、产生原因及解决方法

    跨境独立站504错误代码是网站显示为“504 Gateway Time-out”的一种HTTP状态代码,在搭建跨境电商独立站时,如果服务器或者是网站插件发生错误,就会发生这种问题。504错误代码的产生不仅会导致网站不能及时响应用户请求,还会阻止搜索引擎的对网站的爬取,长此以往,网站甚至可能会从搜索结果中完全消失。 因此及时处理和解决 504 错误以保护网站安全和进行SEO优化至关重要,下文也将基于此展开跨境独立站504错误代码的含义、产生原因及解决方法的内容,供大家参考。 一、跨境独立站504错…

    开发教程 2025年 8月 20日
  • 品牌独立站

    品牌独立站怎么做 是什么

    品牌独立站是商家通过外贸网站建设展示企业品牌产品/服务,达到品牌宣传,增加销售额的一种营销策略,对于想追求品牌化建设的商家,品牌独立站是企业成功出海的重要手段。那么品牌独立站怎么做呢?首先需要确定品牌目标,之后则要进行独立站的搭建,最后还要做好网站的运营优化推广。 一、品牌独立站是什么 品牌独立站本质是一个独立的网站,商家围绕企业品牌建设进行域名服务器购买,从宣传品牌的角度来进行网站设计与运营。主要特点是去平台中心化,具备独立经营主权和经营主体责任,同时可以自主自由对接消费者,借助社交媒体、邮件…

    开发教程 2025年 4月 15日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部