Создание сайта за 3 часа c ИИ | WordPress + Elementor + Deepseek + Qwen | Пошаговый гайд!

• Автор показывает пошаговую разработку сайта для церемонии Камба в Уфе.  

• Сайт будет включать кнопку для записи на церемонию с переходом в чат Telegram.  

• Информационные блоки и уникальные изображения будут созданы с помощью нейросети.  

• Блок с отзывами участников, большинство из которых будут реальными.  

• Тексты на сайте будут генерироваться нейросетью DALL-E.  

• Призыв к действию и переход на Telegram для записи.  

• Создание мобильной версии сайта.  

• Возможность расширения сайта до многостраничного и добавления интернет-магазина.  

• Хостинг: 30 дней бесплатно, затем 320 рублей в месяц.  

• Домен в зоне .ru: 179 рублей в год.  

• Создание главной страницы, текстового и графического контента с помощью нейросетей.  

• SEO-оптимизация и подключение к Яндекс Вебмастеру и Метрике.  

• Сайт будет полностью в собственности без ограничений.  

• Обучение работе с WordPress, Elementor, SEO и нейросетями.  

• Скидка 95% на профессиональные инструменты для создания сайта.  

• Получение аккаунта хостинга через ссылку под видео.  

• Рекомендация хостинга Beget: тарифы Block и Start.  

• Преимущества хостинга: скорость, бесплатные SSL-сертификаты.  

• Заполните личные данные: ФИО, номер телефона, email.  

• Укажите логин и код партнёра 110928.  

• После регистрации доступ к контрольной панели по адресу cpp.beget.ru.  

• Домен — это адрес сайта, по которому пользователи попадают на ваш сайт.  

• Для долгосрочного проекта необходим собственный домен.  

• Найдите раздел «Домены и поддомены», выберите «Регистрация домена».  

• Введите название домена, например, «комбо-уфа.ру».  

• Если домен уже зарегистрирован, выберите другой.  

• Используйте нейросеть для генерации названий доменов.  

• Для России и СНГ выбирайте зону .ru.  

• Избегайте экзотических зон, таких как .online или .store, из-за высоких затрат на продление.  

• Простой домен в зоне .ru или .com предпочтительнее.  

• Заполните паспортные данные администратора домена.  

• Пополните баланс на стоимость регистрации домена.  

• Оставьте настройки по умолчанию: делегирование, автоматическое продление, бесплатный сертификат.  

• Дождитесь сообщения о регистрации домена и выпуске SSL-сертификата.  

• После получения сообщения о выпуске сертификата можно устанавливать WordPress.  

• Создайте поддомен для учебных или бизнес-сайтов.  

• В разделе «Хостинг» выберите «Установка системы управления контентом», затем «WordPress».  

• Укажите зарегистрированный домен и логин администратора, отличный от «admin».  

• Не используйте логин «admin» для администратора, чтобы избежать уязвимостей.  

• Устанавливаем пароль, рекомендуется использовать надёжный пароль.  

• Указываем рабочий email.  

• Нажимаем «Установить».  

• В адресной строке браузера вводим домен сайта.  

• Открывается главная страница WordPress.  

• Для входа в панель управления добавляем к адресу сайта косую черту и «/wp-admin».  

• Вводим логин и пароль, ставим галочку «Запомнить меня».  

• Закрываем ненужные вкладки, настраиваем экран.  

• Удаляем автоматически установленные плагины.  

• Отключаем индексацию сайта поисковыми системами.  

• Настраиваем постоянные ссылки.  

• Удаляем автоматически установленные темы.  

• Добавляем тему Astra, активируем её.  

• Устанавливаем плагин Starter Template.  

• Активируем плагин Reliable Simple SSL для защиты сайта.  

• Устанавливаем плагин Elementor для создания страниц.  

• Устанавливаем плагин WP Migrate Backup.  

• Создаём резервную копию сайта.  

• Проверяем доступность бэкапа для восстановления.  

• Подготавливаемся к дизайну главной страницы.  

• После активации плагинов на сайте могут появиться дополнительные окна.  

• Рекомендуется убрать их через настройки экрана.  

• Создаём новую страницу для главной.  

• Используем редактор Elementor вместо стандартного редактора WordPress.  

• В левой части экрана находим виджеты и глобальные элементы.  

• Бесплатные виджеты достаточны для создания хороших сайтов.  

• Рассматриваем готовые шаблоны Elementor, большинство из которых доступны в платной версии.  

• Нажимаем на кругляшок с буквой «С» для доступа к страницам и блокам.  

• Импортируем готовые шаблоны на страницу.  

• Собираем сайт из готовых блоков, редактируя их под себя.  

• Важно правильно расположить блоки и написать текст для повествовательной структуры.  

• Используем DeepSik для создания структуры и текста посадочной страницы.  

• Отправляем запрос DeepSik, например: «Привет, я создаю сайт. Тема сайта — церемония Камбо в Уфе. Пожалуйста, составь для меня структуру и текст для посадочной страницы».  

• DeepSik быстро генерирует структуру и текст, адаптируясь к запросу.  

• Выбираем секцию «Хиро» для главного экрана.  

• Импортируем блок с текстом и кнопкой.  

• Дублируем блок для создания двух секций преимуществ.  

• Добавляем блок с изображением и текстом для преимуществ церемонии.  

• Перемещаем и стилизуем блоки на странице.  

• Импортируем блок «Как проходит церемония».  

• Стилизуем блок и добавляем его на страницу.  

