Простые промпты для вашего первого сайта на WordPress с AI‑конструктором

AI‑конструктор WordPress.com собирает сайт по простому описанию — без кода и за минуты. Ниже — 7 простых промптов, чтобы из «черновика» сделать готовый блог. Плюс советы по стилю, контенту и доступности.

Ключевые тезисы (TL;DR)

• Начинайте с подробного промпта: цель, тип сайта, страницы, стиль, типы контента.
• Итеративно настраивайте глобальные стили: палитры, шрифты, лейаут.
• Редактируйте секции и блоки на лету: структуры, копирайт, кнопки, формы.
• Просите AI генерировать медиа и лого в едином стиле; не забывайте про alt‑тексты.
• Всегда вручную проверяйте ссылки, навигацию, доступность и мобильную версию.

Как работает подход «черновик → доводка»

AI‑конструктор сначала создает черновой сайт по вашему описанию: страницы, стартовый контент, базовую визуальную систему. Это экономит часы ручной сборки. Затем вы шаг за шагом уточняете шрифты, цвета, макеты, секции и тексты — всё по коротким промптам. Важно: перед адресным запросом выберите нужную секцию или блок на странице, чтобы изменения применились точечно.

7 простых промптов, с которых стоит начать

1) Первый черновик сайта

Сформулируйте цель, структуру и стиль — чем конкретнее, тем ближе результат к ожиданиям.

«Собери сайт под названием «Мой книжный уголок». Это персональный блог о книгах: обзоры, рекомендации, заметки об индустрии. Стиль — дружелюбный и современный. Нужны страницы: Обзоры, Рекомендации, Тренды, Обо мне, Контакты. На главной — геро‑блок, подборка последних постов и блок подписки на новости.»

Что уточнить дополнительно:

• Типы контента: текст, видео, галереи, подкасты.
• Голос бренда: «вдохновляющий, краткий, без жаргона».
• CTA: «Подписаться», «Читать обзор», «Связаться» и т. п.

2) Палитры и контраст

Попросите варианты, чтобы быстро сравнить настроение и контрастность.

«Подбери 9 палитр для сайта: спокойные и приглушенные, но с ощущением энергии. Покажи примеры для фона, текста, ссылок и кнопок.»

Совет: попросите и тёмную версию палитры — пригодится для режима «тёмная тема».

3) Пары шрифтов

Шрифтовые пары сильно влияют на читабельность и характер бренда.

«Предложи 8 пар шрифтов для заголовков и текста. Атмосфера — немного «книжная», но очень читаемо на экранах. Дай варианты с акцентом на кириллицу.»

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

4) Макеты и композиция

Играйте с лейаутами: структура блоков, сетки для постов, расположение сайдбара.

«Покажи 3 варианта макета главной: 1) геро‑блок + сетка из 6 постов; 2) подборка по рубрикам с вкладками; 3) лонгрид‑лендинг с чередованием текста и картинок. Сохрани мои цвета и шрифты.»

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

5) Точечные правки секций и блоков

Меняйте структуру конкретных секций, порядок постов и отображение метаданных.

«Отредактируй секцию «Последние обзоры». Разбей на 5 подкатегорий: Художественная проза, Биографии, Нон‑фикшн, Классика, Дебюты. Для каждой — заголовок и превью 3 последних постов из соответствующей рубрики.»

Вариации:

• «Отсортируй по популярности за 30 дней.»
• «Спрячь дату и оставь автора + время чтения.»
• «Сделай все кнопки круглыми и увеличь отступы в карточках.»

6) Копирайт и микротекст

Поручайте AI «редакторские» задачи: тон, краткость, структурирование, CTA.

«Перепиши текст на главной короче и дружелюбнее. Короткие предложения, ясные подзаголовки. Добавь призывы к действию и аккуратную микро‑копию для форм и ошибок.»

Также попросите нагенерировать варианты SEO‑заголовков и описаний для страниц и рубрик — это ускорит первичную оптимизацию.

7) Медиа, логотип и доступность

AI пригодится для визуала, если у вас нет готового бренд‑кита.

«Создай логотип с названием «Мой книжный уголок» внутри раскрытой книги. Стиль — минималистичный, теплые зелёные оттенки.»

«Замени все изображения: уютная осенняя атмосфера, в каждом кадре есть книги. Герой — иллюстрация девушки, читающей при свече. Дай единый стиль для превью.»

«Добавь осмысленные alt‑тексты к изображениям, до 125 символов, без стоп‑слов.»

Проверьте, чтобы изображения не «весили» слишком много — попросите AI уменьшить размеры и сжать их без заметной потери качества.

Бонус‑промпты, ускоряющие запуск

• Форма подписки и иконки соцсетей: «Добавь после секции с обзорами блок подписки: поля Имя и Email, кнопка «Подписаться». Размести справа иконки Facebook, Instagram и Pinterest, выровняй по верхнему краю.»
• Меню и навигация: «Собери главное меню: Обзоры, Рекомендации, Тренды, Обо мне, Контакты. Добавь хлебные крошки на всех страницах блога.»
• Доступность: «Проверь контраст текста и кнопок по WCAG AA, предложи правки палитры, где контраст ниже нормы.»
• Мобильная версия: «Покажи превью на смартфонах. Увеличь размеры кликабельных элементов до не менее 44×44 px. Сократи заголовки, чтобы не переносились в три строки.»
• Для интернет‑магазина (по желанию): «Создай страницу «Магазин» с сеткой 2×3, фильтрами по жанрам и цене, карточками с рейтингами. Добавь мини‑корзину в шапку и страницу оформления заказа.»

Лучшие практики составления промптов

• Структура: роль/цель → контекст → требования → ограничения → стиль → критерии готовности.
• Будьте конкретны: «3 варианта палитры», «8 пар шрифтов», «кнопки круглые радиусом 9999 px».
• Фиксируйте неизменяемое: «Не меняй лого и навигацию при вариантах макета.»
• Итерации короткие: лучше 5 маленьких шагов, чем один гигантский запрос.
• Всегда проверяйте вручную: ссылки, формы, корректность данных, адаптивность, скорость загрузки.

Чек‑лист перед публикацией

• Навигация и все CTA ведут на нужные страницы.
• Заголовки логично выстроены (H1→H2→H3), нет «прыжков» уровней.
• Контраст и кегли читаемы на мобильных.
• Изображения оптимизированы и имеют alt‑тексты.
• Мета‑описания и сниппеты заданы для ключевых страниц.

Главная идея проста: сначала опишите результат, который хотите увидеть, затем шаг за шагом уточняйте визуал, структуру и тексты. AI‑конструктор снимает рутину, а вы концентрируетесь на идеях и качестве контента.