自定义wordpress页脚信息（site-info），显示备案号、版权、首页等信息

一个网站备案后工信部都会让你把备案号标注到网站首页的底部，很多新手不知道咋弄，博主我最近重新修理了博客的主题，就讲一下我是如何标注备案号和其他信息的。先来一张修改后的效果图：

我设置的是显示备案号并链接至“http://www.miitbeian.gov.cn/”、链接至博客首页的博客名和一个版权说明（这个是我看很多站点都有一个这样的标识，我也就加了一个）。下面就讲一下如何修改

一、找到要修改的文件位置

首先用浏览器打开博客页面，选中要修改的页脚信息

选中后点右键，再点检查（这个功能不同浏览器可能会有不同，IE浏览器是审查元素）

如果是 Edge浏览器，需要先进入开发者模式（按F12）后右键菜单里才会出现“检查”选项

点了检查之后就会出来类似这样的界面：

可以看到显示“自豪的采用Wordpress”的地方div容器的class是“site-info”，至于div和class是什么意思可以查询HTML相关语法，这里我们知道它是在一个名为“site-info”的容器里面就行了

二、找到并修改site-info

这一步和网上的其他教程不太一样，其他的基本上都是直接在footer.php 文件里添加语句来显示备案信息的，我这种方法是直接替换官方的页脚信息，所以就要找到官方页脚信息所在的文件。上一步我们知道了页脚信息是在site-info容器里，这一步的任务就是要找到这个容器在哪个文件里。用winscp这个ftp工具来登陆你博客网站所在目录的ftp，输入主机名、用户名和密码，登陆。

登陆之后进入到Wordpress目录下当前正在使用的主题目录内，例如我正在使用的是twentyseventeen-child主题，相应的主题目录路径就是：wp-content/themes/twentyseventeen-child。进去后找到一个footer.php文件，双击打开，这里以我的footer文件为例，内容如下：

<?php
/**
 * The template for displaying the footer
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.2
 */

?>

		</div><!-- #content -->

		<footer id="colophon" class="site-footer" role="contentinfo">
			<div class="wrap">
				<?php
				get_template_part( 'template-parts/footer/footer', 'widgets' );

				if ( has_nav_menu( 'social' ) ) : ?>
					<nav class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Footer Social Links Menu', 'twentyseventeen' ); ?>">
						<?php
							wp_nav_menu( array(
								'theme_location' => 'social',
								'menu_class'     => 'social-links-menu',
								'depth'          => 1,
								'link_before'    => '<span class="screen-reader-text">',
								'link_after'     => '</span>' . twentyseventeen_get_svg( array( 'icon' => 'chain' ) ),
							) );
						?>
					</nav><!-- .social-navigation -->
				<?php endif;

				get_template_part( 'template-parts/footer/site', 'info' );
				?>
			</div><!-- .wrap -->
		</footer><!-- #colophon -->
	</div><!-- .site-content-contain -->
</div><!-- #page -->
<?php wp_footer(); ?>

</body>
</html>

并没有发现有<div><!–site-info–>的相关内容，但是我们看到有一个引用的语句：

get_template_part( 'template-parts/footer/site', 'info' );

这里有一个site和info，也给出了这个文件所在的路径：template-parts/footer/，我们再进入到这个目录下，发现了一个“site-info.php”文件

打开这个文件，内容如下：

<?php
/**
 * Displays footer site info
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */

?>
<div class="site-info">
	<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentyseventeen' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentyseventeen' ), 'WordPress' ); ?></a>
</div><!-- .site-info -->

不用说就知道我们要修改的内容就是最后那两个<div>中间夹着的那一长行。选中，替换为如下内容：

<div class="site-info" style="text-align:center;"> 
	<a href="http://www.miitbeian.gov.cn/" target = "_blank">豫ICP备17021281号</a>
	<?php echo " | <em><a href=\"https://blog.sunriseydy.top\" >Sunrise's Blog</a> </em> ";
	echo " | Copyright©Sunriseydy";
	?>
</div><!-- .site-info -->

其中第2、3、4行的一些信息可以改成自己的，如果你只是想显示备案号，就只把第二行复制到<div>和</div>之间就行了。修改完后ctrl+s保存退出。刷新一下博客就行了。

注意：如果网站开了CDN加速或者用了缓存插件的，一定要把CDN先关了，把缓存功能关了，不然修改不会立即生效，让你以为没有修改成功。

手机打开扫一扫即可访问本页面

感谢您的支持，SunriseYDY 会继续努力的!

扫码打赏，你说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

日出一点一 | 在探索的路上永不止步