在 WordPress 菜单中添加社交媒体图标（如微信、Facebook、Instagram 等），既能提升网站美观度，又能引导访问者关注你的社交账号。以下是两种简单方法，无需复杂代码，新手也能快速上手：
借助专门的社交媒体图标插件，可直接在菜单中添加图标，自动适配主题样式。推荐两款主流插件：
-
安装插件
-
点击「保存菜单」，刷新网站前端，即可看到菜单中显示的社交媒体图标。
若只需在菜单中添加图标，可选择这款更轻量的插件：
- 安装并激活 “Menu Social Icons” 插件。
- 进入「外观」→「菜单」，添加 “自定义链接”（链接到你的社交账号）。
- 在自定义链接的 “CSS 类” 中，输入插件支持的图标类名（如
social-facebook 对应 Facebook，social-weixin 对应微信，完整类名列表可查看插件文档）。
- 保存菜单后，图标会自动替换链接文字，显示为对应社交平台的图标。
如果不想安装插件，可通过「自定义链接 + 字体图标」手动添加，步骤如下（以常用的 Font Awesome 图标为例，多数 WordPress 主题已内置）：
Font Awesome 提供免费的社交媒体图标，每个图标对应一段代码（如 Facebook 是 <i class="fab fa-facebook-f"></i>）。
- 进入「外观」→「菜单」，点击左侧「自定义链接」。
- 在「URL」中填写社交账号的链接（如
https://weixin.qq.com/r/你的公众号链接）。
- 在「链接文本」中粘贴步骤 1 复制的图标代码（如
<i class="fab fa-weixin"></i>）。
- 点击「添加到菜单」，重复添加其他平台。
默认图标可能尺寸或颜色不合适，可通过 CSS 微调：
- 进入「外观」→「自定义」→「额外 CSS」，添加以下代码（根据需求修改）：
.menu-item a .fab {
font-size: 20px;
color: #333;
margin: 0 8px;
}
.menu-item a:hover .fab {
color: #007cba;
}
- 点击「发布」，刷新页面即可看到效果。
若图标不显示，可能是主题未加载 Font Awesome，需手动引入：
- 进入「外观」→「主题文件编辑器」，选择
header.php。
- 在
<head> 标签内添加以下代码（引入免费版 Font Awesome）：
预览
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
- 点击「更新文件」，图标即可正常显示。
- 新手首选插件法：Social Icons Widget & Block 操作最简单，支持一键添加和样式调整，无需代码。
- 追求轻量选手动法：通过 Font Awesome 图标 + 简单 CSS，可避免安装插件，适合对样式有自定义需求的用户。
两种方法都能快速在 WordPress 菜单中添加社交媒体图标，完成后记得在前端测试图标是否能正常点击跳转哦～
发表评论 取消回复