Текст із форматуванням у візуальному редакторі
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 працює так само: тема збирається однаковою.