Текст с оформлением в визуальном редакторе
fld-editor="Название поля" Визуальный редактор WordPress в одном поле: заголовки, списки, жирный, ссылки и картинки. Для блока «О нас», истории компании или условий.
Куда ставить
На блок, в котором лежит оформленный текст, обычно <div> (в Webflow — элемент Rich Text). Всё содержимое блока вместе с тегами станет начальным значением поля.
Поле появится в админке, только если у страницы есть имя группы: wp-fields-group на её <body>.
Пример: блок «Наша история»
<div class="story w-richtext" fld-editor="Our story">
<h2>Our story</h2>
<p>We opened in 2019 with one grinder
and a borrowed espresso machine.</p>
</div>We opened in 2019 with one grinder and a borrowed espresso machine.
Now we roast our own beans.
Клиент дописал абзац в редакторе.
Что важно
- Ставьте на
<div>: WordPress сам оборачивает текст в абзацы. - Вид заголовков и абзацев внутри задаёт CSS сайта для этого блока, поэтому оформляйте теги внутри него, а не отдельные классы.
- Для простого текста без оформления клиенту проще fld-area.
Частые ошибки
Журнал сборки — вкладка «Логи» вашего проекта на themeforge.pro; те же замечания показывает бесплатная проверка разметки.
<p class="lead" fld-editor="Intro">Open every day.</p>На абзаце: абзацы редактора оказываются внутри него, и браузер ломает вёрстку. Журнал молчит.
<div class="lead" fld-editor="Intro">Open every day.</div>На <div>.
То же в настройках сайта или у рубрики
fld-editor | у страницы или записи |
|---|---|
opt-editor | в настройках сайта |
tax-editor | у рубрики или метки, например описание рубрики |
Альтернативная запись
f_editor, o_editor, t_editor работает так же: сборка даёт одинаковую тему.