Question

我正在创建一个Wordpress博客，上面会有成人内容，所以我需要在Wordpress中首次使用启动页面。这是第一次出现问题，我可以使用cookie修复（虽然我知道不是每个人都启用了cookie）

我能做的是，创建一个脚本，如果没有cookie，则加载另一个页面。或者我可以将启动页面设置为我的主页，如果存在cookie，则重定向。

但那并不是我想要的。我不想为网页烦恼。相反，我正在寻找一个lightbox-y解决方案，它会使背景（主页）变暗，并显示一个可以选择留下或离开的面板。

我还没知道如何开始这个。我熟悉PHP，Javascript和CSS，所以我甚至都没有要求代码。我只想要一个Web程序员对此的看法，以及如何按照我希望的方式创建splash-page的一些帮助。或者这是一个愚蠢的想法？

Answer 1

我会使用灯箱解决方案。

e.g。
http://leandrovieira.com/projects/jquery/lightbox/

这包括如何使用它的示例。

Answer 2

我只是为它创建CSS，准备就绪，然后根据你的条件将其粘贴到标题中。通过这种方式，您知道每个页面都会显示它，如果您链接到了，就可以“陷入困境”。

我唯一关心的是确保灯箱效果涵盖任何图形，因为我确信在用户同意看之前你不希望它显示出来。

Answer 3

如果没有设置cookie，创建一些检查cookie并显示灯箱的JavaScript代码应该没有任何问题。 JavaScript可以简单地显示一个div，面板可以选择留下或离开。也许还有另一个div来调暗背景，但你可以用你认为合适的任何方式做到这一点。

Answer 4

我使用了提议的JQuery ColorBox解决方案，但是内联不起作用，display: none没有被jQuery更改，所以我使用了

$.colorbox({html:"<div id=\"splash-wrapper\"><h1>it works</h1></div>"});

它就像一个魅力

Answer 5

使用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>

Wordpress中的启动页面

5 个答案: