Возможно ли создавать в визуальном редакторе вложенные блоки одного класса?
-
Люблю использовать вложенные блоки div с увеличенным левым margin для демонстрации иерархии.
Заводишь один класс.incBlock { display: inine-block margin-left: 30px; border: solid 1px black; }и применяешь его ко всем div-ам — внешнему, внутреннему, вложенному во внутренний и так далее. Получается довольно наглядно, и сильно напоминает табуляцию в программировании для обозначения блоков.
Так вот в WordPress мне с такой простой задачей никак не удаётся справится, если я пытаюсь делать всё через визуальный редактор.
Редактор — Tiny MCE Advanced. В ней включено использование стилей из editor-style.css, где прописан нужный мне стиль блока .incBlock.
Я выделяю текст, успешно применяю к нему свой блочный стиль, делаю внутри блока перенос на Shift+Enter, ввожу текст нового вложенного блока, пытаюсь применить к нему тот же стиль, но вместо того, чтобы применить его и сделать его вложенным блоком он наоборот «снимает с него» стиль в который он уже обёрнут (он же одноимённый).
В итоге организовать такую вот вложенность блоков через визуальный редактор удаётся только совсем дурацким образом: насоздавать кучу одинаковых нумерованный стилей incBlock1 incBlock2 incBlock3 и так до неизвестности. Каждый вложенный блок приходится оборачивать стилем отличным от родительского. Гемор — согласитесь ведь.Есть ли какой нибудь 4красивый способ организовать описанную мной работу с блоками? Может быть можно как то отключить снятие стиля при применении к тексту того же самого стиля? Думаю это бы решило проблему.
-
На вашем скрине видно, что специфическое форматирование применено к отдельным пунктам списка, но не ко всему списку. Иными словами — рамочки охватывающей все пункты сразу нет.
А не видите 2 списка с разным шрифтом?
Хотите рамочку — пож.
А если хотите рамочку ВОКРУГ списка, то нужно ещё узнать про блочные элементы и отступы. В общем всё это вопросы по CSS.
- Тема «Возможно ли создавать в визуальном редакторе вложенные блоки одного класса?» закрыта для новых ответов.