myideal

最近搜集了几个比较实用的wordpress博客程序中的CSS代码。现摘录于下，或许平时能用到。

把作者头像图片的形状变成圆形：

.avatar {
    border-radius: 50%; /* 创建圆形头像 */
}

让作者头像图片的位置垂直居中：

.avatar {
    line-height: 50px; /* 例如：line-height: 50px; */
    vertical-align: middle; /* 头像垂直居中代码，确保与line-height一起使用 */
}

设置博客文章的行间距大小：

.entry-content p {
    line-height: 2;
}/* 文章行间距设定 */

对博客页面的侧边栏进行位置固定：

@media (min-width: 768px) {
    .sidebar {
        position: -webkit-sticky; /* Safari */
        position: sticky;
        top: 0px; /* 侧边栏固定代码，根据需要调整距离顶部的距离 */
    }
}

博客文章的特色图片位置居中显示：

.featured-image-container {
    text-align: center; /* 特色图片居中代码，居中图片 */
}
.featured-image-container img {
    display: inline; /* 确保图片是内联元素 */
}

博客的每个页面的第一篇文章不显示特色图片：

.home .post:first-child .wp-post-image {
    display: none;} /*每页第一篇文章不显示特色图片*/

让博客文章的“阅读更多”按钮变成圆角：

.more-link {
	border-radius: 15px;} /* 改变圆角 */