做一个独立博客,意味着可以完全按自己的喜好定制化,随心所欲地装上独特又美丽的主题、好用的插件;但也意味着会时不时遇到一些奇怪的不兼容问题,有时连主题/插件作者都不知道该怎么解决,能不能修好全凭运气😅
这次发生问题的是一个叫Contextual Related Posts的插件,即:语境相关文章插件。之前也用了好几年,自定义CSS里贴了一段代码,已经不记得这段代码是怎么来的了,是不是当年也去Support论坛问过然后插件作者给的这段代码——最有可能是这样,但论坛里找不到记录——反正靠这段代码得到了想要的缩略图效果,一直挺满意。
.crp_related li, .crp_related a {
float: left;
overflow: hidden;
position: relative;
text-align: center;
}
.crp_related li {
margin: 5px !important;
border: 0px solid #ddd;
padding: 0px;
}
.crp_related li:hover {
background: #eee;
border-color: #bbb;
}
.crp_related a {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
text-decoration: none !important;
}
.crp_related a:hover {
text-decoration: none;
}
.crp_related .crp_title {
color: #fff !important;
position: absolute;
display: block;
bottom: 0;
padding: 3px;
font-size: .6em;
text-shadow: 1000 .1em .1em .2em;
background: rgb(0.5, 0.5, 0.5);
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
但最近发现缩略图出了问题,大概是插件或者wordpress升级后,出现了一些不兼容——不知道是和我装的主题ink还是和整个wordpress不兼容——总之就是在大部分帖子里出现了奇怪的效果:方块缩略图上方出现了一条大约30像素高度的背景色,大部分是白色,偶尔几个是黑色。但又有极少数几个帖子,缩略图是正常的,没有这块多余的背景。
上Support论坛发帖问了插件作者,作者也很纳闷,检查了我给的文章页面链接后,非说是我的主题给“某些特殊帖子类型”增加了强制黑色背景。然而这回答对我来说毫无意义,一是我肯定没有这样做过,二是我想要的不是黑背景白背景,而是不要有这块多余的背景。
在帖子里又提问了几次也没有结果,最后是我自己调了一个看似无关的参数解决的。会调这个参数也是偶然。问题的发生和解决都莫名其妙,我在帖子里反馈了解决方式,连插件作者都说不出这是为什么。那我就更不知道,纯属碰运气🤣
这几个月来跟Godaddy和wordpress.com的客服、各种插件的作者打了不少交道(Godaddy自从系统升级后其客服简直让人抓狂),在WordPress.org的Support论坛看别人的讨论也学到了不少。没有IT背景要维护全定制的独立博客是有点累的,但还是很有趣,也值得。
最近学了CSS,今天重看插件代码,终于明白了真正的症结所在,原来掌管缩略图盒子的是这个类: .crp_thumb.crp_featured,而它在原始css里设了一个padding,大约是5px,我改成0,问题彻底解决。终于可以不用撞大运,而是有的放矢地正确修改了,所以说学无止境啊😂