当前位置:首页 > CMS教程 > 正文

如何轻松修改WordPress 2020主题页脚?详细步骤教程!

修改WordPress 2020主题页脚需进入后台:**外观 > 主题文件编辑器**,找到并编辑 footer.php文件中的版权信息或HTML代码,保存更改即可更新页脚内容。

修改WordPress 2020主题页脚的完整指南

页脚(Footer)是网站的关键组成部分,通常包含版权信息、导航链接或联系方式,修改页脚不仅能提升用户体验,还能强化品牌形象,以下是针对WordPress默认主题Twenty Twenty(2020)的页脚修改方法,涵盖四种主流方案,操作前请务必备份网站数据


通过「自定义器」修改(推荐新手)

此方法无需代码,通过WordPress后台可视化操作:

  1. 进入后台外观自定义小工具
  2. 在左侧找到 页脚区域(Footer #1, #2, #3),点击展开。
  3. 选择需要修改的区块(如页脚菜单、文本等),直接编辑内容:
    • 文本区块:替换版权信息(示例:© 2025 你的品牌名)。
    • 导航菜单:拖拽「导航菜单」小工具,关联已创建的菜单。
  4. 点击 发布 保存更改。

    优势:实时预览,操作简单。


使用子主题修改代码(专业安全)

直接修改主题文件会导致更新后丢失改动,必须通过子主题操作

如何轻松修改WordPress 2020主题页脚?详细步骤教程!  第1张

步骤1:创建子主题

  1. 安装插件 Child Theme Generator 或手动创建(官方子主题教程)。
  2. 在子主题文件夹中新建 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>  

保存后,修改将自动覆盖父主题,且不受更新影响。


使用插件快速定制

适合需要复杂布局(如多列、图标)的用户:

  1. Elementor Pro

    • 安装后进入 模板主题生成器 → 创建页脚模板。
    • 拖拽组件(版权文本、社交媒体图标等),设计后保存。
  2. Footer Mega Grid Columns

    免费插件,支持分栏和短代码,可在小工具区域直接调用。


CSS自定义样式

调整页脚颜色、字体等外观:

  1. 后台自定义额外CSS
  2. 输入代码示例:
    /* 修改背景色和文字颜色 */  
    .site-footer {  
     background: #1a1a1a;  
     color: #fff;  
    }  
    /* 调整版权文字大小 */  
    .footer-copyright {  
     font-size: 14px;  
    }  
    /* 移除“Proudly powered by WordPress” */  
    .powered-by-wordpress {  
     display: none;  
    }  

常见问题解决

  • 修改后未生效?
    • 清除缓存(插件/浏览器缓存)。
    • 检查子主题是否激活(外观 → 主题)。
  • 页脚区域消失?
    • 检查 footer.php 代码是否误删闭合标签 </footer>
  • 需要添加联系方式?
    使用「小工具」添加「文本」区块,插入电话/邮箱。

最佳实践建议

  1. 法律合规:保留主题作者版权或遵守GPL协议。
  2. 移动端适配:用浏览器开发者工具(Ctrl+Shift+I)测试响应式布局。
  3. SEO优化:在页脚添加关键词(如服务名称),避免堆砌。

始终通过子主题或插件修改,确保主题更新时不丢失配置,如需扩展功能(如动态年份),可用短代码 [year] 配合插件 Shortcodes Ultimate 实现。


引用说明
本文方法基于WordPress 5.8+ 及Twenty Twenty主题官方文档,子主题操作引用WordPress开发者手册,插件推荐来自WordPress.org官方库安全评估。

0