Я (РЕАЛЬНО) создал WordPress-сайт в 2026 году с помощью Claude Design и Elementor

Открыть Claude Design: https://claude.ai/design Импортировать дизайн в WordPress: https://hostinger.com/darrel10 Получить NovaMira бесплатно: https://www.darrelwilson.com/novamira Скачать Claude: https://claude.com/download В этом уроке по веб-дизайну с Claude AI я покажу вам, как создать полноценный сайт с помощью Claude AI, разработать профессиональную дизайн-систему, а затем импортировать этот сайт в WordPress для полной настройки через Elementor. Упомянутые сайты: https://designmd.ai/explore?page=1 https://getdesign.md/ Промпты Evernote (перенесены в Tiberium): https://tiberium.app/p/2FwUcExQQqN2 В этом уроке я покажу, как использовать Claude Design для создания сайта, а затем перенести этот дизайн в WordPress с Elementor, чтобы вы могли полностью его настроить. Вместо обычного AI-конструктора сайтов, где приходится снова и снова менять промпты, этот рабочий процесс объединяет лучшее из двух миров: Claude помогает создать современный и профессиональный дизайн сайта, а WordPress вместе с Elementor дает полный контроль над конечным результатом. Также мы будем использовать NovaMira для подключения Claude к WordPress. NovaMira позволяет AI-агентам получать доступ к WordPress через MCP, благодаря чему такие инструменты, как Claude, могут работать напрямую с вашей средой WordPress, а не просто выдавать случайные советы или фрагменты кода. По информации NovaMira, AI может получать доступ к файлам WordPress, запросам базы данных, командам WP-CLI, выполнению PHP, плагинам, темам и конструкторам страниц, таким как Elementor. В этом видео я покажу полный процесс: создание структуры сайта через Claude Design, подключение Claude к WordPress с помощью NovaMira и редактирование сайта через Elementor. Этот урок идеально подходит для новичков, веб-дизайнеров, фрилансеров, агентств и всех, кто хочет быстрее создавать WordPress-сайты с помощью искусственного интеллекта. Таймкоды 0:00 Введение 0:37 Почему редактирование только в Claude неудобно 2:27 Открываем Claude Design (только Pro-план, браузерная версия) 3:05 Создание дизайн-системы 3:39 Ресурс 1: designmd.ai 4:29 Ресурс 2: getdesign.md 5:37 Добавление дизайн-системы в Claude 6:28 Создание второй дизайн-системы (Lamborghini) 8:05 Создание первого AI-сайта 8:25 Три способа создания сайта 9:02 Метод 2: готовый промпт 9:31 Метод 3: создание по скриншоту 10:08 ThemeForest + расширение Go Full Page Screenshot 10:58 Бесплатные промпты (ссылка Evernote) 12:18 Заполнение промпта 12:38 Добавление SEO-ключевых слов 13:01 Настройка направления дизайна и страниц 14:30 Запуск промпта 15:23 Демонстрация со скриншотом (тема Essentials) 16:28 Обзор готового сайта недвижимости 17:51 Обзор сайта, созданного по скриншоту 19:22 Итоги перед переходом в WordPress 19:44 Настройка хостинга Hostinger 19:59 Выбор тарифа (рекомендуется Business) 20:37 Период оплаты 21:02 Промокод Darrel10 21:28 Создание аккаунта и оплата 22:06 Настройка Hostinger и установка WordPress 23:56 Проверка домена и аккаунта 24:40 Вход на ваш сайт WordPress 25:51 Зачем устанавливать плагины 26:16 Установка темы Astra 26:38 Установка Elementor и WPForms 27:27 Установка XPro 27:53 Почему использовать XPro (бесплатный конструктор Header и Footer) 28:38 Установка плагина Nova Mirror 29:26 Настройка Elementor 30:35 Установка Node.js 31:36 Подключение WordPress к Claude 32:30 Скачивание Claude Desktop 32:55 Изменение конфигурации для подключения 34:11 Скачивание проекта в формате ZIP 34:29 Промпт импорта (ссылка Evernote) 35:13 Импорт сайта в WordPress 36:06 Проверка импортированного WordPress-сайта 37:40 Редактирование сайта через Elementor 39:18 Исправление глобальных цветов и шрифтов 41:12 Создание Header и Footer через XPro 44:25 Завершение Вы узнаете, как использовать Claude для планирования сайта, создания профессионального дизайна, структуры страниц, улучшения текста и последующей настройки всего через Elementor. Цель проста: использовать AI для ускорения процесса дизайна, сохраняя гибкость и полный контроль WordPress. NovaMira создан для сред разработки и тестирования (staging). На официальном сайте рекомендуется использовать резервные копии, потому что инструмент предоставляет AI расширенный доступ к вашей установке WordPress. В конце этого видео вы будете понимать, как объединить Claude Design, WordPress, Elementor и NovaMira для создания современного AI-процесса разработки сайтов. Что вы изучите Как использовать Claude Design для создания сайта Как подключить Claude к WordPress через NovaMira Как использовать Claude вместе с Elementor Как превратить AI-дизайн в настоящий WordPress-сайт Как настроить AI-сайт с помощью Elementor Как искусственный интеллект ускоряет создание WordPress-сайтов Почему WordPress и Elementor остаются важными в эпоху AI Это будущее создания сайтов: Claude ускоряет дизайн, NovaMira соединяет Claude с WordPress, а Elementor дает полную свободу редактирования и настройки.