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

    未登錄全站圖片模糊

    相關推薦

    WordPress教程 – 什么是Hook鉤子?

    在指定頁面添加js/css代碼 – WordPress開發

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優惠劵
    搜索
    主站蜘蛛池模板: 国产福利一区二区精品秒拍| 中文字幕亚洲乱码熟女一区二区| 丰满岳妇乱一区二区三区| 亚洲一区二区精品视频| 亚洲视频一区在线观看| 国产自产在线视频一区| 精品视频一区二区三区在线播放| 中文字幕在线不卡一区二区| 国产激情无码一区二区| 日韩精品无码一区二区视频 | 国产成人无码精品一区不卡| 国产熟女一区二区三区四区五区| 成人精品一区二区三区校园激情| 久久精品国产亚洲一区二区| 国产一区二区在线观看麻豆| 国产精品一区视频| 国产精品一区二区久久| 亚洲AV综合色区无码一区| 国产精品无码一区二区三区免费| 久久一区二区三区精华液使用方法| 亚洲熟女www一区二区三区| 精品国产一区二区三区四区| 人妖在线精品一区二区三区| 亚洲一区在线免费观看| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 成人精品一区二区三区中文字幕| 国产一区二区三区露脸| 国产精品区一区二区三| 国产精品成人一区二区三区| 一区免费在线观看| AV天堂午夜精品一区| 中文字幕不卡一区| 久久精品一区二区东京热| 乱色精品无码一区二区国产盗| 精品一区二区三区在线观看视频 | 久久精品中文字幕一区| 中文字幕在线无码一区| 久久99精品国产一区二区三区| 风间由美性色一区二区三区| 亚洲一区综合在线播放| 日本一区二区视频|