Заставка в Wordpress

Question

Я начинаю блог Wordpress, на котором будет размещен контент для взрослых, поэтому мне понадобится только первая заставка в Wordpress. Проблема, возникающая только в первый раз, я могу исправить с помощью куки (хотя я знаю, что не у всех включены куки)

Что я мог сделать, так это создать скрипт, который загружает другую страницу, если файл cookie отсутствует. Или я мог бы сделать заставку моей домашней страницей, и если файл cookie присутствует, перенаправить.

Но это не совсем то, что я ищу. Я не хочу возиться со страницами. Вместо этого я ищу решение lightbox-y, которое затемняет фон (домашняя страница) и показывает панель с выбором остаться или уйти.

Я понятия не имею, как это начать. Я знаком с PHP, Javascript и CSS, поэтому я даже не спрашиваю код. Мне просто нужно мнение веб-программиста об этом и некоторая помощь о том, как создать заставку так, как мне бы хотелось. Или это глупая идея?

Answer 1

Я использовал предложенное решение JQuery ColorBox , но встроенное не работало, display: none не было изменено jQuery, поэтому я использовал

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

и это сработало как шарм

Answer 2

Я бы просто создал CSS для него, подготовил все к работе, а затем вставил его в заголовок с вашим состоянием. Таким образом, вы знаете, что на каждой странице будет отображаться это, и вы не можете быть «пойманными с вашими штанами», если вы будете связаны с.

Моя единственная задача - убедиться, что эффект лайтбокса охватывает что-либо графическое, поскольку я уверен, что вы не хотите, чтобы он отображался до того, как пользователь согласится его увидеть.

Answer 3

Не должно быть никаких проблем с созданием небольшого количества кода JavaScript, который проверяет cookie и отображает лайтбокс, если cookie не установлен. JavaScript может просто отображать div с панелью с выбором остаться или уйти. И, возможно, другой div, чтобы затемнить фон, но вы можете сделать это любым удобным для вас способом.

Answer 4

Я бы использовал решение лайтбокса.

, например
http://leandrovieira.com/projects/jquery/lightbox/

Это включает примеры того, как его использовать.

Answer 5

Используйте Colorbox и назовите его onload

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

Я использую это, чтобы создать всплывающее окно при загрузке. Он устанавливает срок действия cookie каждые 30 дней. Создайте div с именем #inline_content со всем вашим содержимым и установите для него значение display: none;

Надеюсь, это поможет.

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