自定义wordpress页脚信息(site-info),显示备案号、版权、首页等信息

设置字体大小:

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

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

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

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

鼠标选中,不要直接左键点击它,它是一个超链接

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

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

Edge浏览器选择“检查”选项

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

可以看到显示“自豪的采用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=\"http://blog.sunriseydy.top\" >Sunrise's Blog</a> </em> ";
	echo " | Copyright©Sunriseydy";
	?>
</div><!-- .site-info -->

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

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


版权说明:
作品 sunriseydy 采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。
文章内容如未说明均为原创,欢迎转载,但请注明原作者(sunriseydy)和原文链接(https://blog.sunriseydy.top/technology/server-blog/wordpress/site-info/)。部分来自互联网的文章,如有侵权,请联系我,24小时内删除,谢谢

赞 (1)   -->微信赞赏<--

微信扫描下方左侧二维码或搜索“sunriseydy”关注我的公众号,便捷地阅读博客内容,订阅博客更新
也可以扫描下方右侧的小程序码,进入我的微信小程序:“sunriseydy”,在手机上阅读文章

      

评论一下呗亲

电子邮件地址不会被公开。 必填项已用*标注

添加表情