Руководства/Макет сайта/Как отредактировать дизайн веб-сайта, созданного ИИ

Как отредактировать дизайн веб-сайта, созданного ИИ

Создав сайт с помощью ИИ-конструктора сайтов, можно настроить его дизайн и макет, пользуясь подсказками ИИ. В этом руководстве показано, как с помощью ИИ доработать дизайн веб-сайта.

Эта функция доступна при создании новых веб-сайтов с тарифными планами WordPress.com Premium и Business. Вы можете испытать её бесплатно (до 30 подсказок) и затем перейти на платный тарифный план, чтобы запустить веб-сайт, продолжив его настройку.

Редактирование веб-сайта, созданного с помощью ИИ

Вы можете продолжать работать над сайтом: обновлять, редактировать и добавлять контент как с помощью ИИ, так и вручную. Чтобы работать над сайтом с помощью ИИ, выполните следующие действия:

  1. Откройте страницу «Сайты».
  2. Выберите свой сайт и нажмите кнопку «Главная».
  3. Следующий шаг зависит от тарифного плана вашего сайта:
    • Сайты с бесплатным пробным планом станут сразу открываться в редакторе, чтобы вы могли продолжить редактирование.
    • Сайты с платным тарифным планом откроются в консоли, откуда можно перейти в раздел Внешний вид → Редактор и продолжить редактирование.
  4. Щёлкните значок ИИ в виде четырёхконечной звезды, чтобы открыть помощник на базе ИИ.
The AI symbol that resembles a four-pointed star.

Как изменить общую цветовую схему

Чтобы изменить общую цветовую схему сайта при помощи ИИ, выполните следующие действия:

  1. Щёлкните значок ИИ в виде четырёхконечной звезды, чтобы открыть окно подсказки.
  2. Введите запрос, например: «Изменить цвета» или «Я хочу заменить цветовую схему всего сайта на пастельные тона».
  3. Вам будут предложены цветовые палитры для просмотра. Нажмите на цвет, чтобы увидеть, как обновление будет выглядеть на сайте.
  4. Выбрав нужную цветовую схему, нажмите кнопку Сохранить.

Чтобы вручную выбрать цветовую схему, перейдите в раздел Внешний вид → Редактор → Стили → Цвета и выберите новую цветовую палитру (недоступно в бесплатной пробной версии).

В окне подсказки ИИ написано «Предложить новые цвета для моего веб-сайта», и ИИ предлагает на выбор несколько цветовых схем.

Как изменить определённый цвет

Если вас устраивает общая цветовая схема сайта, но вы хотите изменить цвет определённого раздела или элемента, выполните следующие действия:

  1. Щёлкните элемент (например, текст или кнопку) или определённый раздел, цвет которого вы хотите изменить.
  2. Откройте окно подсказок ИИ.
  3. Введите запрос на изменение цвета. Вы можете описать цвет или указать конкретный цветовой код:
    «Изменить цвет этой кнопки на ярко-жёлтый».
    «Сделать цвет #FFB514 фоном заголовка».
  4. Нажмите кнопку Сохранить, чтобы сохранить изменение цвета, или значок со стрелкой назад, чтобы отменить изменение.

Как добавить разделы

В макет страницы можно добавлять новые разделы.

  1. Щёлкните раздел, куда вы хотите добавить новый раздел.
  2. Откройте окно подсказок ИИ.
  3. Введите запрос, например:
    «Добавить раздел отзывов под разделом «О нас»».
    «Поместить раздел с прейскурантом на главной странице».
  4. Проверьте новый раздел. ИИ может предложить вам несколько макетов, которые можно переключать кнопками со стрелками влево и вправо.

Как изменить очерёдность разделов

Можно изменять макет сайта, перемещая разделы.

  1. Выберите раздел, который вы хотите переместить.
  2. Откройте окно подсказок ИИ.
  3. Введите:
    «Поместить раздел «Услуги» выше раздела «Отзывы»».
    «Переместить раздел «Контакты» наверх».

Если необходима более точная настройка, вы можете вручную выбрать раздел в представлении в виде списка. Возле выбранного раздела появится панель инструментов со стрелками вверх и вниз для перемещения раздела на новое место.

Новый раздел с выделенными стрелками для перемещения.
Используйте значки со стрелками для перемещения раздела вверх или вниз.

Как удалить раздел или элемент

Ненужные разделы или элементы можно удалить всего за несколько шагов.

  1. Выберите раздел или элемент, который вы хотите удалить.
  2. Откройте окно подсказок ИИ.
  3. Подсказка:
    «Удалить раздел часто задаваемых вопросов с главной страницы».
    «Удалить лишний блок «Галерея» в разделе «О нас»».
  4. Нажмите кнопку Сохранить, чтобы сохранить изменения, или значок со стрелкой назад, чтобы отменить изменения.

Также можно удалять любые блоки вручную. Для этого нужно выбрать блок(и), нажимая на значок (⋮), и затем нажать Удалить.

Больше подсказок по оформлению

Возможности создания сайтов с помощью ИИ безграничны. Вот ещё несколько образцов подсказок для ИИ, которые помогут внести изменения в дизайн.

  1. Изменить цветовую палитру на оттенки синего и серого.
  2. Сделать все кнопки закруглёнными и синими.
  3. Заменить цвет фона на белый.
  4. Заменить шрифт на более современный и без засечек.
  5. Использовать крупный жирный шрифт во всех заголовках.
  6. Добавить раздел «Сюжет дня» на главную страницу.
  7. Сверстать макет в одну колонку.
  8. Изменить структуру подвала так, чтобы ссылки на социальные сети отображались в первую очередь.
  9. Добавить раздел призыва к действию над подвалом.
  10. Изменить стиль меню на вертикальную боковую панель.
  11. Увеличить логотип сайта в заголовке.
  12. Добавить раздел отзывов под основным содержанием.
  13. Разместить галерею изображений в макете в виде сетки.
  14. Добавить форму подписки на рассылку новостей внизу страницы.
  15. Прикрепить панель навигации сверху.
  16. Увеличить интервал между разделами.
  17. Выровнять заголовки по центру на каждой странице.
  18. Отображать тёмный текст на светлом фоне на всём сайте.
  19. Добавить лёгкие тени к изображениям.
  20. Увеличить интервал между абзацами.
  21. Изменить порядок разделов на главной странице.
  22. Сделать портреты сотрудников скруглёнными.
  23. Установить цветной градиент в качестве фона страницы.
  24. Добавить значки в раздел услуг.
  25. Создать фон в мягких пастельных тонах.
  26. Заменить шрифт всех заголовков на рукописный.
  27. Добавить разделители между разделами.
  28. Сделать кнопки с призывами к действию крупными и массивными.
  29. Переписать все заголовки заглавными буквами.
  30. Добавить вводный раздел вверху каждой страницы.
Copied to clipboard!