Page Splash dans Wordpress

Question

Je commence un blog Wordpress qui contiendra un contenu réservé aux adultes. J'aurai donc besoin d'une page de démarrage réservée aux utilisateurs débutants dans Wordpress. Pour la première fois, je peux résoudre le problème avec un cookie (bien que je sache que tout le monde n’a pas activé les cookies)

Ce que je pourrais faire, c'est créer un script qui charge une autre page si aucun cookie n'est présent. Ou bien je pourrais faire en sorte que la page de démarrage devienne ma page d'accueil et, si le cookie est présent, rediriger.

Mais ce n'est pas vraiment ce que je recherche. Je ne veux pas me soucier des pages. Au lieu de cela, je cherche une solution lightbox-y, qui assombrit l'arrière-plan (la page d'accueil) et affiche un panneau avec le choix de rester ou de partir.

Je ne sais pas comment commencer. Je connais bien PHP, Javascript et CSS, je ne demande même pas de code. Je veux juste un point de vue de programmeur Web sur ceci, et un peu d'aide sur la façon de créer la page de démarrage comme je le voudrais. Ou est-ce une idée stupide?

Answer 1

Je voudrais juste créer le CSS pour le tout, le préparer, puis le coller dans l'en-tête avec votre condition. De cette façon, vous savez que tout le monde l’affiche, et vous ne pouvez pas être "pris au dépourvu". si vous êtes lié à.

Mon seul souci serait de m'assurer que l'effet lightbox couvre tout élément graphique, car je suis sûr que vous ne souhaitez pas qu'il soit affiché avant que l'utilisateur n'accepte de le voir.

Answer 2

J'utiliserais une solution lightbox.

exemple:
http://leandrovieira.com/projects/jquery/lightbox/

Ceci inclut des exemples d'utilisation.

Answer 3

Il ne devrait y avoir aucun problème avec la création d'un peu de code JavaScript qui vérifie un cookie et affiche une lightbox si le cookie n'est pas défini. Le JavaScript peut simplement afficher une div avec le panneau avec le choix de rester ou de partir. Et peut-être une autre div pour atténuer l’arrière-plan, mais vous pouvez le faire comme bon vous semble.

Answer 4

J'ai utilisé la solution proposée JQuery ColorBox , mais l'option inline ne fonctionnait pas. : aucun n'a pas été modifié par jQuery, j'ai donc utilisé

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

et cela a fonctionné comme un charme

Answer 5

Utilisez Colorbox et appelez-le onload

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

Je l'utilise pour créer une fenêtre contextuelle au chargement. Il définit un cookie pour expirer tous les 30 jours. Créez un div appelé #inline_content avec tout votre contenu et réglez-le sur display: none;

J'espère que cela vous aidera.

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