• Находим и импортируем блок «Отзывы участников ритуала».  

• Дублируем блок и стилизуем его.  

• Добавление блока «Отзывы».  

• Импорт блока «Частые вопросы о камбо церемонии».  

• Выбор и импорт блока «Колту экшн».  

• Импорт блоков «Цитата» и «Социальные сети».  

• Преобразование старых блоков в контейнеры для работы с флексбоксами.  

• Удаление старых блоков и дублирование контейнеров.  

• Получение готовой заготовки страницы без стилизации и текста.  

• Объяснение работы с пейдж билдером как основного инструмента для создания страниц.  

• Подчёркивание важности практики и насмотренности для успешного использования инструмента.  

• Удаление ненужного контейнера и растяжение оставшегося контейнера на всю ширину.  

• Настройка отступов в процентах: справа — 46%, слева — 5%.  

• Отключение параметра «связать значение» для независимого изменения параметров.  

• Вставка текста «Легендарная церемония камбо в Уфе» в контейнер.  

• Изменение размера и цвета шрифта.  

• Размещение фотографии лягушки, занимающей весь размер контейнера.  

• Вкладка «Стиль» позволяет выбрать тип фона: классический, градиент, видео или слайд-шоу.  

• Можно задать цвет или загрузить изображение.  

• Изображения можно создавать с помощью нейросети или находить в интернете.  

• Важно использовать качественные изображения для сайта.  

• Некачественные фотографии могут испортить внешний вид сайта.  

• Подготовка изображений заранее помогает создать хороший продукт.  

• В WordPress есть встроенный редактор изображений, позволяющий обрезать, масштабировать и поворачивать изображения.  

• Пример редактирования: отражение изображения по горизонтали.  

• Использование ключевых слов в заголовке и атрибуте alt помогает улучшить ранжирование в поиске.  

• Пример использования ключевых слов: «лягушка для камбо церемонии», «комбо ритуал в уфе».  

• Настройка размера дисплея и позиционирования изображения для правильного отображения.  

• Выравнивание текста слева.  

• Настройка типографики: выбор глобальных шрифтов, например, «Монтсеррат» и «Работа».  

• Установка цвета текста и размера шрифта.  

• Настройка произвольной ширины и отступов для текста.  

• Пример настройки: ширина 76 пикселей, отступ сверху 10 пикселей.  

• Позиционирование кнопки слева.  

• Написание текста на кнопке: «Записаться на церемонию».  

• Настройка цвета и типографики кнопки.  

• Скругление углов кнопки для более округлого вида.  

• Настройка отступов внутри контейнера для идентичности первого экрана.  

• Пример настройки отступов: 180 пикселей, 30 пикселей.  

• Проверка идентичности первого экрана после всех настроек.  

• Использование кнопки «Убрать редактор» для скрытия интерфейса.  

• Важность нажатия «Опубликовать» для сохранения изменений.  

• Удаление задвоенной секции и повторная публикация.  

• Переход в настройки кнопки, выбор вкладки «Содержимое».  

• Ввод ссылки на Telegram-аккаунт.  

• Настройка параметров ссылки: «Открыть в новом окне».  

• Переход в меню «Настроить» для установки главной страницы.  

• Выбор статической страницы из списка.  

• Публикация изменений и проверка главной страницы.  

• Перенос блока с готового сайта на текущую страницу.  

• Перемещение блока наверх с помощью перетаскивания или окна «Структура».  

• Изменение ширины контейнера.  

• Настройка отступов внутри контейнера.  

• Удаление лишнего заголовка и настройка цвета текста.  

• Изменение цвета фона с помощью экранной пипетки.  

• Настройка шрифта «Монцерат» и цвета текста.  

• Добавление виджета-разделителя в контейнер.  

• Настройка параметров разделителя: ширина 12%, центр, толщина 2.  

• Устранение лишних отступов и настройка размера шрифта.  

• Создание двух идентичных блоков.  

• Удаление одного блока и публикация изменений.  

• Автор начинает с блока преимуществ камбо церемонии, добавляя анимацию.  

• Объявляет о намерении использовать нейросеть QVN для генерации картинок для сайта.  

• Призывает зрителей зарегистрироваться на платформе QVN через Google аккаунт или почту.  

• QVN не только рисует, но и отвечает на вопросы, подобно DeepMind.  

• Автор создаёт новый чат и задаёт QVN задачу: создать картинки в едином стиле для блока преимуществ камбо церемонии.  

• Использует текст, созданный DeepMind, для задания QVN.  

• Автор просит QVN добавить тексты под заголовки.  

• Рекомендует зрителям пробовать самостоятельно, так как платформа бесплатная и обучение происходит через практику.  

• QVN создаёт промты для будущих картинок на основе заданных текстов.  

• Автор вставляет промты в QVN и задаёт размер картинок.  

• QVN генерирует картинки, иногда с ошибками, например, вместо золотого тона выдаёт цветной.  

• Автор корректирует настройки, чтобы получить картинки в едином стиле.  

• В итоге все преимущества камбо церемонии нарисованы в золотом тоне.  

• Автор призывает экспериментировать с QVN для своих целей.  

• Подчёркивает, что нейросеть выполняет творческую работу быстрее и лучше человека.  

• Упоминает о возможности загрузки созданных изображений.  

• Переход на главную страницу сайта «Комбо Уфа».  

• Импорт готового блока.  

• Попытка добавить заголовок, но выясняется, что это должен быть отдельный блок.