Как в wordpress добавлять или редактировать элементы html?

Question

[Тимур Абдулаев]

Для лучшего понимания, что мне требуется: есть select и в зависимости от выбранного элемента option показывается определенный блок div (берем значение value и меняем div с классом равным значению value). Всё работает хорошо, только теперь нужно реализовать возможность управления через админку wp.
Функционал:
1. Добавлять или удалять option. Прописывать и редактировать атрибут value и текст внутри option.
2. Создавать div с классом="значение value" и текстом внутри.
Я новичок в этом движке и уже долго не могу найти инфу, как это реализовать.
Буду очень признателен даже ссылке на любую инфу.

Answer 1

[Николай Миронов]

Здравствуйте. Подобную можно решить с помощью плагина Advanced Custom Fields. В нем очень легко настроить интерфейс в котором вы бы могли задавать Value Option и Содержание каждого DIVа и привязать это к конкретной странице или шаблону.

1) Устанавливаете плагин Advanced Custom Fields
2) Создаете новую группу полей и привязываете ее к шаблону или конкретной странице
3) Создаете нужные поля. Например вот так:
value_1, option_1, content_1
value_2, option_2, content_2
...
value_n, option_n, content_n

В интерфейсе редактирования страницы это будет выглядеть вот так:


4) В шаблоне страницы меняете статический код на html + вставки php
Было:

<select>
  <option value="moscow">Москва</option>
  <option value="piter">Санкт-Петербург</option>
  <option value="kazan">Казань</option>
</select>
<div class="moscow">Что-то о Москве...</div>
<div class="piter">Что-то о Питере...</div>
<div class="kazan">Что-то о Казани...</div>

Стало:

<select>
  <option value="<?php the_field('value_1'); ?>"><?php the_field('option_1'); ?></option>
  <option value="<?php the_field('value_2'); ?>"><?php the_field('option_2'); ?></option>
  <option value="<?php the_field('value_3'); ?>"><?php the_field('option_3'); ?></option>
</select>
<div class="<?php the_field('value_1'); ?>"><?php the_field('content_1'); ?></div>
<div class="<?php the_field('value_2'); ?>"><?php the_field('content_2'); ?></div>
<div class="<?php the_field('value_3'); ?>"><?php the_field('content_3'); ?></div>

Специально не стал использовать циклы, чтобы изменения в коде были более наглядны. Функция the_field() позволяет вывести в шаблоне значения любого поля, заданного на странице.

Comments

[Тимур Абдулаев]

Спасибо за ответ! Всё очень доходчиво объяснили.
Я немного неточно указал требуемый результат, поэтому разрешите задать вам несколько вопросов)
Вместо простого текста "что-то о Москве...", нужно вывести:

<div class="Moscow">
           <!-- Кол-во музеев (museum) может быть больше 20   -->
            <div class="museum">
                 <div class="museum-name">Государственная Третьяковская галерея</div>
                 <span class="museum-price">800₽</span>
            </div>
            <div class="museum">
                 <div class="museum-name">Музей современного искусства «Гараж»</div>
                 <span class="museum-price">400₽</span>
            </div>
</div>

Я понял логику ручного написания кода и создания полей. Теперь мне нужно привязать группу полей с названиями музеев и ценой входного билета к городу. Используя инструменты Group и Repeater (в цикле), верно мыслю? Пока писал, придумал как всё реализовать. Ток возникает проблемка - Repeater только в версии Pro, знаете ли вы аналоги или другой способ как это реализовать?
Лицензию купить я бы и рад, ток с wp не работаю ( а для этого проекта нецелесообразно).

[Николай Миронов]

Тимур Абдулаев, в данном случае можно обойтись без репитера
1) Создаете новый тип записи museum, там храните Название, цену, описание etc
2) Для каждого города создаете поле типа Записи (Relationship) и выбираете нужные музеи. Там достаточно удобный интерфейс. Через get_field получаете массив
3) В цикле выводите элементы массива

[Тимур Абдулаев]

Не смог сделать аналогичным способ, пришлось выкручиваться.
Если кому-нибудь будет полезно, то вот как решил задачу:
Скачал с github плагин ACF Pro. Установил его в wordpress, он будет работать, но обновляться не сможет. Да так не круто делать, нужно поддерживать автора и т.д. но есть то, что имеем.
Как выглядит код (думаю с городами и музеями сами свяжете):

<?php if( have_rows('imac') ): ?>
              <div class="actual-apple">
                <p>Выберите модель Mac</p>
                <select class="actual-apple__select">

                <?php while( have_rows('imac') ): the_row(); 
                  // переменные
                  $value = get_sub_field('name_value');
                  $option = get_sub_field('name_option');
                ?>
                  <option value="<?php echo $value; ?>" selected="selected"><?php echo $option; ?></option>
                <?php endwhile; ?>

                </select>
              </div>

              <?php while( have_rows('imac') ): the_row(); 
                  // переменные
                  $value = get_sub_field('name_value');
                ?>
                <div class="service-info <?php echo $value; ?>">
                  <?php while( have_rows('service') ): the_row(); 
                    // переменные
                    $nameService = get_sub_field('name_service');
                    $priceService = get_sub_field('price_service');
                  ?>
                    <div class="service-price-container">
                      <div class="service-name"><?php echo $nameService; ?></div>
                      <span class="service-price"><?php echo $priceService; ?>₽</span>
                    </div>
                  <?php endwhile; ?>              
                </div>
              <?php endwhile; ?>

            <?php endif; ?>

Так выглядит для админа.
iPhone - оглавление (можно привести аналогию с регионами)