xiu 主题修改缩略图到左侧这个功能拟在下次主题更新的时候加上,详见:Xiu 主题更新到 4.0 了,取消加密和域名授权
对于急于想要把缩略图改为左侧的朋友来说,陌小雨先分享一个手动修改的办法:
最终效果如下图:
发布时间去哪了?陌小雨用一个动画来演示:
需修改的 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 图效果的请移步:有偿服务
你可能对这些文章感兴趣:
- WordPress网站利用body_class()实现多种布局
- 博客文章底部的随机语言是怎么实现的?
- WordPress插件推荐:xiu主题开启ajax和全站无刷新音乐的办法
- xiu主题手机端显示侧边栏
- xiu主题的手机端和非手机端广告位后台设置是如何实现的?
- 给xiu主题添加一个浮动小人
- 分享适合xiu主题的多说评论样式
- xiu主题修改社交字符
- xiu主题给评论添加签到按钮
- xiu主题添加vip等级评论样式
- xiu主题文章版权申明优化
- 分享陌小雨博客导航外链跳转样式及xiu主题评论用户名外链修改办法
- xiu主题仿dux主题搜索弹出框,让百度站内搜索和wordpress自带搜索共存。
- 美化xiu主题Blockquote样式
如有疑问,请前往问答中心反馈!
反馈