Как скрыть комментарии под спойлер?

Сразу стоит ответить на два вопроса: что такое спойлер и зачем прятать комментарии? Спойлер (Spoiler англ. - "помеха" ) в нашем случае - это элемент сайта, который скрывает (помеха) что-то под собой. Часто под спойлер прячут информацию, которую не нужно видеть всем, а только по желанию или после регистрации. Или прячут дополнительный материал, очень большой, чтобы статья не становилась ОГРОМНОЙ портянкой. Кому нужно нажмет на спойлер и прочитает.

В WordPress можно установить плагин Advanced Spoiler, который хорошо справляется с таким скрытием. Пример того, как он работает, можно посмотреть на этом сайте.

как скрыть комментарии

Но для второй цели этот плагин не подходит и самое время сказать о том, зачем скрывать комментарии. Да и устарел плагин, не обновляется два года, хотя работает как часы.

Все дело в том, что обилие комментариев загромождают страницу и мешают посетителю увидеть рекламу после статьи. По идее должно быть так: человек закончил читать статью и уперся в рекламу - ему ничего не остается, как по ней кликнуть. Так учат ГУРУ по созданию MFA сайтов.

Я давно хотел проверить эту теорию, но технического осуществления ее не знал. И вот сегодня мне как раз попалось на глаза интересное решение. Как это осуществить?

Как скрыть комментарии?

Для начала откройте файл single.php  и найдите там в конце примерно такую строку:

<?php comments_template(); ?>

Эта часть кода отвечает за вывод комментариев. Теперь нам нужно поместить этот код внутрь другого кода, вот так:

<p><div class="spoiler_style" onClick="open_close('spoiler1')"><div align="center"> <marquee><span style="font-size:26px; color: #EC7400">
<?php comments_number('Увы, пока нет комментариев', 'Один комментарий уже есть', '% комментариев уже оставлено' );?> - оставьте свой</span> </marquee></div> </a> </div> 
<div id="spoiler1" style="display:none; background:#ffffff"></p>
<?php comments_template(); ?>
</div>

Если хотите, что можете вместо текста вставить изображения, как я делал раньше на своем сайте про линукс:

<img src="">https://prostolinux.ru/foto/img/2015-01/08/0qj5r0xeukspfgajpg79t1cnu.jpg"></a>
<a href='https://prostolinux.ru/vse-stati-sayta/'><img src="">https://prostolinux.ru/foto/img/2015-01/08/9qrvuhn7u37pcve38i8i5o9sz.jpg"></a>

Первое фото является элементом, которое раскрывает спойлер, у меня это вот такая картинка:

Пока так простенько, но если все будет как задумано, то надпись можно и украсить. Вторая картинка появляется внизу при раскрытии спойлера,  и я решил поставить такую картинку, с соответствующей ссылкой:

Человек прочитал комментарии и уперся в этот пункт - может что ещё прочитает на сайте.

Чтобы все это работало, нужно добавить в footer.php такой скрипт:

<script type="text/javascript">
 function open_close(id_spol) {
 var obj = "";
 if (document.getElementById) obj = document.getElementById(id_spol).style;
 else if (document.all) obj = document.all[id_spol];
 else if (document.layers) obj = document.layers[id_spol];
 else return 1;
 if (obj.display == "") obj.display = "none";
 else if (obj.display != "none") obj.display = "none";
 else obj.display = "block";
 }
 </script>

После этого все должно работать как нужно. Комментарии при этом будут нормально индексироваться, на их отправку код не влияет, проверил.

Вообще была идея вынести комментарии на отдельную страницу, но как это осуществить я пока не знаю. Но даже это решение имеет место под солнцем. А вы что думаете?


VK
OK
MR
GP

Опубликовано © Просто Linux | Всё про Линукс, Android и Windows.

Меню в группе ВКонтакте | Спойлеры

Комментарии к фотографиям пользователей 11.12.2015

[В ТОЧКУ] убрать из друзей скромный обзор


3 комментария

Понравилась ИГРА? Возьми КОД, поставь себе на сайт и улучши поведенческие факторы!


СОВЕТ ДНЯ: Если вы хотите вернуть часть стоимости при покупке в интернет магазине, обязательно воспользуйтесь одним из сервисов кэшбэка:

1. EPN — самый надежный кэшбэк (Aliexpress, OZON, ASOS и BANGGOOD)

2. Алибонус — самый щедрый кэшбэк на Алиэкспресс, возвращают 10%

3. LetyShop — самое большое количество магазинов — 842 магазина!

Что такое кэшбэк читайте в ЭТОЙ СТАТЬЕ…

Самый лучший хостинг!

лучший хостинг

НАЙТИ НА САЙТЕ

КОМАНДЫ LINUX

РЕПОЗИТОРИИ LINUX

ОБЛАЧНЫЕ СЕРВИСЫ

КОМПЬЮТЕРНЫЕ ТОВАРЫ

КАК ЗАРАБОТАТЬ В СЕТИ?

ВСЕ СТАТЬИ САЙТА

© Все права сохраняются. Копировать материалы без разрешения автора ЗАПРЕЩАЕТСЯ!