Редактирование в четырёх редакторах страниц

Редактируйте страницы Washlora в Gutenberg, Elementor, WPBakery или Classic Editor.

Главная страница документации › Редактирование в четырёх редакторах страниц

Смотреть видеоурок

EP 2 · 105 Laundry Website Demos, 3 Home Layouts & 4 Page Editors · 5:02 · YouTube

Выберите один редактор

Каждая главная страница ниши существует в четырёх версиях для редакторов. Выберите один редактор и работайте с его версиями страниц — версии являются отдельными страницами, а не преобразованиями друг друга. Если страница открывается как недоступный блок, необработанный шорткод или пустая область, значит, редактор или плагин Washlora Native Layouts не активен.

Нативная демо-страница с переключателем макета главной страницы и редактора.
Нативная демо-страница с переключателем макета главной страницы и редактора. Нажмите, чтобы увеличить.
Редактор 1

Редактирование в Gutenberg

Нативные блоки Washlora Section предоставляют структурированное содержимое, и править PHP-шаблоны не нужно.

  1. Откройте Pages → All Pages и выберите версию вашей страницы для Gutenberg.
  2. Выберите блок Washlora Section. Отредактируйте его заголовок, надзаголовок (eyebrow), текст, изображения, кнопку, ссылку и повторяющиеся элементы в настройках блока.
  3. Используйте List View, чтобы выбирать целые разделы и менять их порядок. Оставляйте в hero-разделе один основной H1.
  4. Используйте элемент управления макетом, чтобы изменить оформление раздела, затем просмотрите результат — каждый макет по-своему обрабатывает изображения и элементы.
  5. Сохраните черновик или обновите страницу, затем проверьте внешний вид на мобильном устройстве и на десктопе.
Не отключайте Washlora Native Layouts. Сообщение о недоступном блоке обычно означает, что плагин блоков отсутствует.
Редактор 2

Редактирование в Elementor

Страница использует нативные виджеты разделов Laundry внутри контейнеров Elementor.

  1. Откройте Pages → All Pages → Edit with Elementor.
  2. Выберите виджет раздела Laundry на холсте или в Navigator.
  3. Отредактируйте текст, изображения, кнопку или ссылку и поля повторяющихся элементов. Выберите макет и тон в настройках виджета.
  4. Меняйте порядок виджетов в Navigator, сохраняя функциональные разделы, например бронирование, на нужном месте.
  5. Обновите страницу и проверьте внешний вид. Если стили выглядят устаревшими, воспользуйтесь инструментами очистки кэша и перегенерации Elementor, затем очистите кэш сайта.
Используйте версию демо для Elementor. Открытие страницы Gutenberg в Elementor не преобразует её блоки.
Редактор 3

Редактирование в WPBakery

Разделы Laundry — это редактируемые компоненты внутри строк и колонок WPBakery.

  1. Откройте версию страницы для WPBakery и запустите бэкенд-редактор или редактор на сайте (front-end).
  2. Отредактируйте компонент Washlora Section, чтобы изменить тексты, изображения, строки элементов, макет, тон и ссылки.
  3. Чтобы изменить порядок на странице, перемещайте компонент целиком или его родительскую строку.
  4. Сохраняйте функциональные компоненты, когда меняете окружающее оформление.
  5. Сохраните и просмотрите результат. Если появляются необработанные шорткоды, убедитесь, что WPBakery и Washlora Native Layouts активны.
Не правьте вручную закодированные атрибуты повторяющихся элементов в текстовом режиме.
Редактор 4

Редактирование в Classic Editor

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

  1. Откройте версию для Classic из Pages → All Pages.
  2. Найдите элементы управления разделами Laundry под основным редактором содержимого.
  3. Изменяйте поля разделов и повторяющиеся элементы и при необходимости меняйте порядок разделов.
  4. Сохраняйте в основном содержимом выводящий шорткод [laundry_classic_sections].
  5. Обновите страницу и перезагрузите её внешний вид, чтобы проверить сохранённый макет.
Не заменяйте основной шорткод скопированным HTML предпросмотра. Редактируемым источником служат элементы управления разделами.