记录飞牛对博客的一些修改记录,方便自己以后回溯,以供他人参考。
一直持续更新
2023.12.20
换主题换个心情,慢慢修改。
panda主题精选评论
php
//走心评论
function weisay_touching_comments_list( $comment ) {
$cpage = get_page_of_comment( $comment->comment_ID, $args = array() );
?>
<li <?php comment_class(); ?> id="comment-<?php comment_ID() ?>">
<div id="comment-<?php comment_ID(); ?>" class="comment-body">
<div class="comment-meta">
<div class="comment-avatar flex-avatar w-48"><?php echo get_avatar( $comment, 48 ); ?></div>
<b class="fn comment-name"><?php comment_author_link() ?></b><span class="edit-link"><?php edit_comment_link( __( 'Edit' ), ' ' ); ?></span>
</div>
<div class="comment-content">
<?php comment_text(); ?>
</div>
<div class="comment-metadata"><?php comment_date('Y-m-d') ?> 评论于 • <a href="<?php echo get_comment_link($comment->comment_ID, $cpage); ?>" target="_blank"><?php echo get_the_title($comment->comment_post_ID); ?></a></div>
</div>
<?php
}
function weisay_touching_comments_end_list() {
echo '</li>';
}
css。
.touching-comments-button{display:block;float:right;clear:both;margin-top:10px;}
.touching-comments-button span svg{width:18px;height:18px;}
.touching-comments-button br{display:none;}
.touching-comments-button a{outline:none;}
.touching-comments-list li{list-style:none;border-bottom:1px solid #ddd;margin-bottom:10px;}
.touching-comments-list .touching-comments-button,.touching-comments-list .touching-comments-chosen{display:none;}
.touching-comments-list img.avatar{vertical-align:middle;}
.touching-comments-list .comment-name{margin-left:2px;}
.touching-comments-list .comment-content p{text-indent:0; background-color: #e8b86826 !important;
display: inline-block;
padding: 0.75rem 1rem;
border-radius: var(--border-radius-md);
border-top-left-radius: 0;
margin: 1rem 0 1rem;
text-indent: 0;}
.touching-comments-list .edit-link{float:right;}
.touching-comments-list .comment-metadata{opacity: 0.8;margin: 0 0 1rem;}
.touching-comments-title{display:block;line-height:30px;height:30px;margin:10px; font-size: 1.25rem;}
.touching-comments-picture img{width:100%;vertical-align: middle;}
.touching-comments-chosen{background:#f9f1be;padding:3px 8px;margin:5px 0;border-radius:8px 0;font-size:14px;display:inline-block;}
.touching-comments-chosen span{color:#76600a;}
2023.12.18
添加了精评页面
页面链接:https://www.feinews.com/touching
使用的是@威言威语 的走心评论插件。
插件地址:https://www.weisay.com/blog/wordpress-plugin-touching-comments.html
修改页面css样式:
.touching-comments-button{display:block;float:right;clear:both;margin-top:10px;}
.touching-comments-button span svg{width:18px;height:18px;}
.touching-comments-button br{display:none;}
.touching-comments-button a{outline:none;}
.touching-comments-list li{margin-left: -30px;list-style:none;border-bottom:1px solid #ddd;margin-bottom:10px;}
.touching-comments-list .touching-comments-button,.touching-comments-list .touching-comments-chosen{display:none;}
.touching-comments-list img.avatar{vertical-align:middle;}
.touching-comments-list .comment-name{margin-left:2px;}
.touching-comments-list .comment-content p{text-indent:0;margin-top: 30px;padding: 20px;
position: relative;
background: hsla(var(--theme-color-hsl),.04);}
.touching-comments-list .comment-content p:before {
position: absolute;
left: 15px;
top: -19px;
border: 9px solid transparent;
border-bottom: 10px solid hsla(var(--theme-color-hsl),.04);
content: "";
}
.touching-comments-list .edit-link{float:right;}
.touching-comments-list .comment-metadata{opacity: 0.8;margin-bottom: 20px;}
.touching-comments-title{display:block;line-height:30px;height:30px; margin: 20px 0px 20px 0px;font-weight: bold;}
.touching-comments-picture img{width:100%;vertical-align: middle;}
.touching-comments-chosen{background:#f9f1be;padding:3px 8px;margin:5px 0;border-radius:8px 0;font-size:14px;display:inline-block;}
.touching-comments-chosen span{color:#76600a;}
2023.12.09
修改页面主题背景色:#f3f7f6;
修改文章页面内边距从20px改成30px;
.el-boxed .entry-main {
background: var(--theme-el-bg-color);
padding: 30px;
margin-bottom: 20px;
}
2023.12.06
清理和优化WordPress网站数据库wp_options表和自动加载的数据,由原来的1800项,减少成255项。
2023.12.05
顶部导航栏修改将原来导航栏的菜单文字大小14px改成16px。
body>header.header .nav {font-size: 16px;}
2023.12.04
友情链接页面修改
- 修改边框为圆角8px
- 增加了边框外间距10px
- 添加了鼠标划过时,box上移5px
详情页面:https://www.feinews.com/links
© 文章系本站作者 飞牛 原创发布于「飞牛士 FeiNews」,文章授权后方可转载,请勿侵权!
评论列表(7条)
你的记录好整齐,我的就是乱,东一下西一下的,不知道怎么记……
@老宋:也是最近才开始觉得要记录整齐,以前也是如你所说,东一下西一下。
这是记录接近完美的过程!
你用的这个头像服务也被墙了么?我这面看不到。
@小陈故事:这样?我这里头像显示正常。
现在你这个主题蛮好看的,元素再少些再极简些就完美了。
@夕格树洞:实在是不知道该从哪里简化了。。