как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения

Плагин BBSpoiler на WordPress

BBSpoiler – отличное решение для интеграции спойлера на сайт (что такое спойлер?). Позволяет прятать текст под определённым тегом плагина. Хорошо отображается на любых сайтах WordPress. Ключевым достоинством является простота в использовании.

как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения


Установка и настройка:

После установки плагина иконка bbspoiler появится в визуальном редакторе wordpress.

как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения

При нажатии на кнопку «Спойлер» откроется окно в котором вводится заголовок, текст и выбирается стиль отображения, а также активируется или деактивируется пункт «ссылка свернуть».


Пошаговое добавление спойлера с форматированным текстом:

Первым делом в документе (если с html не дружите, то обязательно в новом документе) создаем текст и форматируем его по желанию, при необходимости добавляем картинки и прочий медиа-контент. После чего нажимаем на таб «текст» для отображения нашего форматированного документа в html.

как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения

Выделяем нужный текст (если документ новый, можно воспользоваться сочетанием клавиш ctrl+A), после чего вырезаем его (ctrl+X) или копируем (ctrl+C) и стираем (del).

как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения

Аналогичным способом возвращаемся в визуальный редактор нажав не «текст», а «визуально».

Нажимаем кнопку «спойлер».

как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения

После открытия окна заполняем «Заголовок», а в поле «Текст» вставляем (ctrl+V) скопированный ранее текст.

как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения

Не забывайте выбрать стиль и убрать ссылку свернуть, если она не нужна. Жмем «ОК» и если всё сделано правильно по обе стороны нашего медиа-контента будет добавлен шорткод:

как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения

Для проверки работы можно нажать «Посмотреть» в левом меню редактирования записи.

как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширениякак сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения


Кстати шорткод можно прописывать и вручную, а также добавлять текст или меди-контент после его начала или перед закрытием как на примере ниже:

как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширениякак сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения


P.s. Скриншот всех имеющихся оформлений спойлера:

как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения


Допиливаем под дизайн:

Если Вас не устраивает дизайн спойлера, его без проблем можно переписать под свои нужды. Для этого переходим в папку с плагином которая находится по адресу www/site.domen/wp-content/plugins/bbspoiler после чего открываем папку «inc» и файл bbspoiler.css :

как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения

Здесь можно отредактировать все используемые в плагине стили. В скриншоте для примера выделены стили, используемые в красном оформлении.


Так же многим вероятно не приглянутся используемые иконки плюса и синуса (развернуть и свернуть спойлер соответственно) – их так же можно заменить. Простейшим способом замены будет просто замещение на аналогично подписанные gif.

как сделать спойлер на сайте для сайта bbspoile bb spoiler html код плагин wordpress улучшение апгрейд спрятать показать текст настройка установка редактирование расширения


 

Плагин BBSpoiler на WordPress
5 (100%) 1 vote

Комментарий “Плагин BBSpoiler на WordPress

Добавить комментарий

Ваш e-mail не будет опубликован.