前言

因為很多主題的文章封面再放照片的時候，直向人物照都會被裁掉，特別要選橫向才行，但是很多在香香的照片都是直向的

魔改步驟



  • Butterfly 主題

在主題資料夾 source/css/_custom/custom.styl 中加入以下設定

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// 文章封面圖修改

.imgHover, .article-sort-item-img img, #recent-posts > .recent-post-item .post_cover img.post_bg, #aside-content .aside-list > .aside-list-item .thumbnail > img 
  object-position 50% 8%

// 輪播文章封面圖修改
.blog-slider__item.swiper-slide-active .blog-slider__img img
  object-position 50% 8%

//上一篇下一篇文章封面圖位置
#pagination 
  img
    object-position 50% 30%

//相關文章封面圖位置
.relatedPosts-list img {
    object-position: 50% 8%;
}

//404頁面相關文章封面位置
.aside-list 
  img
    object-position 50% 8%