【WordPress主题教程】Ripro:文章页标题样式美化

 

众所周知,WordPress主题ripro是一个叫油条的作者写的主题,主题本身也非常优秀,不过,有部分美化的地方站长实在觉得丑,这边借鉴一下某位大佬美化的东西给大家讲讲怎么优化的好看点! 美化来自http://www.17codesign.com/ 超好看的一个妹子的UI站     ┐(-。ー;)┌

 

效果如图所示

ripro教程:文章页标题样式美化

1、打开文件,/主题目录//ripro/parts/single-header.php;

2、将以下代码全部粘贴进去;

'h1', 'link' => false) ); } else { cao_entry_header( array( 'tag' => 'h1') ); } get_template_part( 'parts/entry-subheading' ); ?> By: href=""> '._get_post_time();?> '._get_post_views();?>

然后在合适的地方添加css代码:


/*文章标题优化*/
.codesign-avatar {
    width: 50px;
    float: left;
}
.codesign-avatar img {
    float: left;
    width: 50px;
    border-radius: 50%;
    margin-right: 20px;
}
.codesign-tgroup{
    padding-left: 66px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
}
.article-content .entry-header .entry-title{
    padding-bottom:0;
    margin-bottom: 0;
    border-bottom: none;
}
.codesign-name {
    display: block;
    font-size: 13px;
    color: #cdcdcd;
}
.codesign-name a{
    color: #cdcdcd;
}
.codesign-name a:hover{
    color: #2756fc;
}
.codesign-time {
    margin-left: 20px;
}

90爱分享专注于为网络上的互联网站长提供免费的网站源码,织梦模板,最新活动,常用软件,网站教程,wordpress主题和最新优惠活动等福利,欢迎大家关注!
90爱分享 » 【WordPress主题教程】Ripro:文章页标题样式美化

90爱分享-专注于优惠活动和站长资源的收集和分享!

立即查看 了解详情