WordPress如何制作两列页脚菜单

来自:素雅营销研究院

头像 方知笔记
2025年05月06日 11:32

准备工作

在开始创建两列页脚菜单之前,请确保您已经:

  • 拥有WordPress管理员权限
  • 当前主题支持自定义菜单功能
  • 已安装并激活需要的插件(如必要)

方法一:使用WordPress默认功能创建两列页脚菜单

  1. 登录WordPress后台,进入”外观”→”菜单”

  2. 创建新菜单

  • 点击”创建新菜单”按钮
  • 为菜单命名(如”页脚菜单”)
  • 点击”创建菜单”按钮
  1. 添加菜单项
  • 从左侧选择页面、文章或自定义链接
  • 点击”添加到菜单”按钮
  • 重复此步骤添加所有需要的菜单项
  1. 设置菜单显示位置
  • 在”显示位置”区域勾选”页脚菜单”(如果主题支持)
  • 或选择主题提供的其他页脚位置选项
  1. 保存菜单

方法二:使用CSS实现两列布局

如果您的主题不支持直接创建两列页脚菜单,可以通过CSS实现:

  1. 进入”外观”→”自定义”→”额外CSS”

  2. 添加以下CSS代码:

.footer-menu {
column-count: 2;
column-gap: 30px;
}

/* 或者使用浮动方式 */
.footer-menu li {
width: 50%;
float: left;
box-sizing: border-box;
}
  1. 发布更改

方法三:使用插件实现

  1. 安装插件
  • 推荐插件:Max Mega Menu、Menu Icons等
  • 进入”插件”→”安装插件”,搜索并安装
  1. 配置插件
  • 激活插件后,进入其设置页面
  • 选择要转换为两列的菜单
  • 设置列数为2
  • 调整其他样式选项
  1. 保存设置

高级技巧:编辑主题文件

对于有开发经验的用户:

  1. 通过FTP或文件管理器访问主题文件夹
  2. 编辑footer.php文件
  3. 添加类似代码:
<nav class="footer-nav">
<div class="footer-col-1">
<?php wp_nav_menu( array( 'theme_location' => 'footer-left' ) ); ?>
</div>
<div class="footer-col-2">
<?php wp_nav_menu( array( 'theme_location' => 'footer-right' ) ); ?>
</div>
</nav>
  1. 在functions.php中注册这两个菜单位置

注意事项

  • 操作前建议备份网站
  • 修改主题文件可能导致更新后丢失更改,建议使用子主题
  • 不同主题可能有不同的实现方式
  • 确保菜单在移动设备上也能正常显示

通过以上方法,您可以在WordPress网站中轻松创建美观的两列页脚菜单,提升网站导航体验和整体美观度。