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

Недавно столкнулся с такой ситуацией: на одном вполне приличном сайте на 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 со всем его содержимым (картинками, видео, текстами и т.д.).
Успехов вам в разработке!

Категория: Статьи WordPress

« Как установить тему WordPress