Contextual Related Posts 插件的缩略图问题之二

In 泊人笔记

最近升级到最新版本3.2.3,其实人家4月底就发布最新版本了,我一直到昨天才升级。升级完就发现问题,缩略图显示回到它默认样子了:圆角、有边框、标题字大,结果整个缩略图每个都扩大一圈,6个缩略图都挤不下一行了,最后一个就分到了第二行去。研究了一下Custom CSS发现无论怎么改都无效,去掉也一样,说明Custom CSS不起作用了。

上support forum又问插件作者,同时贴了原来的Custom CSS。作者让我把每一条开头的.crp_related都替换成.crp_related.crp-rounded-thumbs,并且给了我 github.com 的开源代码链接,里面就是他们这个插件里针对我选的圆角缩略图的全部CSS源代码。我对照了一下,原来我之前用的这一大段Custom CSS就是从原始CSS里拷贝出来的,然后改了几个关键数字,就得到了我想要的结果。如此看来,这段代码可能不是我从论坛问来的,而是我当时自己一次次尝试修改出来的,其实里面绝大部分不需要放在Custom CSS里,是无关我需要的修改的。

我把.crp_related都换成.crp_related.crp-rounded-thumbs,果然立竿见影。又一段段分别试验,发现只有以下3段是和我的修改有关的,其它都可以删掉:

 
.crp_related.crp-rounded-thumbs li {
margin: 5px !important;
border: 0px solid #ddd;
padding: 0px;
}
.crp_related.crp-rounded-thumbs .crp_title {
color: #fff !important;
position: absolute;
display: block;
bottom: 0;
padding: 3px;
font-size: .6em;
text-shadow: .1em .1em .2em #000;
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.crp_related.crp-rounded-thumbs li {
vertical-align: bottom;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
list-style-type: none;
}
 

再多试验一下,和源代码相同的都可以删掉,就留下:

 
.crp_related.crp-rounded-thumbs li {
border: 0px;
padding: 0px;
}
.crp_related.crp-rounded-thumbs .crp_title {
font-size: .6em;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.crp_related.crp-rounded-thumbs li {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
 

最后再一条条试验,有几条虽然和源代码不同,但去掉了也毫不影响结果,比如-webkit-box和-moz-box这两条。所以精简到最后必须留下的只有很少的几条:

 
.crp_related.crp-rounded-thumbs li {
border: 0px;
padding: 0px;
}
.crp_related.crp-rounded-thumbs .crp_title {
font-size: .6em;
border-radius: 0px;
}
.crp_related.crp-rounded-thumbs li {
box-shadow: none;
border-radius: 0px;
}
 

把更新结果和最后三段代码在论坛贴给作者,同时问了一下”-webkit“和”-moz“这两个标签打头的代码代表什么,好像毫无用处。作者回复:That was for the older version of FF because of the way borders were handled. They can be deleted now. I’ll clean them up eventually.

很好玩,觉得这个作者人也挺好的,有问必答。就去版块置顶的插件翻译贴研究了一下,一看原来有298条,中文部分已经翻好的只有21条,还有277条待译(其中2条翻译了但作者还没认可,一看乖乖已经是几年前的翻译了)。我一口气就翻译了100条🤣,现在剩176条待译,102条已经翻译的等作者审核(不知道他如何审核?🤣)。准备过几天把能看懂的全翻了,至于作者会不会审核,有没有本事审核,就不管了,反正我尽力了。

 

Submit a comment

Your email address will not be published. Required fields are marked *