键盘敲碎星群 / 光标舔舐年轮
珊瑚礁在磁盘深处 / 吞下整片二月潮声
蝉鸣卡进十六进制螺纹 / 候鸟沉入云层404裂缝
删除键刈割麦田时 / 黎明正退回稿纸的褶皱
碎纸机吞咽液态时空 / 甲骨文在墨盒结痂
而字节穿透腐殖层 / 将晨昏线拧成青铜螺钉
日志
· 来自 myideal · 2025年5月8日 · 阅读量 : 18次 
myideal
· 来自 myideal · 2025年5月8日 · 阅读量 : 18次
wordpress中几个实用的CSS代码
最近搜集了几个比较实用的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;} /* 改变圆角 */五一过
五一节假期很快就过去了，明天该上班的上班，该上学的上学。整个五一假期，基本上就是呆在家里，没有去什么地方玩。当然说没有也并不完全，我们看了商城的飞天舞表演，阿嫩骑了商城里巡回演出的骆驼，最后一天，也就是今天，阿嫩和小伙伴在家附近的游乐场玩了一整个下午和小半个晚上。这就是我们的五一假期。现在假期出去游客太多，在家附近玩玩，其实也不失为一个不错的选择。
在wordpress首页文章列表中显示日期
有些wordpress主题，实再太简洁了，首页文章列表连日期都没有显示😓。这时，如果你想在首页文章列表中加入日期，可以在content.php的适当位置中插入以下代码：
<?php esc_html_e('·'); ?> <?php the_time( get_option('date_format') ); ?>代码中的’·’是我自己加的分隔符号，你也可以换成自己的符号样式。
黄山游
4月7号到11号期间，去了趟黄山，新安江，宏村等安徽景点旅游。拍了一堆照片，不过感觉拍得乱乱的，基本上就是走马观花。除了看山，看水，就是看村了。因为懒，之后一直没有整理照片😳，拖到今天，才想着传一波照片，以作到此一游之纪。🙂
让wordpress特色图片在首页文章列表或单独文章页中显示
今天是五一劳动节，首先祝各位辛勤劳动的打工人节日快乐！😀
wordpress的特色图片功能可以让你在写博客时设置一张封面图片，并将此封面图在首页和单独文章页自动显示。这是个很好的功能，可以让博客增色不少。但有些主题虽然有特色图片功能，但却并未设置成在首页文章或单独文章页中显示。这时我们可以在content.php和single.php文件中加入以下代码：
<?php if (has_post_thumbnail()) : ?>
<div class="featured-image-container">
<?php the_post_thumbnail('full',array( 'class' => 'aligncenter')); ?> <!--'full'是图片尺寸，也可以使用'medium', 'large'等。-->
</div>
<?php endif; ?>这样你的博客首页文章列表，和单独文章页就都会自动显示你事先设置好的特色图片了。当然，如果你只想在首页文章列表中，或只想在单独文章页中显示特色图片，你可以只在content.php（首页文章列表）或single.php（单独文章页）其中之一加入上述代码即可。
代码中的full表示全尺寸图片；medium表示中等尺寸图片；large表示大尺寸图片。还有个thumbnail表示缩略图。你可以按自己意愿的尺寸来设置图片大小。