Splash page no Wordpress

Question

Estou começando um blog Wordpress, que terá conteúdo adulto sobre ele, então eu vou precisar de um primeiro-tempo-somente página inicial no Wordpress. O primeiro-tempo único problema, eu posso consertar com um cookie (embora eu esteja ciente de que nem todo mundo tem os cookies ativados)

O que eu poderia fazer é, criar um script que carrega uma outra página se um cookie não está presente. Ou eu poderia fazer a página inicial ser a minha home page, e se o cookie está presente, redirecionamento.

Mas isso não é realmente o que eu estou procurando. Eu não quero problemas com páginas. Em vez eu estou procurando uma solução lightbox-y, que escurece o fundo (o home page) e mostra um painel com a opção de ficar ou sair.

Eu não tenho a menor idéia sobre como iniciar este. Estou familiarizado com PHP, Javascript e CSS, então eu não estou nem pedindo código. Eu só quero vista de um programador web sobre isso, e alguma ajuda sobre como criar o respingo páginas do jeito que eu gostaria que ele. Ou é uma idéia estúpida?

Answer 1

Gostaria apenas criar o CSS para isso, começar tudo pronto para ir, em seguida, colá-la no cabeçalho com sua condição. Desta forma, você sabe que everypage vai exibi-lo, e você pode; t ser "pego com as calças para baixo" se você ficar ligado para

.

A minha única preocupação seria a de se certificar de que o gráfico cobre nada efeito caixa de luz, como eu tenho certeza que você não quer que seja exibido antes que o usuário concorda em vê-lo.

Answer 2

Eu usaria uma solução favoritos.

por exemplo.
http://leandrovieira.com/projects/jquery/lightbox/

Isto inclui exemplos de como usá-lo.

Answer 3

Não deve haver qualquer problema com a criação de um pouco de código JavaScript que verifica um cookie e exibe uma caixa de luz se o cookie não está definido. O JavaScript pode simples exibição de um div com o painel com a escolha de ficar ou sair. E talvez uma outra div para escurecer o fundo, mas você pode fazer isso de qualquer forma você vê o ajuste.

Answer 4

Eu usei o JQuery ColorBox solução proposta, mas em linha não funcionou, display: none não foi alterada pela o jQuery, então eu usei

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

e funcionou como um encanto

Answer 5

Use Colorbox e chamá-lo onload

http://jacklmoore.com/colorbox/example1/

Eu estou usando isso para criar um pop-up em carga. Ele define um cookie para expirar a cada 30 dias. Criar uma div chamada #inline_content com todo o seu conteúdo nele e configurá-lo para display: none;

Espero que isso ajude.

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