!
也想出现在这里? 联系我们
全球五大数据中心,CYUN提供海外优质服务器,CN2优化线路,为您的业务推进提供强大助力

未登录全站图片模糊 - WordPress教程

在未登录的情况下,这篇WordPress教程教你模糊WordPress全站图片

一个朋友提的一个奇怪的要求,需要在访客未登录的情况下,模糊WordPress的全站图片m实现这个功能还是蛮简单的,分享下代码和思路。

思路

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

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

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

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

如何使用

将以下提供的代码添加到主题根目录下的functions.php<?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' );};

未登录全站图片模糊

隐藏内容,您需要满足以下条件方可查看
End

相关推荐

未登录全站图片模糊 - WordPress教程-Npcink
未登录全站图片模糊 - WordPress教程-Npcink

WordPress教程 - 什么是Hook钩子?

wordpress的插件就是通过各种各样的Hook钩子来实现的,wordpress提供了非常丰富的钩子,你可以通过Hook钩子给主题拓展出各种各样有趣的功能来吸引您的主题用户
未登录全站图片模糊 - WordPress教程-Npcink
未登录全站图片模糊 - WordPress教程-Npcink

在指定页面添加js/css代码 - WordPress开发

一些代码需要添加到一个指定的页面,而不是全局。这时,可以使用一个wp_footer钩子,再结合is_page进行页面判断,将指定代码写到页面底部
WP教程

背景滚动图区块实用 - WordPress教程

2020-10-30 20:28:00

WP教程

怎么用纯代码限制评论间隔时间 - WordPress教程

2020-11-11 0:25:00

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
2 条回复 A文章作者 M管理员
  1. 感谢分享

  2. 感谢分享

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索