Перейти к содержимому

Claude Code + WordPress = сайт без кода с полным редактированием

Naikoo Suhaib | Web Design & AI Websites

0:00 / 0:00

Claude Code + WordPress = сайт без кода с полным редактированием

431 просмотр · 1 мес. назад
Naikoo Suhaib | Web Design & AI Websites
869 подписчиков
431 просмотр · 1 мес. назад
В 4-м эпизоде ​​серии «Агентство из одного человека» я преобразую наш веб-сайт на Next.js, созданный с помощью ИИ, в полностью редактируемый веб-сайт на WordPress, сохранив при этом его оригинальный дизайн. Используя Local, Claude Code, пользовательскую тему WordPress и ACF, я покажу вам, как выйти за рамки веб-сайта, написанного на коде, и управлять своими страницами, проектами, отзывами, изображениями и контентом непосредственно из панели управления WordPress. Вы узнаете, как: • Настроить WordPress локально с помощью Local • Передать Клоду Коду ваш существующий веб-сайт и инструкции по конвертации • Преобразовать веб-сайт Next.js в пользовательскую тему WordPress • Установить родительскую тему, дочернюю тему и плагин content-import • Использовать ACF Free или ACF Pro, чтобы сделать контент веб-сайта редактируемым • Сравнить конвертацию WordPress с оригинальным дизайном • Исправить проблемы с разделами, анимацией, макетами и изображениями • Создать многоразовые разделы страниц без конструктора страниц • Добавить новые проекты портфолио и кейсы • Управлять отзывами из панели управления WordPress • Переместить готовый локальный веб-сайт на рабочий хостинг • Загрузить и восстановить веб-сайт с помощью Duplicator • Подготовить веб-сайт для будущих блогов, целевых страниц и SEO Первая конвертация с помощью ИИ может не идеально соответствовать каждой части сложного дизайна Next.js. Я также покажу вам, как я сравнивал обе версии, исправлял различия и улучшал инструкции по конвертации, пока веб-сайт WordPress не стал максимально похож на оригинал. 📂 ФАЙЛЫ И ИНСТРУКЦИИ ДЛЯ КОНВЕРТАЦИИ WORDPRESS https://drive.google.com/file/d/14dto... ЗАДАНИЕ: Конвертируйте мой сайт в WordPress. Следуйте прилагаемым правилам. Мой сайт работает по адресу: Мой WordPress находится по адресу: Папка моего проекта прилагается. Добавьте два адреса, чтобы они соответствовали вашей конфигурации. 🌐 СКИДКА HOSTINGER https://www.hostg.xyz/aff_c?offer_id=... Код скидки: NAIKOO10 Примечание: Ссылка на хостинг может быть партнерской. Если вы воспользуетесь ею, я могу получить комиссию без дополнительных затрат с вашей стороны. РАЗДЕЛЫ 00:00 Локальная настройка WordPress 00:42 Подготовка сайта с ИИ к конверсии 01:29 Добавление инструкций по конверсии WordPress 02:22 Генерация файлов темы WordPress 02:30 Установка родительской и дочерней тем 03:39 Обзор первой конверсии 04:29 Сравнение и исправление дизайна WordPress 06:40 Обзор улучшенного результата 08:40 Исправление макета портфолио 10:04 Почему важны подробные правила конверсии 11:10 Перенос локального сайта в онлайн-режим 12:09 Настройка хостинга WordPress 14:19 Сайт WordPress запущен 19:10 Что дальше В следующем эпизоде ​​мы подготовим сайт для реальных клиентов, настроив формы, Google Analytics, Search Console, базовую SEO-оптимизацию и другие системы, необходимые для начала генерации запросов. Подписывайтесь и следите за всей серией «Агентство из одного человека». #WordPress #ClaudeCode #WebDesign