Вайбкодим ТОПОВЫЙ сайт на Wordpress за 25 минут

Мой тг канал с полезными материалами: https://telegram.me/matvei_vibecoding Мой личный тг для связи: https://telegram.me/matvei_vibecoder Все ссылки: VS Code: https://code.visualstudio.com/ Land-book (референсы сайтов): https://land-book.com/ View Page Source: https://www.view-page-source.com/ Docker Desktop: https://www.docker.com/products/docker-desktop/ Node.js: https://nodejs.org/ Хостинг Beget: https://beget.com/p2411757 Остальные необходимые материалы лежат в моем тг канале (ссылка выше) --------------------- В этом видео я, Матвей Шульга, показываю настоящий вайбкодинг сайта на wordpress: полный цикл создания сайта нейросетью — от вёрстки до публикации на хостинге, без навыков программирования. Мы соберём сайт на wordpress в Claude Code: поднимем wordpress с нуля локально, сверстаем дизайн по референсу на нативных блоках (блочная тема wordpress вместо тяжёлого Elementor) и разберём вечный спор «тильда или wordpress» — почему открытый вордпресс идеален для работы с нейросетями, а закрытые конструкторы — тупик. Это одновременно вайбкодинг гайд и wordpress гайд в формате «повторяй за мной»: весь процесс — промты в клод код и проверка результата, поэтому видео подойдёт как вайбкодинг для новичков и как урок wordpress для начинающих, и заодно ответит на вопрос, как создать сайт без кода. Во второй части — деплой сайта на реальный хостинг Beget: перенос сайта на хостинг через All-in-One WP Migration, настройка SSL-сертификата и HTTPS, роли и доступы, чтобы подготовить сайт для клиента с защитой контента и фирменными паттернами. В финале подключаем wordpress mcp через плагин AI Engine — mcp серверы позволяют управлять готовым сайтом промтами: нейронка сама создаёт и оформляет новые страницы. Так вайбкодинг сайтов превращается в рабочую схему под создание сайтов на заказ: ии для создания сайтов закрывает вёрстку, перенос и поддержку, а готовый сайт с помощью ии выглядит так, будто над ним работала целая студия. Если искали понятный vibe coding tutorial на русском — это он. --------------------- Таймкоды: 00:00 - Вступление 00:31 - Что такое WordPress и почему не Тильда 01:48 - Подготовка: VS Code, Claude Code и CLAUDE.md 02:58 - Выбор референса дизайна 03:27 - Получаем HTML-код референса 03:42 - Docker и Node.js 04:00 - Поднимаем локальный WordPress (первый промт) 04:40 - Почему нативные блоки, а не Elementor 05:45 - Вёрстка первой секции по скриншоту 06:51 - Правки вёрстки 08:01 - Проверяем админку и редактируем сайт 10:33 - Передача клиенту: роли и доступы 11:51 - Шаблоны страниц и защита контента 12:59 - Паттерны: фирменные блоки для клиента 15:07 - Деплой на хостинг Beget 16:47 - Перенос сайта: All-in-One WP Migration 18:58 - SSL-сертификат и HTTPS 20:58 - Про наставничество 21:50 - Управление сайтом через MCP 24:45 - Плагин для ссылок на латинице