WordPress未登录游客全站文章图片模糊显示

有些站长使用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' );};

这里以子比主题为例(图片仅做路径参考)

WordPress未登录游客全站文章图片模糊显示-长江博客

本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容