Плагин WordPress Spoiler Block | Закрываем часть контента

Примечание: Этот текст может содержать некоторые партнерские ссылки, а это значит, что я зарабатываю небольшую комиссию без каких-либо дополнительных затрат с вашей стороны, если вы воспользуетесь этими ссылками. Спасибо за понимание и поддержку.

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

Я уже как-то писал, что с новыми плагинами WordPress сталкиваюсь, когда нужно решить поставленную мне задачу со стороны заказчика уникальной темы WordPress.

Сейчас практически закончил шаблон онлайн-кинотеатра и я могу показать в работе этот замечательный плагин на сайте заказчика.

Перейдите по ссылке — http://chocofilm.com/realisateur/barry-zonnenfeld

Вы увидите страницу с автобиографией режиссера Барри Зоненфельда (его фильмы: «Люди в черном» и много других). Справа от фото режиссера — короткая биография. Часть текста скрыта подсвеченной фразой — «Lire la boigraphie complete» (что-то типа «читать всю биографию», на текст не обращайте внимания, он демонстрационный)

Нажмите на подсвеченную фразу и вы увидите как плавно откроется остальная часть биографии.

Скачать плагин можно в официальном репозитории WordPress — http://wordpress.org/plugins/spoiler-block/

Установка плагина — стандартная.

После его активации в разделе Плагины появится страница настроек. Перейдите. Там всего лишь одно поле для заполнения. Вам надо написать текст, который будет высвечиваться сверху скрытого контента.

spoiler-block-wordpress-plugin

Сохраните изменения.

По умолчанию цвет фона — красный. Если хотите изменить, вам надо через редактор плагинов найти в плагине файл — style.css. Он лежит: spoiler-block/css/.

Менять надо в строке 3 свойство — ‘background’

Я не переводил плагин на русский. Там практически и так все понятно.

Как добавить кнопку и скрыть текст? Очень просто. Перейдите в редактор Записей или Страниц. В визуальном редакторе у вас появилась новая кнопка — буква S на красном фоне:

spoiler-block-wordpress-plugin-button

Сначала вам надо выделить часть текста, который вы хотите закрыть с помощью спойлера, а затем нажмите на эту кнопку.

Советую прочитать еще:  WEN Logo Slider - Слайдер логотипов
Важно! Эта запись может содержать ссылки на плагины, которые к моменту вашего чтения и скачивания могут работать не корректно. Будьте внимательны.

5 Comments

  • Установила плагин «spoiler-block» со страницы администратора, активировала, но в редакторе кнопочка не появилась.
    Что сделать чтобы появилась кнопочка?
    Я еще только начинаю осваивать интернет и совсем не знаю английский.
    Пробовала в html редакторе заключать часть текста в теги

    Скрытый текст
    Скрытый текст

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

    Ответить
    • Автор · Edit

      Плагин работает с использованием скрипта. Возможно, что у вас стоит какой-то другой плагин и они между собой конфликтуют.
      Попробуйте выключить другие плагины и проверить — работает Spoiler-block или нет.

      Ответить
  • Здравствуйте, Олег! Учусь у вас ремеслу веб-мастера давно. Вот и сейчас ищу выход из положения, которое меня не радует. Страница христианина -«Доброе семя» на сайте очень длинная и трудно отследить дату последнего размещения контента на страницу. Попробовал плагин, который вы рекомендуете в статье. Пока не получается. Плагин не работает. Может есть еще путь сделать страницу компактной, чтобы размещать тексты как на главной? Заранее благодарю!

    Ответить
    • Автор · Edit

      Вам нужно попробовать поставить плагин — Next Page.
      Скачать его можно здесь — wordpress.org/plugins/next-page/

      Ответить

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

Ваш email нигде не будет показан. Обязательные поля помечены *