有些站长使用WordPress来做图片打赏站,需要在访客未登录的情况下,模糊 WordPress 的全站图片,实现这个功能还是蛮简单的,这里分享下代码和思路。
思路
隐藏图片有很多方法,让图片模糊,看的清而又看不清,从而让图片吸引访客登录。这里我们用CSS的filter属性来实现图片模糊。
这是一串CSS代码,怎么让他在访客未登录的情况下添加到网站中呢?这里我们需要解决两个问题。
怎么判断访客是否登录? – 用 is_user_logged_in() 函数
怎么加载CSS到网站? – 用 wp_head 钩子即可。
如何使用
将以下提供的代码添加到主题根目录下的functions.php的<?php 底部即可。
文件位置:/www/wwwroot/73bk.com/wp-content/themes/zibll/functions.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' );};
未登录全站图片模糊代码
//未登录全站图片模糊
function n_yingcang_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', 'n_yingcang_css' );};
这里以子比主题为例(图片仅做路径参考)
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
© 版权声明
THE END
暂无评论内容