Css 限制下载按钮,以便只有登录用户才能查看按钮

Css 限制下载按钮,以便只有登录用户才能查看按钮,css,download,restrict,Css,Download,Restrict,我正在建立一个网站(使用Wordpress、Neve theme和Elementor Pro)为教师提供教学资源,在每个资源的图片下,我想放置一个带有URL链接的下载按钮来下载资源,是否可以使此下载按钮的链接仅可供使用自定义CSS登录的用户访问,或者最简单的方法是什么?在WordPress中,您可能需要使用以下内容: .your-button { display: none; } .logged-in .your-button { display: block; } 请注意,该按钮仅在视觉上

我正在建立一个网站(使用Wordpress、Neve theme和Elementor Pro)为教师提供教学资源,在每个资源的图片下,我想放置一个带有URL链接的下载按钮来下载资源,是否可以使此下载按钮的链接仅可供使用自定义CSS登录的用户访问,或者最简单的方法是什么?

在WordPress中,您可能需要使用以下内容:

.your-button {
display: none;
}

.logged-in .your-button {
display: block;
}

请注意,该按钮仅在视觉上隐藏,仍然可以通过开发工具访问。

如果重要的是,例如学生无法获取资源/答案,则使用CSS或前端的任何东西隐藏下载按钮是不安全的

在后端,您可以在创建按钮的位置添加以下内容:

    if ( is_user_logged_in() ) {
        ... the code outputting the download button and info ...
}
不幸的是,CSS只是一种样式表语言,它的确有一些小逻辑。既然你说你正在使用Wordpress,你就必须使用PHP来完成这个任务。您的任务并不困难,但如果您以前从未接触过编程语言,您可以考虑一些教程。