Как разрабатывать продукт и отдавать клиенту так, чтобы он мог потом пользоваться с минимальным применением html?

Question

[Роман Говоров]

Работаю фрилансером, делаю проекты на WordPress.
Все время пишу страницы и новости в редакторе кода, а не в визуальном редакторе. После сдачи проекта клиенту, он видит в редакторе страниц следующее:


Конечно же у него возникает вопрос, а как мне собственно с этим теперь работать? Учить программирование?

После включения визуального редактора, он (Виз.редактор) ломает всю версту и логику сайта, вставляя свои теги и т.д.

Пытался работать с новым визуальным редактором Gutenberg, но там сложно интегрировать Bootstrap 4 и создавать свои блоки..
Трудности добавить банальный кастомный блок:

<section>
    <div class="container">                                                   <!--Это уже новый блок Gutenberg-->
         <p>Абаз, Картинка или любой блок Gutenberg</p><!--Это уже новый блок Gutenberg-->
    </div>
</section>

Просто из-за нехватки знаний JS, совершаю ошибки и не понимаю как дальше с Gutenberg рабоатать, так как надо будет создавать еще колонки и все в таком духе..

Посоветуйте как быть? Как разрабатывать продукт и отдавать клиенту так, чтобы он мог потом пользоваться с минимальным применением html, просто перетаскивая, редактирую нужные элементы на странице (в редакторе страниц)?

Comments

[Дмитрий]

вставлять верстку в поле редактора кода - так делать нельзя. Вообще можно (кто вам что в инете запретит?), но вы сами написали, какие потом проблемы
ACF + Classic Editor

[Денис Янчевский]

Дополню Дмитрий. Если купить PRO-версию, то Classic Editor не обязательно — ACF PRO умеет в Gutenberg.

[Дмитрий]

Денис Янчевский, пока не получилось повторить такой же функционал как у Classic Editor + ACF в связке блоки Gutenberg + ACF.

Основные причины:
1 редакторы не понимают, как работать с новым редактором. UI в новом сложнее
плюс новый редактор дает большую свободу -> больше простор для ошибок
2 затратно переводить старые сайты на новый редактор
в основном использую Content Flexible блоки с кастомной админкой, навешанными своими скриптами, логикой отображения и тп. Перенести такое на новый редактор совсем не быстро

[Денис Янчевский]

Дмитрий,
1. Отключаю ненужные стандартные блоки и ненужные настройки, чтобы меньше отвлекало всякого и добавляю специфические для сайта блоки. Говорят нагляднее стало + проще контролировать что вводит пользователь: накидал ему полей в блок, а шаблон уже можно крутить как хочешь.
2. Не сталкивался с такой задачей. Новые сайты живут своей жизнью, а старые — своей. Мир да любовь :).

Пока столкнулся только с тем, что не все до конца проработано. Например, при отключении колорпикера, в блоке таблиц он остается. Или то что раньше можно было отключить текстовый редактор совсем и оставались только поля, теперь непонятно как это сделать и получается некоторые страницы с всегда пустым редактором на весь экран (но это скорее всего так и оставят).

Из жалоб слышал, что раньше можно было добавлять комментарии прямо в редактировании записи, в новом редакторе эту возможность убрали.

Answer 1

[Анатолий Куликов]

Вообще вывод записей в какой-либо сетке делается не в записях, а в файлах темы. Возможно, нужно знания в данной теме подтянуть.

Можно также воспользоваться PageBuilder'ом типа Elementor (+ куча плагинов к нему).

Answer 2

[Вова Дружаев]

Вы не знаете как работать с гутенберг - учитесь разрабатывать под него
Вы не знаете ACF - учитесь разрабатывать под него
Вы не знаете элементор - учитесь разрабатывать под него
Вы не знаете о шорткодах - учитесь разрабатывать под них

- как минимум это стоит подтянуть разработчику. Иначе очень скоро вы станете невостребованным.
Дал пункты в порядке важности. То что ниже - скоро отомрёт

Comments

[Роман Говоров]

Спасибо за напутствие, этим и занимаюсь)

Answer 3

[tuxfighter]

создавать свои блоки..

Вам действительно мало того, что уже понасаздавали?
https://ru.wordpress.org/plugins/browse/blocks/
https://ru.wordpress.org/plugins/search/gutenberg/

Comments

[Роман Говоров]

я так и не нашел ни одного который давал возможность создавать обертывающие блоки в которые можно добавлять другие блоки...

[tuxfighter]

https://ru.wordpress.org/support/topic/%d0%ba%d0%b...

[Роман Говоров]

tuxfighter, Это мой же вопрос xD

[tuxfighter]

Роман Вопроскин, там тебе и ответ есть готовый.

Answer 4

[Lord_Dantes]

Все время пишу страницы и новости в редакторе кода, а не в визуальном редакторе.

Первая ошибка в том что вы пишите код в редакторе кода, а не создаете отдельный файл с кодом сайта.

Конечно же у него возникает вопрос, а как мне собственно с этим теперь работать? Учить программирование?

Конечно бл##ь учить с таким фрилансером то

После включения визуального редактора, он (Виз.редактор) ломает всю версту и логику сайта, вставляя свои теги и т.д.

Не удивительно

Трудности добавить банальный кастомный блок:

Плагин Advanced Custom Fields, имеют свойство в ПРО версии поле "Повторитель", где можно делать кастомных блоки сколько угодно. В обычной версии есть просто поля чтобы клиент мог редактировать поля.

Просто из-за нехватки знаний JS, совершаю ошибки и не понимаю как дальше с Gutenberg рабоатать, так как надо будет создавать еще колонки и все в таком духе..

Причем тут js? Ошибки совершают все, та не надо вам с ним работать, используйте acf и все.

Посоветуйте как быть? Как разрабатывать продукт и отдавать клиенту так, чтобы он мог потом пользоваться с минимальным применением html, просто перетаскивая, редактирую нужные элементы на странице (в редакторе страниц)?

Изучить правильную натяжку сайтов на вордпресс, и если нужно перетаскивать элементы и тд то Elementor подходит, во всем остальном ACF.