文章目录[隐藏]
一个网站备案后工信部都会让你把备案号标注到网站首页的底部,很多新手不知道咋弄,博主我最近重新修理了博客的主题,就讲一下我是如何标注备案号和其他信息的。先来一张修改后的效果图:
我设置的是显示备案号并链接至“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 采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。
文章内容如未说明均为原创,欢迎转载,但请注明原作者(sunriseydy)和原文链接(https://blog.sunriseydy.top/technology/wordpress/site-info/)
部分来自互联网的文章,如有侵权,请联系我,24小时内删除,谢谢
感谢您的支持,SunriseYDY 会继续努力的!



打开支付宝扫一扫,即可进行扫码打赏哦
日出一点一 | 在探索的路上永不止步