Как я создал плагин для WordPress для генерации изображений с использованием ИИ за один вечер с помощью ИИ Claude Code 8-)

TL;DR: Уставший тратить время на поиск иллюстраций для блог-постов. Создал плагин, который генерирует изображения для обложек с одним нажатием внутри WordPress. Freepik дает вам $5 кредита при регистрации — достаточно для 100-250 бесплатных изображений.

Проблема: Иллюстрации съедают ваше время

Каждый, кто ведет блог, знает эту боль: вы пишете пост, вычитываете его, форматируете — и затем тратите еще 30 минут на поиск подходящего изображения.

Мои варианты раньше:

• Стоковые фото — выглядят одинаково на каждом веб-сайте, скучно
• Canva — хорошо, но дополнительные шаги: открыть, дизайн, экспорт, загрузить
• DALL-E / Midjourney — отличное качество, но громоздкий рабочий процесс: генерировать отдельно, скачивать, загружать в WordPress
• Ручной дизайн — лучшие результаты, но нереалистично для каждого поста

Я хотел чего-то простого: нажать кнопку в WordPress → изображение генерируется и устанавливается как изображение для обложки.

Решение: Пользовательский плагин + API Freepik

Почему Freepik:

1. 6 моделей качества — от HyperFlux (сверхбыстрый) до Flux 2 Pro (премиум-качество)
2. Выбор формата вывода — WebP, AVIF, JPEG, PNG
3. Простой API — четкая документация, логичные конечные точки
4. $5 бесплатного кредита — Freepik дает вам $5 при регистрации, что достаточно для 100-250 генераций
5. Справедливое ценообразование — от ~$0.02 за изображение

Построение с помощью Claude Code

Я построил весь плагин за один вечер, используя Claude Code. Процесс:

1. Описал, что я хотел: \”Плагин для WordPress, метабокс в редакторе, Кнопка Генерации, вызов API Freepik, сохранение как изображение для обложки\”
2. Claude сгенерировал базовую структуру
3. Несколько итераций для доработки: страница настроек, выбор модели, стили категорий
4. Тестирование и исправления

Общее время: ~4 часа от идеи до рабочего плагина.

Что делает плагин

🎨 Выбор модели AI

Плагин поддерживает 6 моделей для любых потребностей и бюджетов:

Мои предпочтения: Mystic для иллюстраций блога, HyperFlux, когда нужно что-то быстро.

🖼️ Форматы вывода

Выберите формат изображения, который соответствует вашим потребностям:

Рекомендация: WebP предлагает лучший баланс качества и размера файла.

📐 Форматы изображений

• 1:1 — соцсети
• 4:3 — классический
• 2:1 — заголовки блогов (рекомендуется)
• 16:9 — миниатюры видео
• 9:16 — истории

🎯 Умные подсказки

Плагин автоматически создает подсказки из:

• Название поста
• Категория
• Отрывок (первые 100 символов)
• Настроенный стиль для категории

Пример системной подсказки:

Создайте профессиональное изображение для заголовка блога для статьи с названием \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"{title}\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\".
Стиль: {style_description}.
Включить элементы: {elements}.
Настроение: {mood}.
Категория: {category}.

🏷️ Стили категорий

Настраивайте уникальные визуальные стили для каждой категории блога:

Категория: \"налоги\"
Цвета: \"глубокий синий, золотые акценты, корпоративный стиль\"
Элементы: \"документы, калькулятор, диаграммы\\\"
Настроение: \"профессиональный, надежный\"

Теперь все посты в категории \”Налоги\” будут иметь последовательный визуальный стиль.

⚡ Автоматическая генерация

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

Как это выглядит

В редакторе WordPress появляется метабокс под названием \”AI Image Generator\”:

1. Просмотрите предварительный просмотр стиля на основе категории поста
2. Нажмите \”Генерировать изображение\”
3. Подождите 10-30 секунд
4. Изображение автоматически устанавливается как изображение для обложки

Не нравится результат? Кнопка \”Регенерировать\” создает новый вариант.

Результаты

Несколько примеров работы плагина на финансовом веб-сайте

1 / 7

появляется в редакторе WordPress под названием \”AI Image Generator\”:

1. Просмотрите предварительный просмотр стиля на основе категории сообщения
2. Нажмите \”Сгенерировать изображение\”
3. Подождите 10-30 секунд
4. Изображение автоматически устанавливается в качестве миниатюры

Не нравится результат? Кнопка \”Регенерировать\” создает новую вариацию.

Установка и настройка

Шаг 1: Получите ключ API Freepik

1. Зарегистрируйтесь на freepik.com/api
2. Бонус: Freepik начисляет вам $5 при регистрации
3. Скопируйте ваш ключ API из панели управления

Шаг 2: Установите плагин

# Вариант 1: Клонируйте с GitHub
cd wp-content/plugins/
git clone https://github.com/nesmachny/freepik-featured-image-generator.git

# Вариант 2: Скачайте ZIP и загрузите через админ-панель WordPress

Шаг 3: Настройте

1. Активируйте плагин в WordPress
2. Перейдите в Настройки → AI Image Generator
3. Вставьте ваш ключ API
4. Выберите модель по умолчанию
5. Настройте стили для категорий (необязательно)

Экономика: сколько это стоит?

Начальный баланс: $5 (бесплатно при регистрации)

Стоимость генерации (приблизительно):

• HyperFlux: ~$0.02 (самый дешевый)
• Flux Dev: ~$0.03
• Mystic: ~$0.04
• Flux 2 Turbo: ~$0.05
• Flux 2 Pro: ~$0.06
• Flux Pro 1.1: ~$0.08

$5 позволяют получить:

• ~250 изображений с HyperFlux
• ~160 изображений с Flux Dev
• ~100 изображений с Mystic
• ~60 изображений с Flux Pro 1.1

Для небольшого блога (2-4 поста в неделю) бесплатных $5 хватает на 6-12 месяцев. После этого – копейки за пост.

REST API для автоматизации

Плагин предоставляет REST API для интеграции:

# Сгенерировать изображение для поста
POST /wp-json/aifig/v1/generate/{post_id}

# Пользовательский запрос
POST /wp-json/aifig/v1/custom
{
  \"prompt\": \"Футуристический городской пейзаж с летающими автомобилями\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\",
  \"post_id\": 123
}

Интегрируйте с n8n, Zapier или вашими собственными скриптами.

Советы для лучших результатов

Хорошо работает:

• Абстрактные концепции
• Иллюстрации и плоский дизайн (модель Mystic)
• Ландшафты и архитектура
• Технологическая графика

Хуже работает:

• Текст в изображениях (часто искаженный)
• Конкретные лица людей
• Высокодетализированные схемы

Профессиональный совет: против текста

В последней версии (v1.1.1) я добавил автоматическую инструкцию \”без текста, без букв, без слов\” к запросам – это значительно улучшило результаты.

Резюме

Проблема: Тратить 30+ минут на поиск иллюстраций для каждого поста

Решение: Плагин WordPress + API Freepik + Claude Code

Результат:

• Генерация за 10-30 секунд
• 6 моделей AI + 4 формата вывода (WebP/AVIF/JPEG/PNG)
• Единообразный стиль для каждой категории
• $5 бесплатно для начала (100-250 изображений)
• Полный контроль через настройки

Ссылки

• GitHub: github.com/nesmachny/freepik-featured-image-generator
• Freepik API: freepik.com/api ($5 бесплатного кредита при регистрации)
• Claude Code: claude.ai