Что выбрал человек: картинки, история, комментарии.
Нажимаю «Созвонились» — и статус уходит вниз.
Так мы легко ведём всю работу с клиентами прямо в админке сайта.
Хотите увидеть мини-CRM, которую собрал Cursor?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Админка #CRM #Тренинг
Alt-теги.
Их можно сделать для SEO.
Но мы просим Cursor: «Создай сам alt-теги для всех картинок на сайте».
Хотите увидеть, как Cursor сам прописывает описания ко всем изображениям?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #SEO #AltТеги #Тренинг
Важный момент.
Если используете Яндекс.Метрику или любой другой счётчик — обязательно добавьте это в Политику обработки персональных данных и Политику конфиденциальности.
Сейчас за этим следят.
Если счётчик есть, а в политике его нет — это нарушение 152-ФЗ.
Хотите узнать, как правильно оформлять политики под закон?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #152ФЗ #ЯндексМетрика #Тренинг
Девяносто баллов.
Поверьте: девять из десяти существующих сайтов такой результат не набирают.
А у нас — высоконагруженный сайт с анимациями, квизом, формами, ссылками и при этом 90 баллов в PageSpeed.
Это очень высокий результат.
Хотите узнать, как получить такую скорость?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #PageSpeed #РазработкаСайтов #Тренинг
Благодаря такому простому подходу Cursor сейчас создаст для нас мини-CRM, с которой будет работать заказчик сайта.
Думаю, это займёт около двух часов: создать CRM и загрузить сайт на хостинг.
Можно сделать перерыв.
Хотите увидеть, как из промтов появляется рабочая мини-CRM?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #CRM #Админка #Тренинг
Ещё нужно добавить favicon.
Просим Cursor: добавь на сайт favicon с анимацией и сменой картинки при наведении / активации.
Пусть сам предложит максимально качественный вариант.
Хотите увидеть, как Cursor создаёт живой favicon?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Favicon #РазработкаСайтов #Тренинг
PNG — почему он часто недопустим?
Только если есть альфа-канал (прозрачность).
PNG занимает значительно больше места — в разы.
Если альфа-канала нет — пусть Cursor напишет скрипт и заменит такие картинки на WebP или JPG.
Хотите увидеть, как Cursor оптимизирует форматы изображений?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #ОптимизацияИзображений #WebP #Тренинг
Вот этих простых промтов хватит, чтобы создать потрясающую админку и уже запустить сайт на домене.
Вот этот домен.
Хотите увидеть, как из нескольких промтов получается рабочий сайт на хостинге?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Админка #Хостинг #Тренинг
Стили всегда должны оставаться от сайта.
Не нужно менять цвет или шрифты.
Только самый минимум.
Тогда даже неопытный человек при наполнении всегда сохранит красивый вид.
Хотите узнать, как правильно ограничивать изменения дизайна?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Дизайн #Админка #Тренинг
Вот этот домен.
Сейчас он ещё небезопасный.
Но пока Cursor работает, мы подключим на хостинге SSL-сертификат и сделаем все остальные действия, чтобы всё работало идеально.
Хотите увидеть, как одновременно идёт разработка и настройка хостинга?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #SSL #Хостинг #Тренинг
Ещё раз прошу Cursor (вдруг не понял): Сайт у нас на HTML.
В админке каждый раз, когда нажимаем «Деплой», сайт создаётся заново.
Это очень важно.
Хотите понять, почему такой подход даёт высокую скорость и удобство?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #HTML #Деплой #Тренинг
Сайт станет загружаться ещё быстрее.
Теперь проверяем его уже на рабочем хостинге через Google PageSpeed Insights и смотрим реальные баллы.
Поехали.
Хотите увидеть, какие баллы получает сайт, сделанный в Cursor?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #PageSpeed #Хостинг #Тренинг
Нужен мини-визуальный редактор.
Чтобы можно было управлять заголовками, параграфами, а также кнопками: «Жирный», «Зачёркнутый», «Подчёркнутый».
Хотите увидеть, как Cursor добавляет удобный редактор в админку?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Админка #Редактор #Тренинг
На рабочем столе я создал файл FTP — в нём данные доступа к FTP-серверу хостинга, который мы купили.
Теперь добавляю этот файл в работу.
Хотите узнать, как безопасно передать Cursor данные для выгрузки сайта?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #FTP #Хостинг #Тренинг
Переходим к десятому уроку — самому важному.
Создаём самописную админку и подключаем хостинг с доменом.
Сначала Cursor создаёт админку. Потом мы даём ему данные FTP — и он сам закачивает сайт на хостинг.
Дополнительно покажу, как я покупал хостинг и какие данные передавал в Cursor.
Хотите увидеть полный процесс выгрузки сайта?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Админка #Хостинг #Тренинг
Ещё раз прошу Cursor:
Мы должны управлять всеми страницами сайта, всеми картинками, всеми SEO-атрибутами и alt-тегами.
Править номер телефона и адрес, добавлять карту в контакты, устанавливать счётчик Яндекс.Метрики или любой другой код.
Хотите увидеть, как собирается такая полноценная админка?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Админка #SEO #Тренинг
Я решил улучшить картинки и пишу Cursor:
«Сделай оптимизацию каждой картинки».
Места мы особо не жалеем, а страниц не так много — всего около 350 товаров.
Хотите увидеть, как Cursor оптимизирует изображения на всём сайте?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #ОптимизацияИзображений #РазработкаСайтов #Тренинг
Не нужно менять цвет или шрифты. Только самый минимум.
Тогда даже самый неопытный человек, наполняя сайт, всегда сделает его красиво.
Подключение хостинга и домена мы убираем из текущего процесса и переносим в конец — сейчас объясню почему.
То же самое с загрузкой на хостинг и проверкой.
Хотите понять логику правильной последовательности работ?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Дизайн #Хостинг #Тренинг
Небольшая ремарка.
Показываю, как добавить SSL-сертификат через cPanel хостинга Multihost.
Заходим в SSL → выбираем домен и все поддомены → создаём Let’s Encrypt.
Через примерно 10 минут сертификат активен. Сайт из «небезопасного» становится безопасным.
После этого уже можно показывать сайт заказчику и получать третью часть оплаты.
Хотите увидеть весь процесс подключения SSL?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #SSL #Хостинг #Тренинг
Я добавил важную ремарку:
Хочу получать и обрабатывать заявки в админке.
Видеть весь выбор человека — с картинками, товарами и ценой.
Работать с этим как с мини-CRM.
Хотите увидеть, как Cursor готовит такую систему обработки заявок?
Смотрите полный урок на training.jogov.ru
#ПетрЖогов #Cursor #Админка #CRM #Тренинг