^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 本站wordpress建站教程均通过实践后发布,希望对你有帮助,如果有代码出错,请联系站长解决
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 8年wordpress建站经验,5星服务品质
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人
  • 腾讯云3年2核2G新品轻量限时特惠只需408元

xiu主题修改缩略图到左侧

xiu 主题修改缩略图到左侧这个功能拟在下次主题更新的时候加上,详见:Xiu 主题更新到 4.0 了,取消加密和域名授权

对于急于想要把缩略图改为左侧的朋友来说,陌小雨先分享一个手动修改的办法:

2 核 2G 限时特惠 396 元/3 年    宝塔建站 10850 大礼包

最终效果如下图:

xiu主题修改缩略图到左侧

 

发布时间去哪了?陌小雨用一个动画来演示:

xiu主题修改缩略图到左侧

需修改的 css:

style.css 第 749 行:

.excerpt .focus{position:relative;margin:10px 0px 0 -6px;overflow: hidden;}

style.css 第 767 行:

.excerpt-one .focus{float: left;width: 25.3%;margin-top: 5px;}

style.css 第 770 行:

.excerpt-one .note{margin-left: 25.3%;}

style.css 第 782 行:

.excerpt p{margin-bottom: 0;margin-left:25.3%;}

需增加的 css:

.excerpt-multi .note{margin-left:0;}
.excerpt-multi .text-muted views{margin-left:0;}

细微地方自己再根据需要调整了,实在不会的或者需要上述 gif 图效果的请移步:有偿服务

赠人玫瑰,手有余香。