WordPress未登录全站图片模糊/文章图片模糊教程

释放双眼,带上耳机,听听看~!

隐藏图片有很多方法,让图片模糊,看的清而又看不清,从而让图片吸引访客登录。这里我们用CSS的filter属性来实现WordPress网站未登录全站图片模糊/文章图片模糊。

一、演示效果

%title插图%num

二、实现教程

这是一串CSS代码,怎么让他在访客未登录的情况下添加到网站中呢,这里我们需要解决两个问题,

怎么判断访客是否登录 – 用is_user_logged_in()函数

怎么加载CSS到网站? – 用wp_head钩子即可。

将以下提供的代码添加到主题根目录下的 functions.php的<?php底部即可。

以下代码,根据需求,任选其一即可。

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' );};

给TA充电
共{{data.count}}人
人已充电
技术教程文章聚合源码分享

3.6 万 Star!一个跨平台、快速的轻量级 Web 服务器

2022-1-2 19:53:51

技术教程文章聚合源码分享

分享一个开源免费、功能强大的视频播放器库

2022-2-26 0:12:04

版权免责声明

请使用迅雷软件下载,否则个别下载链接无法打开

1、本网站名称:彽调菂猫博客
2、本站永久网址:https://www.wtdxz.com
3、 本站大部分资源解压密码均为: www.wtdxz.com 如密码有误,请查看此处【解压密码】
4、请勿随意转载/分享/“菜”集本站资源,转载/分享/”菜”集请添加本站链接。
5、本站资源来源于互联网收集/个人购买,如有侵犯到您的权益,请查看【版权声明】
6、本站提供的所有资源均来自互联网搜索,站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业环境,任何人不得擅作它用,否则后果自负!请在下载24小时内删除!为尊重作者版权,请购买原版作品,支持你喜欢的作者,谢谢!
7、本站资源大多存储在云盘,如发现链接失效 请联系我们 我们会第一时间更新。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索