如何调整WordPress页脚（Footer）的高度

在WordPress网站设计中，页脚（Footer）是展示版权信息、导航链接或社交媒体图标的重要区域。有时默认的页脚高度可能不符合设计需求，需要手动调整。本文将介绍几种修改WordPress页脚高度的方法。

方法一：通过主题自定义选项调整

部分WordPress主题（如Astra、OceanWP等）提供了页脚高度的设置选项，无需代码即可调整：

1. 进入 WordPress后台 > 外观 > 自定义。
2. 找到 页脚（Footer） 或 布局（Layout） 相关选项。
3. 直接修改高度数值（如像素px或百分比%）。

方法二：使用CSS代码调整

如果主题不支持直接设置，可通过添加CSS代码实现：

1. 进入 外观 > 自定义 > 额外CSS（或通过子主题的style.css文件）。
2. 输入以下代码（示例将页脚高度设为100px）：

#footer {
height: 100px;
}

注意：选择器（如#footer或.site-footer）需根据主题结构调整，可通过浏览器开发者工具（F12）检查元素确认。

方法三：通过插件修改

对于不熟悉代码的用户，可安装插件如 Simple Custom CSS and JS 或 CSS Hero，直接在插件界面添加CSS规则。

注意事项

• 响应式设计：建议使用媒体查询适配不同设备，例如：

@media (max-width: 768px) {
#footer { height: 80px; }
}

• 子主题推荐：直接修改主题文件可能导致更新后失效，建议使用子主题或自定义CSS选项。

通过以上方法，您可以轻松调整WordPress页脚的高度，使其更符合网站整体设计风格。