78模板网分享cms建站教程,提供网站模板、网站插件、办公模板等模板教程免费学习,找模板教程就上78模板网!

WordPress如何实现未登录用户只能看到模糊图片,登录后正常浏览

让WordPress未登录用户只能看到模糊图片,登录后正常浏览

适用于绝大多数的图片站点。可以自行调解相关参数来调解模糊度。

源码.jpg WordPress如何实现未登录用户只能看到模糊图片,登录后正常浏览  WordPress如何实现未登录用户只能看到模糊图片 登录后正常浏览 第1张

演示效果:

实现方法:

此方法是通过CSS来进行调节,并不会修改图片源文件。

1.未登录文章内图片模糊方法

//未登录文章详情页内图片模糊
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' );};

2.未登录全站图片模糊方法

//未登录全站图片模糊
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' );};

这两个代码根据需要选择添加即可。放在主题/子主题的function.php文件中

本文链接:http://78moban.cn/post/12056.html

版权声明:站内所有文章皆来自网络转载,只供模板演示使用,并无任何其它意义!

联系技术
文章删除 友链合作 技术交流群
1050177837
公众号
公众号
公众号
返回顶部