上一篇
如何轻松修改WordPress 2020主题页脚?详细步骤教程!
- CMS教程
- 2025-05-29
- 4431
修改WordPress 2020主题页脚需进入后台:**外观 > 主题文件编辑器**,找到并编辑
footer.php
文件中的版权信息或HTML代码,保存更改即可更新页脚内容。
修改WordPress 2020主题页脚的完整指南
页脚(Footer)是网站的关键组成部分,通常包含版权信息、导航链接或联系方式,修改页脚不仅能提升用户体验,还能强化品牌形象,以下是针对WordPress默认主题Twenty Twenty(2020)的页脚修改方法,涵盖四种主流方案,操作前请务必备份网站数据。
通过「自定义器」修改(推荐新手)
此方法无需代码,通过WordPress后台可视化操作:
- 进入后台 → 外观 → 自定义 → 小工具。
- 在左侧找到 页脚区域(Footer #1, #2, #3),点击展开。
- 选择需要修改的区块(如页脚菜单、文本等),直接编辑内容:
- 文本区块:替换版权信息(示例:
© 2025 你的品牌名
)。 - 导航菜单:拖拽「导航菜单」小工具,关联已创建的菜单。
- 文本区块:替换版权信息(示例:
- 点击 发布 保存更改。
优势:实时预览,操作简单。
使用子主题修改代码(专业安全)
直接修改主题文件会导致更新后丢失改动,必须通过子主题操作:
步骤1:创建子主题
- 安装插件 Child Theme Generator 或手动创建(官方子主题教程)。
- 在子主题文件夹中新建
footer.php
文件。
步骤2:编辑页脚代码
复制父主题(twentytwenty
)的 footer.php
到子主题,修改关键部分:
// 定位版权信息代码(约第20行) <div class="footer-copyright"> <?php // 原始代码: // printf( esc_html__( 'Proudly powered by %s', 'twentytwenty' ), 'WordPress' ); // 修改为自定义内容: echo '© 2025 你的品牌名 | 备案号:XXX'; ?> </div>
保存后,修改将自动覆盖父主题,且不受更新影响。
使用插件快速定制
适合需要复杂布局(如多列、图标)的用户:
-
Elementor Pro:
- 安装后进入 模板 → 主题生成器 → 创建页脚模板。
- 拖拽组件(版权文本、社交媒体图标等),设计后保存。
-
Footer Mega Grid Columns:
免费插件,支持分栏和短代码,可在小工具区域直接调用。
CSS自定义样式
调整页脚颜色、字体等外观:
- 后台 → 自定义 → 额外CSS。
- 输入代码示例:
/* 修改背景色和文字颜色 */ .site-footer { background: #1a1a1a; color: #fff; } /* 调整版权文字大小 */ .footer-copyright { font-size: 14px; } /* 移除“Proudly powered by WordPress” */ .powered-by-wordpress { display: none; }
常见问题解决
- 修改后未生效?
- 清除缓存(插件/浏览器缓存)。
- 检查子主题是否激活(外观 → 主题)。
- 页脚区域消失?
- 检查
footer.php
代码是否误删闭合标签</footer>
。
- 检查
- 需要添加联系方式?
使用「小工具」添加「文本」区块,插入电话/邮箱。
最佳实践建议
- 法律合规:保留主题作者版权或遵守GPL协议。
- 移动端适配:用浏览器开发者工具(Ctrl+Shift+I)测试响应式布局。
- SEO优化:在页脚添加关键词(如服务名称),避免堆砌。
始终通过子主题或插件修改,确保主题更新时不丢失配置,如需扩展功能(如动态年份),可用短代码
[year]
配合插件 Shortcodes Ultimate 实现。
引用说明
本文方法基于WordPress 5.8+ 及Twenty Twenty主题官方文档,子主题操作引用WordPress开发者手册,插件推荐来自WordPress.org官方库安全评估。