「自学哈网」访客未登录全站图片模糊/模糊WordPress的全站图片

也想出现在这里?
联系我们吧
一个朋友提的一个奇怪的要求,需要在访客未登录的情况下,模糊WordPress的全站图片m实现这个功能还是蛮简单的,分享下代码和思路。
隐藏图片有很多方法,让图片模糊,看的清而又看不清,从而让图片吸引访客登录。这里我们用CSS的filter
属性来实现图片模糊。
这是一串CSS代码,怎么让他在访客未登录的情况下添加到网站中呢,这里我们需要解决两个问题,
怎么判断访客是否登录 – 用is_user_logged_in()函数
怎么加载CSS到网站? – 用wp_head钩子即可。
如何使用
将以下提供的代码添加到主题根目录下的functions.php的<?php 底部即可。
以下代码,根据需求,任选其一即可。
未登录文章内图片模糊
//未登录文章详情页内图片模糊
function zixueha_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', 'zixueha_css' );};
//未登录全站图片模糊
function zixueha_css(){
echo '<style>
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', 'zixueha_css' );};
本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」访客未登录全站图片模糊/模糊WordPress的全站图片
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」访客未登录全站图片模糊/模糊WordPress的全站图片

也想出现在这里?
联系我们吧