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

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

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

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

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

• • Стоковые фото — выглядят одинаково на каждом веб-сайте, скучно

• • Canva — хорошо, но дополнительные шаги: открыть, дизайн, экспорт, загрузить

• • DALL-E / Midjourney — отличное качество, но громоздкий рабочий процесс: генерировать отдельно, скачивать, загружать в WordPress

• • Ручной дизайн — лучшие результаты, но нереалистично для каждого поста

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

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

Почему Freepik:

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

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

Результаты

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

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

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

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

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

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

1. 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. 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