Спойлер на wordpress или как скрыть текст спойлером. Плагин для вордпресс спойлер
настройки плагина Advanced Spoiler - спойлер для Wordpress
Весьма полезный плагин, который позволяет прятать часть текста под разворачивающийся спойлер. Примеры спойлеров Вы можете наблюдать на любом форуме, куда прячут текст/картинки/видео и, по нажатию кнопки "Развернуть" (или еще с каким названием), спрятанный текст появляется. Именно для подобных вещей был создан Advanced Spoiler, который делает эффект "спойлера" на сайтах WordPress.
Стоит заметить, что Advanced Spoiler - это усовершенствованная версия плагина Ajax Spoiler, которого под старым названием уже больше не будет.
Качаем плагин по ссылке ниже и заливаем на хостинг в папку plugins, либо идем в админку сайта -> Плагины -> Добавить новый плагин -> в поисковую строку пишем Advanced Spoiler и находим. После активации плагина в админке идем Параметры (Настройки) -> Advanced Spoiler.
Версия, которую я рассматриваю, как-то криво стала и перевод получился "албанским": недорусский, недоанглийский. Где наша не пропадала...!Несколько минут - и перевод от меня готов (вроде неплохо и понятно получилось)))). Смотрим скриншот:
Я думаю, что пояснений требует предпоследний пункт, о вкладках. На самом деле все просто - у Вас есть возможность встраивать спойлер в спойлер. В результате получится некая иерархия. Пример с шорткодами показан рядом с этим пунктом.
Последним пунктом идет Импорт настроек из предыдущей версии плагина, которая называлась ранее Ajax Spoiler.
Вставляется спойлер в текст при помощи шорткодов и выглядит так:[spоiler]Ваш текст (картинка)[/spоiler].
Чтобы вместо стандартных "Развернуть" / "Свернуть" выводился необходимый Вам текст в названии спойлера (например: "Полные характеристики телефона N"), нужно в шорткоды добавить следующее:
[spоiler effect="blind" show="Название спойлера" hide="Свернуть"]Ваш текст под спойлером... [/spоiler]
Обращаю Ваше внимание, что спойлер можно вставлять и в визуальном редакторе. Для этого достаточно выделить необходимый текст мышкой и нажать на соответствующую кнопку плагина (крайняя правая) в панели форматирования текста. Здесь Вам предлагается сделать персональные настройки спойлера именно под нужный Вам пост/статью.
Ну вот, вроде и все. Будут вопросы - милости прошу в комментарии или тикеты.
Требуемая версия WP: 2.7 или вышеРассмотренная версия плагина: 2.02Скачать плагин
Привет. Меня зовут Виталик.
Я автор этого блога, а так же Магазина WordPress https://wp-r.ru/ и ридера блогов вебмастеров и SEO-специалистов WMSN.ru
Можешь оставить свой вопрос в комментариях к статье или предложить идею для новой статьи.
mojwp.ru
Спойлер на wordpress или как скрыть текст спойлером • itprepod.ru
Недавно искал спойлер на wordpress, и начал натыкаться как обычно на кучу всяческого хлама, ну никто ведь не говорил что будет просто, так ведь? В общем пока что среди всего увиденного, я выбрал для себя один варианты. Возможно есть куда круче но, но чем проще тем лучше. Хотя в спойлере что я нашел еще и присутствует нормальное кол-во настроек.
Плагин называется — Easy Spoiler, на английском как обычно языке, но особо трудностей в нем никаких нету. Плюс мне как обычно помог браузер который по переводил все на свете) за что я ему безумно благодарен).
Стандартная установка плагина, ничего нового пока что не придумали, да и не надо, лучше проверенное старое)
После установки а после активации плагина, в меню — Параметры, должно появится новая строчка, там найдете все настройки для спойлера.
Что бы добавить спойлер в статью, делаем следующее. А именно окружаем текст который хотите закрыть спойлером, следующим кодом.
[spoiler name=»Интернет Житель»]Тут должна быть ваша реклама[/spoiler]
Оцените статью:
Поделитесь в соцсетях:
itprepod.ru
Спойлер для блога Wordpress | Блог SMM специалиста
Приветствую, дорогие читатели блога! Меня часто посещает мысль скрыть лишний текст в больших статьях. Полагаю, что данная необходимость возникает не только у меня, потому я решил рассказать Вам, как организовать вывод спойлеров в блоге WordPress.
К сожалению, в стандартный пакет возможностей WP спойлеры не входят, поэтому создавать и настраивать их будет ручками.
Что такое спойлер?
Спойлер — это специальный блок, скрывающий лишний текст. При нажатии на него открывается содержимое блока. Выглядит он следующим образом:
Пример спойлера
Здесь находится скрытый текст
Чтобы закрыть содержимое спойлера, необходимо повторно на него нажать. Итак, приступим к реализации данного спойлера на блоге WordPress.
Создание спойлера без плагинов
Я сторонник работы блога без плагинов, поэтому начну с описания реализации спойлеров без плагинов.
1. Для начала скачиваем этот архив с исходниками. Все скрипты, используемые в инструкции, находятся в нем.
2. Загружаем файл sp.js в корневую папку блога на сервере (public_html/)
3. Открываем файл header.php и перед закрывающимся тегом </head> добавляем следующие строки:
*Первая строчка подключает библиотеку jQuery, а вторая указывает на адрес скрипта спойлера.
4. Открываем файл function.php и добавляем следующие строки:
5. Открываем скачанный архив и загружаем plus.gif и minus.gif в папку images шаблона
6. Открываем style.css и добавляем стили нашему спойлеру:
7. Настраиваем внешний вид спойлера под дизайн своего блога
Для вывода спойлера используем шорткод:
[ spoiler name=»Название спойлера»]Скрытый текст спойлера[/spoiler ]
В принципе, это всё! Надеюсь, что у вас не возникло проблем в процессе реализации спойлера. Есть вопросы, спрашивайте в комментариях.
Реализация спойлера с помощью плагина
1. Скачиваем плагин Advanced Spoiler
2. Активируем и открываем страницу плагина
3. Настраиваем плагин, указывая названия определенных функций
Вывод спойлер происходит с помощью следующего шорткода:
[ spoiler name=»‘Название»] Скрытый текст [/spoiler]
Спойлер можно вывести в любом месте шаблона: в постах, комментариях, сайдбаре и других местах.
Вот и всё! Теперь вы знаете, как реализовать возможность вставки спойлера в блоге Wordpess.
P.S. подписывайтеcь на обновления блога и получайте ежедневно информацию о свежих статьях, новых методиках и способах заработка в интернете!!!
Автор: Тимур Рубрика: Уроки Wordpress Метки: Wordpress, вставка, добавить, реализовать, спойлер
Также рекомендую прочитать следующие статьи блога:
smm-life.ru
