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

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

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

WordPress页脚包含哪些内容?

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

wpbeginner-footer

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

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

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

编辑WordPress页脚小工具

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

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

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

addwidgetstofooter

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

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

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

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

createnewmenu

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

menuname

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

addpagestomenu

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

footer-add-navigation-menu-widget-1

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

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文件,以免发生意外能够恢复原样。

修改新增WordPress页脚代码

有时,站长可能需要在WordPress页脚添加代码段,比如社交分享代码、网站统计代码等等。

最简单的方法是安装Insert Headers and Footers插件,启用插件后,在WordPress管理后台进入“设置 » Insert Headers and Footers”,将页脚代码复制并粘贴到“Scripts in Footer”框中:

wordpress-insert-headers-and-footers-scripts-in-footer

最后,点击Save按钮以生效。

如果您使用的是闪电博主题,则可以通过“主题设置 » 自定义代码”,加入自定义底部代码和统计代码。当然你也可以添加自定义CSS样式和自定义头部代码,非常方便。

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

评论留言