Спойлер — виджет Elementor — Блог о создании сайта, конструкторе сайтов и Elementor
Спойлер, совершенно непонятное слово для обычного человека не связанного с созданием сайтов, дизайном, фильмотекой, общением на форумах или технических специальности. Спойлер это слово которое применяется во многих областях и в некоторых из них поведение очень похоже.
Спойлер на сайте или форуме это например текст с заголовком, при нажатии на который, под ним открывается скрытая информация. Потому иногда так и пишут при общении на форуме «Описание под спойлером» или «Дополнительные изображения в спойлере»
Спойлеры применяют везде, т.е не зависимо от того, какой направленности у вас сайт, будь то простой сайт визитка или крупный бизнес сайт или каталог. В основном в нем скрывается некий текст, который по сути не обязателен к прочтению, а только по необходимости. Например, когда составляем инструкцию, есть моменты когда можно описать стандартные ошибки, но не факт что они возникнут и поэтому мы просто в тексте пишем «Если возникла ошибка ХХХ читаем в спойлере».
И при клике на спойлер, откроется информация о ошибках.
Для решения задачи по скрытию текста в спойлер, в конструкторе сайта существует специальный виджет «Спойлер». Его задача скрыть текст под заголовком. Обычно, спойлер используется как единичный элемент, но в случаи необходимости создать спойлер друг за другом, то в виджете есть такая возможность по умолчанию.
Обратите внимание, что виджет спойлер и виджет аккордион очень похожи, но существуют главные отличия. Спойлер всегда закрыт, а при открытие другого элемента с предыдущим ничего не случится, т.е он не закроется. Так же немного отличается стилевое оформление.
На изображении выше показан вид спойлера по умолчанию, с вручную открытым элементом. Это спойлер из двух элементов, хотя в основном используют как один элемент. С помощью настроек можно изменить html тег заголовка, а так же изменить иконку для открытого и закрытого состояния. А на вкладке стили, можно поменять стили для всех визуальных элементов дизайна виджета.
Содержимое
— Спойлера
- Элементы спойлера — элементы настроек в которых можно ввести текст для заголовка, а так же основное описание, т.е то что скрывается под спойлером.
- HTML-тег заголовка — тег для html тега заголовка спойлера.
- Иконка — иконка спойлера по умолчанию, т.е в свернутом состоянии.
- Иконка активного — иконка спойлера при открытом состоянии.
Стиль
— Спойлер
Доступные стили: Толщина и цвет границы, растояние между спойлерами в одном виджете и тень для каждого спойлера.
— Заголовок
Цвет и фон заголовка, активный цвет текста заголовка, типографика и внутренние отступы. Все перечисленные свойства доступны для заголовка.
— Иконка
Для иконки доступны свойства положения иконки, цвет иконки, цвет иконки в активном состоянии, а так же отступ текста от иконки.
— Содержимое
Фон, цвет текста, типографика и внутренние отступы. Т.е стандартные стили для данного вида стилевых настроек.
Список всех виджетов Elementor вы можете посмотреть на странице Виджеты
спойлер для WordPress в стиле rutracker.org.
Flector 5BBSpoiler представляет собой практически точную копию популярного скрипта спойлера, используемого на rutracker.org и многих других сайтах форумного типа. Конечно, WordPress это не форум, но и на нем иногда бывает полезно использовать спойлеры для того, чтобы скрыть объемные части текста или блоки картинок. Удивительно, но такой довольно-таки простенький и неказистый на вид спойлер пользуется повышенной популярностью среди пользователей. Впрочем, так зачастую и бывает, что чем проще – тем лучше.
Скачиваем плагин по ссылке в конце страницы и устанавливаем его:
1 Распаковываем архив.
2 Копируем папку bbspoiler в /wp-content/plugins/.
3 Заходим в админку блога на вкладку «Плагины» и активируем плагин.
Отдельных настроек в плагине нет. При своей активации плагин создаст кнопку «Спойлер» в визуальном редакторе:
При клике на нее откроется диалоговое окно создания спойлера:
В результате вы получите вот такой спойлер:
Спойлер можно вставить и без кнопки «Спойлер«, для этого используйте следующий шорткод:
[spoiler title='Заголовок спойлера' collapse_link='true'] Текст спойлера [/spoiler] |
Тут всего две управляющие команды: title задает заголовок спойлера, а collapse_link говорит выводить или нет ссылку «свернуть» в правом нижнем углу спойлера (она будет выведена при значении «true» — любое другое значение удалит вывод этой ссылки).
На сайте rutracker.org этот спойлер идеально вписывается в дизайн форума. Для WordPress сайта спойлер может показаться слишком темным – из-за того, что фон на сайте, как правило, белый.
Стили плагина можно поправить в файле плагина «inc\bbspoiler.css«. Но лучше будет скопировать содержимое этого файла в файл стилей вашей темы styles.css
В стилях спойлера не задан ни шрифт, ни его размер. Стиль шрифтов наследуется из вашей темы. Поэтому, в какой-нибудь теме вроде Twenty Twelve спойлер может выводиться с увеличенным размером шрифтов:
Я специально не стал задавать в стилях спойлера используемые шрифты. Все-таки, стиль спойлера должен совпадать со стилем текста статьи, в которой он выводится. При желании вы легко можете это поправить. Но не рекомендую это делать – спойлер не должен выглядеть на странице инородным элементом.
Спойлер можно использовать для чего угодно. На том же rutracker.org его используют, чтобы прятать скриншоты:
Из-за ограничений WordPress плагин не поддерживает напрямую спойлеры в спойлерах. Но я реализовал простенький обходной путь, позволяющий выводить дочерние спойлеры в родительском (но не дальше 2 уровня). Используйте следующую конструкцию шорткода:
[spoiler title='Родительский спойлер'] [spoiler2 title='Дочерний спойлер 1']текст[/spoiler2] [spoiler2 title='Дочерний спойлер 2']текст[/spoiler2] [spoiler2 title='Дочерний спойлер 3']текст дочернего спойлера[/spoiler2] [/spoiler] |
В результате получите:
Выводить дочерние спойлеры нужно далеко не всем пользователям, но все-таки такую возможность я предусмотрел. Просто на всякий случай.
Как и многим другим, мне тоже нравится спойлер в стиле rutracker.org. Клоны этого спойлера были написаны под все популярные форумные (и не только) движки и даже странно, что никто не позаботился о том, чтобы сделать клон этого спойлера под такой популярный движок как WordPress.
BBSpoiler
Автор плагина: Flector
Рассматриваемая версия: 1.00 от 21.08.2014
Текущая версия: 2.01 от 30.10.2022
Совместимость с версией WordPress: 3.9 и выше
Активных установок плагина: 6 000+
Скачать плагин версии 2.01 (всего скачено 41 417 раз)
Прокладка водопровод методом гнб от компании с 10-летним опытом. pskvector.com | Китайские фронтальные погрузчики Lonking (Лонкинг) на novokuznetsk.doravtosnab.ru. novokuznetsk.doravtosnab.ru |
обзоров фильмов без спойлеров – Mainstream404
фильмов, Pixar Marathon, Pixar Movies, обзоры фильмов со спойлерами, обзоры фильмов без спойлеров
Кэмерон Дэвис
Мы сделали это, ребята, конец эпохи, конец эпохи, когда Pixar всегда была хороша.
Что мы должны ожидать тоже после этого? Тачки 2, Храбрый, Хороший динозавр. Дерьмо. Хорошо, мне просто нужно взглянуть на положительные моменты, я могу поговорить о «Истории игрушек 3», которая после повторного просмотра может стать моим любимым фильмом «История игрушек». В «Истории игрушек 3» есть все, что мне нужно от фильма. Это… продолжить чтение Обзор «Истории игрушек 3»: Pixar Marathon
Movies, Pixar Marathon, Pixar Movies, Обзоры фильмов со спойлерами, Обзоры фильмов без спойлеровОставить комментарий
Кэмерон Дэвис
В Интернете происходит странный цикл, когда люди начинают что-то ненавидеть спустя годы. Круто, если они вернулись к чему-то и поняли, что это не выдерживает, но этот странный интернет-ритуал не из этого. Моя теория состоит в том, что это смесь того, что их раздражает то, что они видят это повсюду, и они смущаются из-за того, насколько они одержимы… продолжить чтение Обзор вверх: Pixar Marathon
Movies, Pixar Marathon, Pixar Shorts, Обзоры фильмов со спойлерами, Обзоры фильмов без спойлеровОставить комментарий
Кэмерон Дэвис
В средствах массовой информации всегда интересно увидеть другой взгляд на события, «Атака Джека-Джек» дала нам другой взгляд на события «Суперсемейки», а BURN-E сделал то же самое для ВАЛЛ-И. Хотя мне нравится видеть другую перспективу, она может легко провалиться, но без нее очень сложно дать нам новый взгляд на события… продолжить чтение Обзор BURN-E: Pixar Marathon
Movies, Pixar Marathon, Pixar Movies, Обзоры фильмов со спойлерами, Обзоры фильмов без спойлеровОставить комментарий
Кэмерон Дэвис
Помните, на прошлой неделе я сказал, что «Рататуй» — мой любимый фильм Pixar? Ну оказывается я ошибся. Могу с уверенностью сказать, что ВАЛЛ-И мне немного больше нравится, чем Рататуй. Я думаю, что «Рататуй» технически немного лучше, но «ВАЛЛ-И» содержит практически все, от чего я не могу насытиться при просмотре… Продолжить чтение Обзор «ВАЛЛ-И»: Pixar Marathon
Movies, Pixar Marathon, Pixar Movies, Обзоры фильмов со спойлерами, Обзоры фильмов без спойлеровОставить комментарий
Кэмерон Дэвис
Забавно, как фильм об отношениях между художником и критиком стал самым популярным фильмом Pixar. «Рататуй» только что поговорил со многими людьми, включая меня, это шедевр насквозь, и, черт возьми, мне есть что о нем сказать. Как и многие фильмы Pixar, я нашел его… продолжить чтение Обзор Рататуя: Pixar Marathon
Фильмы, Обзоры фильмов без спойлеровОставить комментарий
Кэмерон Дэвис
Я пошел на этот фильм, ожидая, что он будет похож на просмотр сохнущей краски, мне не понравилась оригинальная версия «Лиги справедливости», и даже некоторые из лучших фильмов всех времен, такие как «Список Шиндлера», трудно высидеть из-за их длины. , так что четырехчасовая версия фильма, который мне уже показался скучным, звучала чертовски.
Disney Marathon, Фильмы, Эра возрождения, Обзоры фильмов со спойлерами, Обзоры фильмов без спойлеровОставить комментарий
Кэмерон Дэвис
Когда я собирался пересматривать каждую классику Диснея около полугода назад (думаю, это было так давно, пандемия заставила каждый день смешиваться друг с другом, это могло быть два года назад, насколько я знаю), я знал, что моя миссия никогда не будет выполнена. Каждый год мы получали еще пару классических фильмов Диснея, и мне приходилось возвращаться… Продолжить чтение Рая и последний обзор дракона
Фильмы, Pixar Marathon, Pixar Shorts, Обзоры фильмов без спойлеров, ТелевидениеОставить комментарий
Кэмерон Дэвис
Что я собираюсь сделать, так это просмотреть эпизоды один за другим, рассказать о них и дать им оценку. Они будут без спойлеров, но я опишу предпосылку, а когда что-то длится минуту, сама посылка — это половина удовольствия от просмотра. Это также короткометражки продолжительностью в одну минуту, так что не ожидайте моего обычного невероятного… продолжить чтение Pixar Popcorn Season 1 Review
Movies, Pixar Marathon, Pixar Movies, Обзоры фильмов со спойлерами, Обзоры фильмов без спойлеров2 Комментарии
Кэмерон Дэвис
Я был очень взволнован Soul, не только Pixar, который меня взволновал, несмотря ни на что, но он был сделан Питом Доктором, который, по моему мнению, является наиболее последовательно великим режиссером Pixar, он написал и снял Monsters, Inc., «Вверх» и «Головоломка» он единственный режиссер Pixar, который не сделал ничего посредственного (кроме… продолжить чтение Soul Review
Christmas Movie Marathon, Фильмы, Обзоры фильмов со спойлерами, Обзоры фильмов без спойлеровОставить комментарий
Кэмерон Дэвис
Ничего из того, что когда-либо делала Illumination, меня не впечатляло. Гадкий я был в порядке, но только 6/10 в порядке, я даже не собираюсь смотреть его снова, если, не дай Бог, я в какой-то момент участвую в марафоне Illumination. С учетом сказанного, я все же пошел на этот фильм с непредубежденностью, и это то, что вы должны сделать, если… продолжить чтение The Grinch Review: Christmas Movie Marathon
Обзор видеоигр со спойлерами – Mainstream404
100% Обзоры, Обзор видеоигр со спойлерами, Обзоры видеоигр без спойлеров, Обзоры видеоигр, ВидеоигрыОставить комментарий
Кэмерон Дэвис
Я думал, что знал, что получаю, когда впервые загрузил «Мальчик с репы совершает уклонение от уплаты налогов». неохотно рекомендую игру. Вместо этого я получил одну из самых забавных игр, в которые я когда-либо играл, в которой было достаточно интересных идей… продолжить чтение «Мальчик-репка совершает обзор уклонения от уплаты налогов»
Краткие обзоры, Спойлер Обзор видеоигр, Обзоры видеоигр, ВидеоигрыОставить комментарий
Кэмерон Дэвис
Кажется, никому не нравится Travis Strikes Again: No More Heroes. Критически это получило смешанный или отрицательный отклик, и я не видел, чтобы кто-нибудь обсуждал это в Интернете. Он вышел, фанаты No More Heroes поиграли в него и все вместе сказали «нам все равно», и с тех пор никто об этом не упоминал. Из-за этого вы, вероятно, удивитесь, услышав… продолжить чтение Travis Strikes Again: No More Heroes Review
Краткие обзоры, Спойлер Обзор видеоигр, Обзоры видеоигр, ВидеоигрыОставить комментарий
Кэмерон Дэвис
SUDA51 никогда не собирался делать продолжение No More Heroes. Только когда он увидел, насколько она успешна, он решил сделать No More Heroes 2: Desperate Struggle. Это редко бывает хорошим признаком, игры, которые создаются не потому, что у кого-то была отличная идея, а потому, что кто-то хотел немного сладких денег… Читать далее No More Heroes 2: Desperate Struggle Review
Краткие обзоры, Спойлер Обзор видеоигр, Обзоры видеоигр, ВидеоигрыОставить комментарий
Кэмерон Дэвис
Вы когда-нибудь играли в игру, которая, как вы знаете, не очень хороша, но вы не можете не любить ее? Это я с No More Heroes. На днях я говорил об игре с другом и изо всех сил пытался сформулировать, почему она мне нравится. В этой игре гораздо больше элементов, которые я ненавижу, чем хотелось бы, но я закончил ее, получив больше позитива… продолжить чтение No More Heroes Review
Spoiler Video Game Review, Обзоры видеоигр без спойлеров, Обзоры видеоигр, ВидеоигрыОставить комментарий
Кэмерон Дэвис
Никаких спойлеров, пока я не скажу обратное. Симулятор ходьбы всегда был одним из моих любимых жанров видеоигр. Их часто высмеивают, а некоторые даже не считают видеоиграми. Но нравится вам это или нет, но это видеоигры, и, на мой взгляд, этот жанр включает в себя одни из лучших когда-либо созданных видеоигр.
Удалив большинство… Продолжить чтение Прежде чем я забуду Обзор
Spoiler Video Game Review, Обзоры видеоигр без спойлеров, Обзоры видеоигр, ВидеоигрыОставить комментарий
Кэмерон Дэвис
Почему никто не сказал мне, что транзистор так хорош? Насколько я мог судить, людям нравился Transistor, но они не считали его столь же хорошим, как другие игры от Supergiant. Итак, я играл в Transistor, ожидая достаточно хорошего времени, но сразу после этого забывая об игре. Это не могло быть дальше от… продолжить чтение Transistor Review
Spoiler Video Game Review, Обзоры видеоигр без спойлеров, Обзоры видеоигр, Обсуждение видеоигр, ВидеоигрыОставить комментарий
Кэмерон Дэвис
After Hades Я жаждал большего, я не мог вернуться к посредственному повествованию в видеоиграх, мне нужны были интересные миры, интересные персонажи, интересное повествование, рассказанное интересным способом, и мне нужно было больше сексуального голоса Логана Каннингема.
Итак, я вернулся в 2011 год, когда Supergiant Games… Читать дальше Bastion Review
Spoiler Video Game Review, Обзоры видеоигр без спойлеров, Обзоры видеоигр, Обсуждение видеоигр, ВидеоигрыОставить комментарий
Кэмерон Дэвис
Не так много игр, которые могут заявить, что они вышли за пределы своего жанра, игр, которые могут понравиться даже людям, которые не интересуются играми такого типа. Hades — одна из таких игр. Аид настолько хорош, что им наслаждаются даже те, кто не любит рогалики/рогалики. Я не против roguelike / rogue-lites, я сыграл свою добрую долю… продолжить чтение Hades Review
Обзор видеоигр со спойлерами, Обзоры видеоигр без спойлеров, Обзоры видеоигр, Видеоигры1 Комментарий