RiPlus主题文章图片自动全局实现灯箱效果+灯箱透明度美化-陌源码

RiPlus主题文章图片自动全局实现灯箱效果+灯箱透明度美化-陌源码

陌源码前期分享了RiPlus主题文章图片全局实现灯箱效果小技巧

前期教程

首先打开RiPlus主题根目录找到 functions.php文件

functions.php文件中找到下方代码,最新版本V2.5大约176行

   if (is_singular() && get_post_format() == 'image' && !is_weixin_visit()) {

修改为

if (is_singular() && get_post_format() == '' && !is_weixin_visit()) {

保存,刷新网站缓存即可实现无需后台设置文章图片全局实现灯箱效果

点击文章中图片灯箱效果,然而背景是黑色的,看不到主站界面。

强迫症的我只能折腾啦

复制下方代码添加在主题css或自定义样式中

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #0000008c;
    opacity: 0;
    transition: opacity .15s ease 0s;
}
分享到 :
相关推荐

发表评论

登录... 后才能评论