wordpress实用功能A5资源网同款隐藏下载框支付框需要登录才能查看隐藏的内容

A5资源网2024-11-10 15:02

实用功能隐藏下载框支付框需要登录才能查看隐藏的内容, 个人网站防天朝申查实测有效。

登录前，未登录：

登录后，已登录：

功能说明

该代码段的主要功能是隐藏支付框并为未

登录用户显示一条提示信息，告知他们需要登录才能查看隐藏的内容。具体实现如下：

将以下代码放在主题的functions.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');

适用子比主题别的主题需要修改 pay-box

wordpress实用功能A5资源网同款隐藏下载框支付框需要登录才能查看隐藏的内容A5资源网原文地址 https://a5.org.cn/a5ziyuan/731979.html原创转载请注明出处!

wordpress实用功能A5资源网同款 隐藏下载框 支付框 需要登录才能查看隐藏的内容

wordpress实用功能A5资源网同款隐藏下载框支付框需要登录才能查看隐藏的内容