我正在创建一个包含成人内容的 Wordpress 博客，因此我需要在 Wordpress 中创建一个仅限首次使用的启动页面。第一次唯一的问题，我可以用一个 cookie 来解决（虽然我知道不是每个人都启用了 cookie）
我可以做的是，创建一个脚本，如果 cookie 不存在，则加载另一个页面。或者我可以让启动页面成为我的主页，如果 cookie 存在，则重定向。
但这并不是我真正想要的。我不想麻烦页面。相反，我正在寻找一个灯箱式解决方案，它会使背景（主页）变暗并显示一个面板，可以选择留下还是离开。
我不知道如何开始。我熟悉 PHP、Javascript 和 CSS，所以我什至不要求代码。我只想要一个网络程序员对此的看法，以及如何按照我想要的方式创建启动页面的一些帮助。或者这是一个愚蠢的想法？
【问题讨论】：
标签： php javascript css wordpress
【讨论】：
我会为其创建 CSS，准备好一切，然后根据您的条件将其粘贴到标题中。这样一来，您就知道每个页面都会显示它，并且如果您被链接到，您就不会“脱裤子”。
我唯一关心的是确保灯箱效果覆盖任何图形，因为我确定您不希望在用户同意看到它之前显示它。
【讨论】：
创建一点 JavaScript 代码来检查 cookie 并在未设置 cookie 时显示灯箱应该没有任何问题。 JavaScript 可以简单地显示一个带有面板的 div，可以选择留下或离开。或许还有一个 div 可以使背景变暗，但你可以用任何你认为合适的方式来做到这一点。
【讨论】：
使用 Colorbox 并将其称为 onload
http://jacklmoore.com/colorbox/example1/
我正在使用它在加载时创建一个弹出窗口。它将 cookie 设置为每 30 天过期一次。创建一个名为 #inline_content 的 div，其中包含所有内容并将其设置为 display: none;
希望这会有所帮助。
<script>
$(document).ready(function() {
if (document.cookie.indexOf('visited=true') === -1) {
var expires = new Date();
expires.setDate(expires.getDate()+30);
document.cookie = "visited=true; expires="+expires.toUTCString();
$.colorbox({inline:true, width:"40%", height:"450px", href:"#inline_content"});
}
});
</script>
【讨论】：
我使用了建议的JQuery ColorBox解决方案，但是内联不起作用，display: none没有被jQuery改变，所以我使用了
$.colorbox({html:"<div id=\"splash-wrapper\"><h1>it works</h1></div>"});
它就像一个魅力
【讨论】：