Как скрыть запись 18+ в WordPress

Скрыть 18+ материалы

Недавно столкнулся с такой ситуацией: на одном вполне приличном сайте на WordPress занимающемся выставками, нужно было скрыть страничку с пост-релизом эротической выставки. О том каким образом я решил, как скрыть запись 18+ в WordPress на этом сайте, я расскажу в этой статье.

Самый простой способ скрыть запись 18+ в WordPress

Создаём новую запись, переходим в режим HTML редактора и заключаем содержимое всей записи в теги

и присваиваем ему ID к примеру hide как показано ниже:

1
2
3
    <div id="hide" style="display:none;">
        // Здесь находятся материалы которые нужно скрывать.
    </div>

Я для наглядности style=display:none указал прямо в коде, вы можете вынести этот стиль в отдельный файл css.

Теперь создаём соответствующую надпись, которая будет отображаться вместо скрытых материалов до того, как они появятся и присваиваем ей id равное show_post. Эту строку мы пишем до скрывающихся тегов div. Вот что у вас должно получиться:

1
2
3
4
    <p id="show_post">Мне есть 18 лет.</p>
    <div id="hide" style="display:none;">
        // Здесь находятся материалы которые нужно скрывать.
    </div>

Далее подключаем (если ещё не подключена) к нашему шаблону библиотеку JQuery. Делается это следующим образом, в файле header.php вашей темы WordPress, между тегами и вписываем следующий код:

1
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>

Скрипт который поможет скрыть запись 18+ в WordPress

Настало время самого интересного и важного. Сейчас мы напишем небольшой скрипт, который и будет открывать ваши ранее скрытые материалы.

Скрипт можно вынести в отдельный файл или же писать прямо в хедере вашего шаблона следующим образом:

1
2
3
4
5
6
<script type="text/javascript">
$('#show_post').click(function(){// Если кликаем на "Мне есть 18 лет".
	$('#hide').show(); // Показываем скрытый контент.
	$('#show_post').hide();// И прячем надпись "Мне есть 18 лет".
});
</script>

Вот всё и готово.

Обобщая выше написанное, в двух словаха расскажу простым языком как это всё работает. Уже без примеров кода. Мы создаём скрытый div и видимую надпись которая предупреждает наших посетителей о том, что на данной страничке содержится материал который им возможно не желательно просматривать. При нажатии на надпись, она скрывается, а вместо неё появляется ранее скрытый div со всем его содержимым (картинками, видео, текстами и т.д.).

Успехов вам в разработке!

Комментариев к записи: 2

  1. Не работает он у тебя.У меня хром.Смотрел твою страничку ни каких предупреждений

Оставить комментарий


шесть − 4 =