WordPress网站页脚footer.php修改图文教程

WBOLT_COM 9 月 28, 2020 13.6k+ 0

如何编辑修改WordPress网站页脚区域？站长可以通过几种不同的方式来修改WordPress页脚：页脚小工具，移除Powerd by WordPress和自定义页脚代码。

edit-footer-in-wordpress-550x340-1

WordPress页脚包含哪些内容?

WordPress“页脚”即网站的底部，位于内容区域之后，通常显示在网站的所有页面上。

wpbeginner-footer

页脚位于网站的最底部，这甚至导致一些初学者忽略它。但是，作为站长，应该了解如何利用此区域，以提升网站用户体验、有利于SEO和业务增长。

一般情况下，WordPress主题都带有易于编辑的页脚小组件，当然懂代码的站长也可以编辑主题中的footer.php文件，以删除或者新增代码。

本教程将包含以下三部分的内容：

编辑WordPress页脚小工具
移除部分主题页脚的“Powered by WordPress”
修改新增WordPress页脚代码

编辑WordPress页脚小工具

许多WordPress主题对设置了页脚小工具，以方便主题使用者快速修改网站页脚内容。

您可以使用这些小工具在页脚区域添加文本，图像或隐私权政策、法律免责声明链接等内容。

添加文本和图像非常简单，点击WordPress后台左侧菜单导航“外观»小工具”页面，然后将文本，图像或图库小工具添加到页脚小工具区域。要添加小工具，只需将其拖放到页脚区域。

addwidgetstofooter

Tips：部分主题提供多个页脚区域，且使用方式不尽相同。建议在添加小工具后预览网站，以确保正确显示小工具内容。

在页脚小工具区域添加链接

如果希望在页脚区域加入诸如关于我们、隐私条例、网站协议等页面链接。

WordPress提供易于使用的导航菜单管理功能，点击“外观»菜单”，在菜单管理页面单击“创建新菜单”链接。

createnewmenu

然后填入新菜单的名称，显示位置等，然后单击“创建菜单”按钮。

menuname

选择你需要添加到菜单的链接，通过左侧栏，你可以选择页面，文章，分类目录等，添加到菜单中。

addpagestomenu

完成后，单击“保存菜单”按钮保存更改。最后，将菜单添加到WordPress页脚小工具区域。只需访问WordPress后台的“ 外观»小工具”页面，然后将“导航菜单”小工具添加到页脚区域即可。

在小工具设置中，从下拉菜单中选择之前创建的页脚导航菜单，单击“保存”按钮即可实现页脚展示导航菜单。

footer-preview

站长可以在WordPress中创建多个导航菜单，并根据需要在边栏中添加尽可能多的导航菜单小工具。如果需要另一组链接（比如资源中心、帮助中心、网站分类等等），重复上述相同步骤即可。

温馨提示：部分主题在创建菜单时，只需要勾选显示位置为页脚菜单，即可实现，而无需单独设置页脚菜单小工具。

移除部分主题页脚的“Powered by WordPress”

首次安装WordPress时，网站底部页脚栏中可能会有“Powered by WordPress”链接。

powered-by-wordpress-footer-link-2020-theme

一些主题会将其更改为主题开发者文本和链接。通常可以使用主题实时编辑器来更改此文本。只需在WordPress管理后台，进入“ 外观”»“自定义”即可。然后找到页脚选项进行编辑：

theme-customizer-edit-footer

以知名的Astra主题为例。进入主题实时编辑器，找到Footer»Footer Bar，即可更改页脚栏的文本：

editing-footer-text-astra

完成文本编辑后，切勿忘记点击“发布”按钮以使更改生效。

astra-new-footer

温馨提示：并非所有主题都是使用实时编辑器来更改底部文本链接，部分主题直接采用单独的主题设置页面来控制。比如，闪电博的主题。

手动编辑页脚文本

如果主题无法使用主题自定义且未提供页脚文本编辑功能，哪如何修改？

在这种情况下，可以编辑主题的footer.php文件，使用FTP工具链接服务器下载主题footer文件/wp-content/themes/yourtheme/footer.php文件，然后使用文本编辑器编辑修改。

在文件中找到带有“ Powered by WordPress”文本改成你需要的样子即可，以“Twenty Twenty”主题为例：

<div class="footer-credits">

  <p class="footer-copyright">&copy;
    <?php
    echo date_i18n(
      /* translators: Copyright date format, see https://www.php.net/date */
      _x( 'Y', 'copyright date format', 'twentytwenty' )
    );
    ?>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a>
  </p><!-- .footer-copyright -->

  <p class="powered-by-wordpress">
    <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>">
      <?php _e( 'Powered by WordPress', 'twentytwenty' ); ?>
    </a>
  </p><!-- .powered-by-wordpress -->

</div><!-- .footer-credits -->

修改好footer文件的代码后，需重新上传footer.php文件覆盖源文件。提示：更改之前，请备份footer.php文件，以免发生意外能够恢复原样。