Page de démarrage dans Wordpress

Question

Je commence un blog Wordpress qui aura un contenu pour adultes, donc je vais avoir besoin d'une première page d'accueil dans Wordpress. Le problème de la première fois, je peux résoudre avec un cookie (bien que je sache que tout le monde n'a pas activé les cookies)

Ce que je pouvais faire est de créer un script qui charge une autre page si un cookie n'est pas présent . Ou je pourrais faire de la page d'accueil ma page d'accueil, et si le cookie est présent, rediriger.

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

Je ne sais pas comment commencer. Je suis familier avec PHP, Javascript et CSS, donc je ne demande même pas de code. Je veux juste un point de vue du programmeur web sur ce sujet, et de l'aide sur la façon de créer la page d'accueil comme je le voudrais. Ou est-ce une idée stupide?

Answer 1

Je voudrais juste créer le CSS pour cela, préparez-vous tous à aller, puis collez-le dans l'en-tête avec votre état. De cette façon, vous savez que tout le monde l'affichera, et vous ne pourrez pas être "pris avec votre pantalon" si vous êtes lié à. Mon seul souci serait de m'assurer que l'effet lightbox couvre tout ce qui est graphique, car je suis sûr que vous ne voulez pas qu'il soit affiché avant que l'utilisateur accepte de le voir.

Answer 2

J'utiliserais une solution lightbox.

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

Ceci inclut des exemples d'utilisation.

Answer 3

Il ne devrait pas y avoir de problèmes 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 un div avec le panneau avec le choix de rester ou de partir. Et peut-être un autre div pour assombrir l'arrière-plan, mais vous pouvez le faire comme bon vous semble.

Answer 4

Utilisez Colorbox et appelez-onload

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

J'utilise cette option pour créer une fenêtre contextuelle de la charge. Il définit un cookie pour expirer tous les 30 jours. Créer un div appelé #inline_content avec tout votre contenu et le mettre à display: none;

Hope this helps.

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

Answer 5

J'utilise la solution proposée JQuery ColorBox, mais en ligne n'a pas fonctionné, display: none n'a pas été modifié par le jQuery, donc j'utilisé

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

et cela a fonctionné comme un charme