Перейти до вмісту
themeforge
UA
Почати безплатно
Меню
  1. Головна
  2. Довідник атрибутів
  3. fld-loop
Основне Списки

Список, до якого клієнт сам додає рядки

fld-loop="Назва списку"

Напої, відгуки, команда, запитання й відповіді — усе, де однакові картки йдуть одна за одною. Клієнт додає, видаляє й переставляє рядки, а дизайн кожної картки не змінюється.

Куди ставити

На блок, у якому повторюються картки. Перша картка з полями стає зразком рядка, решта — це рядки, які перенесе «Завантажити дані».

Поля всередині картки позначають як завжди: fld-text для тексту, fld-image для картинки.

Поле з’явиться в адмінці, лише якщо сторінка має назву групи: wp-fields-group на її <body>.

Приклад: меню напоїв

Розмітка menu.html
<div class="cards" fld-loop="Drinks">
  <article class="card">
    <h3 fld-text="Name">Latte</h3>
    <span fld-text="Price">$4.20</span>
  </article>
  <article class="card">
    <h3 fld-text="Name">Cappuccino</h3>
    <span fld-text="Price">$3.90</span>
  </article>
</div>
В адмінці Pages → Menu
Drinks
1
Name Latte
Price $4.20
2
Name Cappuccino
Price $3.90
3
Name Flat white
Price $4.50
Add Row
На сайті після правки
Drinks
Latte $4.20
Cappuccino $3.90
Flat white $4.50

Третій рядок клієнт додав в адмінці, у розмітці його не було.

Що важливо

  • Розмічайте кожну картку, а не лише першу. Картка без атрибутів до адмінки не потрапляє.
  • Назва списку — це його заголовок в адмінці: пишіть її так, щоб клієнт зрозумів.
  • Поля всередині рядка мають різні назви.
  • Якщо в адмінці немає жодного рядка, блок повністю зникає зі сторінки.

Типові помилки

Журнал збирання — вкладка «Логи» вашого проєкту на themeforge.pro; ті самі зауваження показує безплатна перевірка розмітки.

Не так
<div fld-loop="Drinks">
  <div class="deco"></div>
  <article class="card">
    <h3 fld-text="Name">Latte</h3>
  </article>
</div>

Декоративний елемент перед картками: збирання його пропускає, пише про це в журнал, і елемент не виводиться.

Так
<div class="deco"></div>
<div fld-loop="Drinks">
  <article class="card">
    <h3 fld-text="Name">Latte</h3>
  </article>
</div>

Декор — поза списком.

Не так
<section fld-loop="Drinks">
  <div fld-loop="Drinks">…</div>
</section>

Список у списку з тією самою назвою: збирання перейменовує внутрішній на «Drinks 2» і повідомляє про збіг назв.

Так
<section fld-loop="Menu sections">
  <div fld-loop="Drinks">…</div>
</section>

Кожен список має власну назву.

Те саме в налаштуваннях сайту чи для рубрики
fld-loopдля сторінки чи запису, як вище
opt-loopу налаштуваннях сайту: один список для всіх сторінок, наприклад соцмережі
tax-loopдля рубрики чи позначки
Альтернативний запис

f_loop, o_loop, t_loop працює так само: тема збирається однаковою.

Використовується в рецептах

Коли будете готові

Подивіться адмінку WordPress свого сайту ще до оплати.