Может быть кто знает, как сделать кнопку в редакторе вордпресс (без разницы, плагином или кодом), которая делала бы разворачивающиеся блоки в которых нахидится текст и графика (всё уже перерыл, не могу найти такого). Раньше стоял один шаблон, в нём были встроен блок кнопок редактора, и там была кнопка "toggle block", при нажатии на которую выпадало окошко, в котором вводишь сам сворачиваемый текст и названии конопочки, при нажатии на которую текст разворачивается. В итоге в самом редакторе получался текст следующего вида
Код HTML:Кнопка разворачивалась на всю ширину записи, что было очень удобно. Из старой темы нашел только стиль к ней:[toggle title="название кнопки"]Информация закрытая в кнопку, которая при нажатии разворачивается в виде обычного текста, и сворачивается обратно при нажатии на эту же кнопку[/toggle]
Код HTML:если к ней конечно..toggle {background:#F6F6F6;margin-bottom: 15px; border: 1px solid #E1E1E1;border-bottom: 1px solid #979797;padding: 5px 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;position: relative;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); } .toggle h3{font-weight: normal;font-size: 18px;padding: 5px 0;margin:0;text-shadow: 0 1px 1px #FFF; cursor:pointer; } h3.toggle-head-close{display:none;} h3.toggle-head-open .tieicon-up, h3.toggle-head-close .tieicon-down{ float:right; margin: -6px;} .toggle-content{padding-top:15px;} .toggle.close .toggle-content , .toggle.close h3.toggle-head-open {display:none;} .toggle.close h3.toggle-head-close {display:block;}
К сожалению, при установке нового шаблона, эти кнопки пропали. А необходимость в ней есть и большая. Буду очень благодарен тому, кто поможет с решением задачи.
Кнопка "toggle block" (свёрнутый, разворачивающийся блок) в редакторе вордпресс. Как сделать?
(Ответов: 4, Просмотров: 2368)
- 24.10.2015 23:48
- 25.10.2015 12:46
По-моему это функционал обычного спойлера?
название кнопки
Информация закрытая в кнопку, которая при нажатии разворачивается в виде обычного текста, и сворачивается обратно при нажатии на эту же кнопку[свернуть]
Или я с утра что-то путаю - 25.10.2015 16:33
Zzzadruga, именно так, только вот где она в вордпресс то?
- 25.10.2015 16:39
garhar, да, в вордпрессе ее не видать. Попробуйте тогда плагин Inline Spoilers, у меня вроде работает с шорткодом
Код:[spoiler title="Expand Me"]Spoiler content[/spoiler]
Спасибо сказали:
garhar(25.10.2015), - 25.10.2015 19:28
Тэги топика:
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
Как сделать "косой" блок div? | Web программирование | 3 | 17.12.2014 14:28 |
Кнопка "Рассказать друзьям" ВК не передает текст и миниатюру | Прочее | 3 | 30.07.2013 17:15 |
Кнопка "Пожаловаться/задать вопрос" для сайта на Joomla | Joomla | 5 | 20.01.2012 17:33 |
Как сделать валидный такой код span hashString="" hashType="" в XHTML | Web программирование | 2 | 20.11.2011 18:21 |