Begin原来的部分模块的缩略图为大约4:3的,比较美观。但是本人的文章里面很多为CD专辑介绍,CD封面设定为正方形,因此和Begin原主题的图片设定起了冲突。有些图片缩略图可以在后台的主题选项更改,但是还有一些,主题选项中没有给出调整选项,通过分析、查找和不断尝试,找打了主题源文件中对应的代码。之前的文章中介绍了《“主体单栏分类列表”模块的修改》,这回,介绍一下《小工具“本站推荐”缩略图改为正方形》的方法。
先介绍一下“最新文章”的缩略图修改方法:
“最新文章”缩略图修改为正方
在WordPress后台仪表盘菜单,外观-主题选项,在“Begin主题选项”(以2.0版本举例子)“基本设置”标签内,“缩略图自动裁剪尺寸设置”区域,将“标准缩略图”“图片缩略图”宽高都修改为相同数字就可以了,我都修改为“280”了。
小工具-侧边 “本站推荐” 缩略图改为正方形
这是知更鸟原来的侧边小工具 “本站推荐” 缩略图
这是我修改后的侧边小工具 “本站推荐” 缩略图
方法:在Begin主题根目录的style.css文件样式表里,大概2520行,将原来的高度“height: 75px;”改为和宽度一样的100px,即“height: 100px;”:
.hot_commend .thumbnail, .new_cat .thumbnail {
position: relative;
float: left;
width: 100px;
height: 100px;
margin: 8px 8px 8px 0;
overflow: hidden;
}
可是修改后,还有一个问题,这问题折磨了我很久,就是图片旁边“点赞和views” 那一行,还是处于原来的高度,没有落在100px高度底行。
解决办法:在Begin主题根目录的style.css文件样式表里,大概2550行上下,修改为padding-top,修改后的结果,具体如下:
.hot_commend .fa {
color: #999;
padding-top: 35px;
}
注意,这个修改的是点赞(hot_commend .fa)那个手型图标的高度位置,views(hot_commend .views)这个的高度位置便会承接过来自动在同一行了,如果把“hot_commend .views”的高度也修改了,反而弄巧成拙,这个在我修改的时候,折磨了我很久。
最终,我的主题小缩略图就都变成正方形了。