WP eLDeR Addon документация v1.7.3 Вся документация Купить плагин
Документация › Для разработчиков

CSS для чистки контента

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

Зачем

«Удаление и замена нежелательных тегов из контента» по умолчанию превращает <u>, <big>, <small>, <center> и <tt> в элементы с классами underline, bigger, smaller, text-center, monospace. Если в теме нет стилей для этих классов, подчёркивание, выравнивание по центру и размер текста пропадут.

Без стилей: текст из &lt;u&gt; и &lt;center&gt; потерял оформление
Без стилей: текст из <u> и <center> потерял оформление

Рецепт

✓ проверено в браузере

Куда вставить: Внешний вид→Настроить→Дополнительные стили — или в «Код в <head>», обернув в <style>…</style>.

CSS
.entry-content .underline,
.wp-block-post-content .underline { text-decoration: underline; }
.entry-content .bigger,
.wp-block-post-content .bigger { font-size: larger; }
.entry-content .smaller,
.wp-block-post-content .smaller { font-size: smaller; }
.entry-content .text-center,
.wp-block-post-content .text-center { text-align: center; }
.entry-content .monospace,
.wp-block-post-content .monospace { font-family: ui-monospace, Consolas, monospace; }

Селекторы ограничены текстом записи (.entry-content в классических темах, .wp-block-post-content в блочных), чтобы не задеть одноимённые классы в шапке или плагинах. Если в вашей теме обёртка текста называется иначе — замените класс.

Со стилями: оформление как у исходных тегов
Со стилями: оформление как у исходных тегов
Можно вообще не заменять теги на классы: отредактируйте правила, например <u>|<span style="text-decoration:underline">. Но классы удобнее — оформление меняется в одном месте.