wordpress图片站未登录的时候全站图片模糊，登陆后清晰如何做？

思路

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

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

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

怎么加载CSS到网站？ – 用wp_head钩子即可。

如何使用

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

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

未登录文章内图片模糊

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

未登录全站图片模糊