Как реализовать перестановку секций лендинга на WordPress?

Question

[kewosa256]

Переношу верстку сайта на WordPress. Создал страницу настроек для темы и т.д. И вот думаю как сделать интерфейс для того чтобы клиент мог менять секции сайта местами, чтобы не лазить в код. Думал может на отдельной странице настроек через селекты как-то сделать, а потом в шаблоне сравнивать.
Подскажите идею как это делается, желательно без плагинов типа елементора и т.д.

Comments

[Дмитрий]

без плагинов можно через Гутенберг - задолбаешься, если не умеешь
лучше поставь ACF Pro, там через flexible поля это очень легко сделать

если не подходит Гутенберг, но есть огромное желание реализовать такое прям вот совсем без плагинов - пиши свой велосипед по типу ACF Pro

[Антон Литвиненко]

если используется acf pro, то это делается либо через флексибл контент либо блоками для гутенберга

[kewosa256]

Дмитрий, а можно в шаблоне страницы получить последовательность её блоков gutenberg?

[Дмитрий]

kewosa256, да, но зачем?

[kewosa256]

Дмитрий, ну мне думается так - С помощью гутенберга сделать на странице структурную разметку(последовательность секций на сайте, сверху вниз), а потом на основе этого в шаблоне вызывать соответственный template-part секции.

[Дмитрий]

kewosa256, возьмите лучше acf
про гутенберг вы что-то не то думаете

[Антон Литвиненко]

kewosa256,
https://www.advancedcustomfields.com/resources/blocks/
блоки гутенберг на базе acf pro. Конечно самый топчик это напедалить секции на апи чистого гутенберга, но там чуток сложнее будет.
Вот может чемто поможет
https://qna.habr.com/q/940745

Answer 1

[Михаил Костиков]

1. Сделать все секции через блоки gutenberg. У них есть возможность визуально менять местами, удалять, добавлять в нужное место.
2. Можно через стили. Например так: на странице настроек добавить поле order и его добавлять каждому блоку в style="order: 2; "
а родительскому

.box {
          display: flex;
          flex-direction: row;
      }