WordPress如何实现未登录全站图片模糊

释放双眼,带上耳机,听听看~!

今天去逛Muze大佬的站,看见未登录全站图片模糊这篇文章,看着很不错,就顺手搬砖过来了

思路

隐藏图片有很多方法,让图片模糊,看的清而又看不清,从而让图片吸引访客登录。这里我们用CSS的filter属性来实现图片模糊。

这是一串CSS代码,怎么让他在访客未登录的情况下添加到网站中呢,这里我们需要解决两个问题,

怎么判断访客是否登录 - 用is_user_logged_in()函数

怎么加载CSS到网站? - 用wp_head钩子即可。

如何使用

将以下提供的代码添加到主题根目录下的functions.php<?php 底部即可。

以下代码,根据需求,任选其一即可。

未登录文章内图片模糊

    //未登录文章详情页内图片模糊
    function n_yingcang_css(){
      echo '<style>
      .entry-content img {
      -webkit-filter: blur(10px)!important;
        -moz-filter: blur(10px)!important;
        -ms-filter: blur(10px)!important;
        filter: blur(6px)!important;}
        </style>';
    }
    if( !is_user_logged_in()) {add_action( 'wp_head', 'n_yingcang_css' );};

未登录全站图片模糊

隐藏内容,您需要满足以下条件方可查看
End

这个思路也是比较骚的,反正我是没有想到

人已赞赏
WordPress

WordPress是如何添加文章预计阅读时间

2020-10-31 19:28:27

WordPress

WordPress 复制粘贴上传图片

2020-11-13 7:18:23

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索