Splash-Seite in Wordpress

Question

Ich bin ein Wordpress Blog beginnen, die Inhalte für Erwachsene auf sie haben wird, also werde ich ein erstmaliges-only Splash-Seite in Wordpress müssen. Das erstmalige-einziges Problem, ich mit einem Cookie beheben kann (obwohl ich weiß, dass nicht jeder hat Cookies aktiviert)

Was könnte ich tun ist, erstellen Sie ein Skript, das eine andere Seite lädt, wenn ein Cookie nicht vorhanden ist. Oder ich könnte die Splash-Seite mache meine Homepage, und wenn das Cookie vorhanden ist, umleiten.

Aber das ist nicht wirklich das, was ich suche. Ich will nicht mit Seiten Ärger. Statt suche ich nach einer Lightbox-y-Lösung, die den Hintergrund (die Startseite) und zeigt eine Tafel mit der Wahl zu bleiben oder gehen dunkelt.

Ich habe keine Ahnung, wie diese zu starten. Ich bin vertraut mit PHP, Javascript und CSS, so bin ich nicht einmal für den Code zu fragen. Ich möchte nur eine Ansicht des Web-Programmierer auf diese und etwas Hilfe, wie der Splash-Seite, um die Art und Weise erstellen ich es möchte. Oder ist es eine dumme Idee?

Answer 1

Ich würde nur die CSS für sie schaffen, bekommen sie alle bereit zu gehen, dann kleben Sie es in den Header mit Ihrem Zustand. Auf diese Weise wissen Sie, dass every es angezeigt wird, und Sie können; t „mit heruntergelassenen Hosen erwischt“, wenn Sie im Zusammenhang mit bekommen

.

Meine einzige Sorge wäre, um sicherzustellen, dass der Lightbox-Effekt etwas Grafik umfasst, wie ich bin sicher, dass Sie nicht möchten, dass es angezeigt, bevor der Benutzer es zu sehen, stimmt zu.

Answer 2

Ich würde Leuchtkasten Lösung verwenden.

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

Dazu gehören Beispiele dafür, wie es zu benutzen.

Answer 3

Es sollte keine Probleme mit ein wenig JavaScript-Code zu schaffen, die ein Cookie überprüft und zeigt einen Leuchtkasten, wenn das Cookie nicht gesetzt ist. Das JavaScript kann einfache Anzeige ein div mit der Platte mit der Wahl zu bleiben oder zu gehen. Und vielleicht eine andere div den Hintergrund dimmen, aber man kann in jeder Art und Weise tun Sie für richtig halten.

Answer 4

habe ich die vorgeschlagene JQuery ColorBox Lösung, aber Inline funktionierte nicht, wurde display: none nicht geändert durch die jQuery, so habe ich

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

und es wie ein Charme

Answer 5

Mit Colorbox und nennt es onload

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

Ich verwende dies ein Popup auf Last zu erstellen. Es setzt ein Cookie alle 30 Tage ablaufen. Erstellen Sie ein div namens #inline_content mit all Ihre Inhalte darin und stellen Sie ihn auf display: none;

Hope, das hilft.

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