Página de bienvenida en Wordpress

Question

Estoy iniciando un blog de Wordpress que tendrá contenido para adultos, por lo que necesitaré una página de inicio solo para la primera vez en Wordpress. El problema por primera vez, puedo solucionarlo con una cookie (aunque sé que no todos tienen habilitadas las cookies)

Lo que podría hacer es crear un script que cargue otra página si no hay una cookie. O podría hacer que la página de inicio sea mi página de inicio, y si la cookie está presente, redirija.

Pero eso no es realmente lo que estoy buscando. No quiero molestarme con las páginas. En cambio, estoy buscando una solución lightbox-y, que oscurezca el fondo (la página de inicio) y muestre un panel con la opción de quedarse o irse.

No tengo ni idea de cómo comenzar esto. Estoy familiarizado con PHP, Javascript y CSS, por lo que ni siquiera estoy pidiendo código. Solo quiero la opinión de un programador web sobre esto, y algo de ayuda sobre cómo crear la página de inicio de la manera que me gustaría. ¿O es una idea estúpida?

Answer 1

Simplemente crearía el CSS para él, lo prepararía todo y luego lo pegaría en el encabezado con su condición. De esta manera, usted sabe que Everypage lo mostrará, y no puede "t" atrapado con sus pantalones abajo " si te vinculas a.

Mi única preocupación sería asegurarme de que el efecto lightbox cubra cualquier gráfico, ya que estoy seguro de que no desea que se muestre antes de que el usuario acepte verlo.

Answer 2

Usaría una solución de caja de luz.

por ejemplo,
http://leandrovieira.com/projects/jquery/lightbox/

Esto incluye ejemplos de cómo usarlo.

Answer 3

No debería haber ningún problema con la creación de un poco de código JavaScript que comprueba una cookie y muestra una caja de luz si la cookie no está configurada. El JavaScript puede mostrar simplemente un div con el panel con la opción de quedarse o irse. Y quizás otro div para atenuar el fondo, pero puedes hacerlo de la forma que creas conveniente.

Answer 4

Utilicé la solución propuesta JQuery ColorBox , pero en línea no funcionó, se muestra : Ninguno no fue modificado por jQuery, así que utilicé

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

y funcionó a la perfección

Answer 5

Usa Colorbox y llámalo onload

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

Estoy usando esto para crear una ventana emergente en la carga. Establece una cookie que caduca cada 30 días. Cree un div llamado #inline_content con todo su contenido y configúrelo en display: none;

Espero que esto ayude.

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