RIPRO主题美化-详细页标题栏显示头像+作者+发布时间+浏览量 WordPress主题美化-MC百科

RIPRO主题美化-详细页标题栏显示头像+作者+发布时间+浏览量 WordPress主题美化

MC百科

10月前更新
关注私信

共计194字，阅读大约1分钟。 01920

教程开始

1、找到wp-content/themes/ripro/assets/css/diy.css将附件内的diy.css内容整体复制进去并保存
2、找到wp-content/themes/ripro/parts/single-header.php将附件内的single-header.php内容整体复制进去并保存

single-header.php代码
[erphpdown]

   
    'h1') ); } else { cao_entry_header( array( 'tag' => 'h1', 'link' => false ) ); } get_template_part( 'parts/entry-subheading' ); ?>  作者:   发布时间：    '._get_post_views();?>  人阅读

[/erphpdown]
diy.css代码

/*MC百科网https://www.mcbke.com/riprozt-xxxbttxzz.html*/
@charset "utf-8";
/* 详细页作者信息 */
.sjblog-avatar {
    width: 50px;
    float: left;
}
.sjblog-avatar img {
    float: left;
    width: 50px;
    border-radius: 50%;
    margin-right: 20px;
}
.sjblog-tgroup{
    padding-left: 66px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
}
.sjblog-tgroup .entry-header{ margin-bottom: 0 !important;}
.article-content .entry-header .entry-title{
    padding-bottom:0;
    margin-bottom: 0 !important;
    border-bottom: none;
}
.sjblog-name {
	padding-top:5px;
    display: block;
    font-size: 13px;
    color: #cdcdcd;
}
.sjblog-name a{
    color: #cdcdcd;
}
.sjblog-name a:hover{
    color: #2756fc;
}
.sjblog-time {
    margin-left: 20px;
}

/* 详细页作者信息 */

效果展示

温馨提示：本文最后更新于2021-08-18 10:53:18，某些文章具有时效性，若有错误或已失效，请在下方留言或联系MC百科网。

文章版权声明 1、本网站名称：MC百科网
2、本站永久网址：https://www.mcbke.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ1337126231进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END