Блочный сайт сверстать с уникальным дизайном, как лучше организовать редактирование текста конечным пользователем?

Question

[Галина Иванова]

Не подскажите, что лучше посмотреть? Я верстальщик и сама натягиваю верстку на WordPress. В основном раньше разрабатывала сайты организаций и интернет-магазины. Сейчас попросили сделать небольшой блочный сайт с готовым дизайном. Я его сверстала. Как лучше организовать редактирование текстов для конечного пользователя?

Comments

[Refguser]

Не подскажите, что лучше посмотреть?

Натягивателям для образования

[Ankhena]

Я его сверстала.

Вот такой сайт: https://zvezda-lady.ru

Он же разваливается, ошибок море, текст картинками.

[Галина Иванова]

Ankhena, какие ошибки?

[Ankhena]

Елена Бакланова, откройте валидатор хотя бы

[Галина Иванова]

Ankhena, спасибо, посмотрю

[Виталий Першин]

Ankhena, Похоже этот как раз тот случай, когда дизайнер рисовал макет на 1600px, а верстальщик так и сверстал :D

[Галина Иванова]

Виталий Першин, спасибо, буду исправлять!

[Ankhena]

Виталий Першин, да, похоже на то. Но не отдавать же клиентам в таком виде.
Показалась, что лет на 10 назад откатилась или даже ещё больше.

[Виталий Першин]

Елена Бакланова, Тут просто недавно был спор как раз по размерам макета, поэтому навеяло)

Конкретно по вашей верстке, можно много чего обсудить, но мне сразу бросилось в глаза назначение font-size для многих элементов через js. Это очень странное решение, используйте медиа запросы. Ну и ограничение размера сайта в 1600px это мягко говоря не очень, учитывая, что все десктоп экраны в основном fullHD, то есть 1920px

[Ankhena]

Ну и ограничение размера сайта в 1600px это мягко говоря не очень, учитывая, что все десктоп экраны в основном fullHD, то есть 1920px

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

Answer 1

[Михаил Р.]

сделать небольшой блочный сайт

Что Вы подразумеваете под "блочным" сайтом?

Сейчас попросили сделать небольшой блочный сайт с готовым дизайном. Я его сверстала.

Теперь необходимо его натянуть на wp.

Как лучше организовать редактирование текстов для конечного пользователя?

Для редактирования - гутенберг, элементор или условно "без редактора" (при отключение гутенберга). Контент на странице выводится классическим образом.

Answer 2

[Артем Золин]

Меню зарегистрировать через register_nav_menus(), подключить вывод в теме wp_nav_menu()

Глобальная информация (контакты, ссылки на соцсети, настройки) делается через Customizer API кодом или плагины ACF/Carbon Fields

В header и footer можно сделать области для сайдбаров register_sidebar(), вывод в коде dynamic_sidebar(), для создания своих виджетов см. функции register_widget() и класс WP_Widget

Для редактирования контента индивидуальных страниц сейчас можно писать блоки под Гутенберг, но многие делают через те же ACF/Carbon Fields

Верстку, конечно, нужно доделывать. Скорее всего вам все же придется удалить подключение css и js файлов Тильды и переверстать руками

Подключение скриптов wp_enqueue_script() и стилей wp_enqueue_style() на хуке wp_enqueue_scripts

Смотрите код популярных тем из официального репозитория и делайте так же