WordPress 美化：知更鸟 Begin 主题首页阅读全文按钮美化

2018年7月2日00:15:38 发表评论 347

最近在网上看到很多知更鸟主题的文章列表页的“阅读全文”作了美化处理，效果就是鼠标没有到文章这个区块时，不显示阅读全文位置。当鼠标滑到文章区块时，就会从旁边自动滑出显示阅读全文按钮。在朱曙明博客找到了相关代码，现整理如下：

将以下 css 添加到主题选项--定制风格--自定义样式中即可（或者自行添加到 css 中）。

/*阅读全文特效*/
.post{overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s}
.post:hover{box-shadow:0 0 20px 3px #dfe9f7;border:1px solid #eaeaea;z-index:2;box-shadow:0 0 20px 3px #dfe9f7;border:1px solid #eaeaea;z-index:2;border:1px dashed #39c}
.entry-more a{position:absolute;width:82px;rightright:-80px;webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;opacity:0}
.post:hover .entry-more a{rightright:0;opacity:.7}