之前这个网站一直用的是Mashiro的Sakura主题，Mashiro一直说要重构，但实际已经好几年没更新了，将PHP更新到8.2版本后，又有好多地方报错，只好切换到Sakurairo主题。这是Sakura主题的分支，一直有在更新，功能强大且十分美观。
但这个主题有一些问题，不，是我有一些问题——这个主题太漂亮了，一进入主页，整页整页的图片，文章页面切换上一篇下一篇也有图片。
我觉得我们的小网站不需要那么多图片，我本人也喜欢纯文字网站多一些，当初在迁移网站时我就建议使用hugo，但是被另外两个人否决了。
那么……修改Sakurairo主题文件，实现个人定制化？
不不不，太麻烦了，而且这样每次主题更新都要手动接收更改，这不符合我们网站无人管理的风格。
万幸，Sakurairo主题有提供自定义CSS的功能（iro主题设置→其他设置→低使用设置→自定义CSS样式）
只要用好下面两个样式，我们就能将图片去掉。
- display:none;
- background-image:none !important;
单单将图片去掉留白会很难看，所以我们还需要对页面的样式进行微调，具体可见如下CSS样式，不愿意研究的也可以直接复制。
/* 调整网站首页文章列表 */
/* 不显示图片 */
.post-thumb {
display:none;
}
/* 调整文章列表文本 */
.post-title:hover {
box-shadow:none;
}
.post-title {
bottom: 44%;;
border:0;
box-shadow: none;
}
.post-excerpt {
bottom: 20%;
max-height: 22%;
}
.post-list-thumb {
height: 200px;
}
@media (max-width: 768px) {
.post-title {
max-width: 64%;
}
.post-meta {
max-height: 36%;
}
.post-excerpt {
max-height: 22%;
}
}
/* 文章列表作者头像无阴影 */
.avatar {
-webkit-box-shadow: none;
box-shadow: none;
}
/* 设置文章页面上下页不显示背景图片 */
.post-squares a div{
background-image:none !important;
}
.post-squares a:hover {
background: #666666;
}
我觉得封面放一张图片是OK的，不喜欢的话也可以后台设置完全关掉。
但我的想法是，开启封面功能，显示个人图像，但没有背景图片简洁又美观。
这里也可以通过调整Sakurairo的主题设置实现。
首先要开启封面功能，将封面随机图片选项设置为本地图片，该设置会使封面从.\wp-content\themes\Sakurairo\manifest\gallary取图，这里我们可以耍个小聪明，在该目录中放1个只有1像素大小的透明图片，这样每次都会取到该图片显示，并且和没有一样。
为了让页面更好看，我加了如下设置，可自取自改。
/* 调整封面大屏高度 */
#centerbg {
height: 300px;
}
/* 调整个人头像 */
.focusinfo {
top: 210px;
}
.focusinfo .header-info {
margin-top: 0px;
padding: 0px;
}
/* 当封面随机图片选项设置为本地图片时，从封面随机图片中提取主题颜色设置的开关会有问题，最好手动设置自己的主题色 */
.post-meta,.post-meta a,.post-date,.post-list-thumb i {
color:#000000 !important;
}
.post-list-thumb .post-title h3:hover,.post-meta a:hover {
color: #d24c2a !important;
}
以上，我们完成了Sakurairo主题的去图化，并且完全使用后台主题设置，可以正常更新而不用操心，最多就是哪次更新后样式突然乱了，到时候再改几句就好。
水平很低，以上内容仅供参考。
Sakurairo是个功能很强大的主题，以上设置仅仅是我个人的喜好，并非对Sakurairo主题的设计有什么不满，不过我很希望Sakurairo主题后台能增加一个去图化的设置选项，一定能使Sakurairo主题面向更多的人。
Comments NOTHING