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

未登录全站图片模糊

//未登录全站图片模糊
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教程

发表评论