飞流 发表于 2025-10-8 21:13:05

子比主题 – 隐藏下载框登录才能查看隐藏内容

这是一款子比主题隐藏下载框、支付框,登录才能查看隐藏内容,并设置登录后才能查看隐藏内容,有效管理网站资源访问权限。

代码部署
将下面的代码放到:/wp-content/themes/zibll/func.php文件里面,没有这个文件自己创建一个,记得加php头,要不然报错,将下面的代码放到里面!
function hide_pay_box_and_show_message_for_guests() {
    // 检查用户是否已登录
    if ( ! is_user_logged_in() ) {
      // 输出样式
      echo '<style>
      .pay-box { display: none !important; }
      .login-message {
            background-color: rgba(240, 240, 240, 0.9);
            border: 1px solid #ddd;
            padding: 10px;
            margin: 10px 0;
            text-align: center;
            color: #333;
            font-size: 28px;
            line-height: 1.5;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      }
      .login-message a {
            color: #0066cc;
            text-decoration: underline;
            font-weight: bold;
      }
      .login-message a:hover {
            color: #004080;
      }
      </style>';

      // 输出脚本
      echo '<script>
      document.addEventListener("DOMContentLoaded", function() {
            var payBoxes = document.querySelectorAll(".pay-box");
            payBoxes.forEach(function(box) {
                var message = document.createElement("div");
                message.className = "login-message";
                message.innerHTML = "[下载资源]已隐藏,请<a href=\'' . esc_url(wp_login_url(get_permalink())) . '\'>登录</a>或<a href=\'' . esc_url(wp_registration_url()) . '\'>注册</a>查看。";
                box.parentNode.insertBefore(message, box);
            });
      });
      </script>';
    }
}
add_action('wp_head', 'hide_pay_box_and_show_message_for_guests');
页: [1]
查看完整版本: 子比主题 – 隐藏下载框登录才能查看隐藏内容