begin主题的“最新文章”“本站推荐”缩略图改为正方形

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”的高度也修改了,反而弄巧成拙,这个在我修改的时候,折磨了我很久。

最终,我的主题小缩略图就都变成正方形了。

Town Way

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: