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

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

一、演示效果

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

二、实现教程

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

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

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

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

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

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

//未登录文章详情页内图片模糊-www.qitabbs.com
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.未登录全站图片模糊

//未登录全站图片模糊-www.qitabbs.com
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优化教程-未登录全站图片模糊/文章图片模糊
WordPress优化教程-未登录全站图片模糊/文章图片模糊

WordPress网站防扒代码/禁止F12调试教程-以7b2主题为例

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

WordPress设置评论时间限制-以7B2主题为例

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

WordPress5.8切换恢复经典编辑器、经典小工具功能

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

最新宝塔面板Nginx编译Brotli高级压缩教程

文末标签和分类,内容丰富!!!

经验·技巧网站建设

WordPress网站7B2主题用户等级勋章美化

2021-12-26 9:41:13

经验·技巧网站建设

WordPress主题美化的相关文件导航

2021-12-27 12:49:11

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