欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

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

作者 : 自学哈 本文共836个字,预计阅读时间需要3分钟 2022-07-8 共47人阅读
也想出现在这里? 联系我们

一个朋友提的一个奇怪的要求,需要在访客未登录的情况下,模糊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' );};

 

自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」访客未登录全站图片模糊/模糊WordPress的全站图片
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号