Заставка в Wordpress

StackOverflow https://stackoverflow.com/questions/233283

  •  04-07-2019
  •  | 
  •  

Вопрос

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

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

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

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

Это было полезно?

Решение

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

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

Другие советы

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

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

Сюда входят примеры того, как его использовать.

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

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

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

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

Используйте Colorbox и вызывайте его при загрузке

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>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top